Difference between revisions of "Team:OUC-China"

Line 1: Line 1:
 
<html lang="en">
 
<html lang="en">
−
  <script type="text/javascript">
+
<style type="text/css">
 +
 
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .visualClear {display: none;} /*-- hides default wiki settings --*/
 +
 
 +
.firstHeading {
 +
width: 975px;
 +
margin: 0px auto;
 +
padding-top: 100px;
 +
margin-bottom: 20px;
 +
font-family: Georgia, Times, "Times New Roman", serif;
 +
}
 +
 
 +
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;}
 +
 
 +
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/
 +
background-color: #383838;
 +
border: 0 none;
 +
height: 14px;
 +
z-index: 100;
 +
top: 0;
 +
position: fixed;
 +
width: 975px;
 +
left: 50%;
 +
margin-left: -487px;
 +
}
 +
 
 +
#top-section-bar { /*-- styling full width bar which hides behind default menu bar (edit, page, history, etc.) --*/
 +
background-color: #383838;
 +
height: 14px;
 +
display: block;
 +
z-index: 10;
 +
position: fixed;
 +
width: 100%;
 +
top: 0;
 +
}
 +
 
 +
#menubar a:link, #menubar a:active, #menubar a:visited, #menubar a:hover, #menubar:hover { /*-- styling for default menu bar links (edit, page, history, etc.) --*/
 +
color: #727272;
 +
text-decoration: none;
 +
background-color: transparent;
 +
}
 +
 
 +
body {
 +
background-color: #fff;
 +
}
 +
 
 +
#globalWrapper, #content { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
border: 0px;
 +
background-color: transparent;
 +
margin: 0px;
 +
padding: 0px;
 +
}
 +
 
 +
html, body, .wrapper { /*-- changes default wiki settings --*/
 +
width: 100%;
 +
height: 100%;
 +
background-color: transparent;
 +
}
 +
 
 +
#contentcontainer { /*-- creates container for all content on page --*/
 +
font-family: Arial, Helvetica, sans-serif;
 +
font-weight: normal;
 +
font-size: 14px;
 +
color: #414141;
 +
width: 960px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background-color: #transparent;
 +
margin-top: 0px;
 +
}
 +
 
 +
.sidemenu, .sidemenu li {
 +
list-style-type: none;
 +
list-style-image: none;
 +
font-family: verdana;
 +
text-decoration: none;
 +
color:#000;
 +
font-size: 14px;
 +
}
 +
 
 +
.sidemenu li {display: block;}
 +
 
 +
.sidemenu a {
 +
text-decoration:none;
 +
color: #000;
 +
display: block;
 +
width: 180px;
 +
height: 100%;
 +
padding: 3px 5px;
 +
transition: .25s ease-in-out;
 +
-moz-transition: .25s ease-in-out;
 +
-webkit-transition: .25s ease-in-out;
 +
}
 +
 
 +
.sidemenu a.greyout { color: #909090; }
 +
 
 +
.sidemenu a:hover {
 +
color:#666;
 +
background-color: #d9f5aa;
 +
}
 +
 
 +
.sub-sidemenu {font-size: 10px; margin-bottom: 20px; color: #666; display: none;}
 +
.sub-sidemenu a {color: #666;}
 +
 
 +
div.underconst
 +
{
 +
padding:10px;
 +
border-radius:5px;
 +
background-color:pink;
 +
text-align:center;
 +
}
 +
 
 +
a.anchor{display: block; position: relative; top: -80px; visibility: hidden;}
 +
 
 +
.contentpara {margin-bottom: 30px;}
 +
 
 +
span.email{font-family: monospace; font-weight: normal;}
 +
 
 +
fieldset {border: 1px solid #337f53;}
 +
 
 +
.greyout {color: #A0A0A0;}
 +
.highlightme {background-color: #FFFF00;}
 +
 
 +
#alertContainer { margin-bottom: 10px; width: 936px;}
 +
#annContainer {margin-left: 8px;}
 +
#newsContainer {border: 1px solid #ccc;}
 +
 
 +
.newsTitle {
 +
display: block;
 +
color: #414141;
 +
font-size: 25px;  
 +
        font-family: Georgia, Times, "Times New Roman", serif;
 +
padding: 10px 15px 5px 10px;
 +
border-bottom: 1px solid #ccc;
 +
margin-bottom: 0px;
 +
}
 +
 
 +
.newsItem {
 +
border-bottom: 1px solid #ccc;
 +
display: block;
 +
padding: 5px 15px 0px 10px;
 +
margin-bottom: 0px;
 +
}
 +
 
 +
.newsItem h3 {
 +
width: auto;
 +
display: inline;
 +
font-size: 14px;
 +
font-family: Arial, Helvetica, sans-serif;
 +
padding: 0px;
 +
margin: 0px;
 +
}
 +
 
 +
.newsItem img {
 +
float: right;
 +
clear: right;
 +
width: 80px;
 +
padding-left: 15px;
 +
display: inline-block;
 +
}
 +
 
 +
.newsItem .newsDate {
 +
font-style: italic;
 +
font-size: 14px;
 +
display: inline-block;
 +
color: #999;
 +
float: right;
 +
padding: 0px 0px 10px 15px;
 +
}
 +
 
 +
.newsItem p, .newsItem ul, .newsItem li {
 +
padding: 0px;
 +
margin-left: 20px;
 +
font-size: 12px;
 +
line-height: 1.2;
 +
}
 +
 
 +
.newsItem p {margin-top: 10px;}
 +
 
 +
.annItem {
 +
border: 2px solid #414141;
 +
display: block;
 +
padding: 0px 15px 10px 10px;
 +
margin-bottom: 18px;
 +
position: relative;
 +
height: 160px;
 +
vertical-align: middle;
 +
}
 +
 
 +
.annItem .annCentered {
 +
display: table-cell;
 +
vertical-align: middle;
 +
height: 160px;
 +
}
 +
 
 +
.annCentered h3 {
 +
padding: 0px;
 +
display: block;
 +
margin-left: auto;
 +
margin-right: auto;
 +
text-align: center;
 +
}
 +
 
 +
.annItem ul, .annItem li {padding: 0px; margin: 0px;}
 +
.annItem li {list-style: none; margin: 5px}
 +
 
 +
 
 +
 
 +
</style>
 +
</style>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<!DOCTYPE html>
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
 
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<meta name="keywords" content="integrated,evolution,machine,sysu-china,b2h,mutation,m13,RNAT">
 +
<meta name="author" content="Moriwifi Guo Wenyan，MaryZhang Liu Chancheng" />
 +
<title>2014 SYSU-China integrated evolution machine</title>
 +
 
 +
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/jquery.fullPage.css?action=raw&amp;ctype=text/css">
 +
    <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/main.css?action=raw&amp;ctype=text/css">
 +
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/common.css?action=raw&amp;ctype=text/css" />
 +
    <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/style.css?action=raw&amp;ctype=text/css" />
 +
<link rel='stylesheet' type='text/css' href="https://2014.igem.org/Team:SYSU-China/css/fonts.googleapis.comcssfamily=Open+Sans300,700.css?action=raw&amp;ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/jquery-ui.css?action=raw&amp;ctype=text/css">
 +
 +
<!--[if IE]>
 +
<script type="text/javascript">
 +
var console = { log: function() {} };
 +
</script>
 +
<![endif]-->
 +
 +
 
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/modernizr.custom.79639.js?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.min.js?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery-ui.min.js?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.fullPage.min.js?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.fullPage.js?action=raw&amp;ctype=text/javascript"></script>
 +
 
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.rotate.min.js?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/animate.js?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/animateToClass.js?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/jquery-ui.js?action=raw&amp;ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/hoverdelay.js?action=raw&amp;ctype=text/javascript"></script>
 +
 
 +
<script type="text/javascript">
 
         (function() {
 
         (function() {
 
             $($(".firstHeading")[0]).hide();
 
             $($(".firstHeading")[0]).hide();
Line 17: Line 270:
 
         })(jQuery)
 
         })(jQuery)
 
     </script>
 
     </script>
 +
 +
</head>
 +
<body>
 +
<div id="headdiv"></div>
 +
 
 +
<!--this is main section-->
 +
<div id="fullpage">
 +
<div class="section " id="section0">
 +
<div class="intro">
 +
<h1>In The Past</h1>
 +
<p>
 +
Directed Evolution experiments were so laborious.
 +
</p>
 +
 +
<!--this is IGEM LOGO-->
 +
            <div id="IGEMlogo" >
 +
            <a href="https://2014.igem.org/Main_Page">
 +
<img src="https://static.igem.org/mediawiki/2014/d/d7/Sysuchina_igemdeLogo.png" alt="IGEM LOGO" >
 +
</a>
 +
</div>
 +
 +
 +
 
 +
<div class="worker">
 +
<img src="https://static.igem.org/mediawiki/2014/d/de/Sysuchina_left_tear.png"  alt="teardropLeft"/ id="lefttear">
 +
<img src="https://static.igem.org/mediawiki/2014/c/cf/Sysuchina_bg11.png"  alt="worker1" id="worker1" />
 +
<img src="https://static.igem.org/mediawiki/2014/d/d8/Sysuchina_right_tear.png"  alt="teardropRight" id="righttear" />
 +
<img src="https://static.igem.org/mediawiki/2014/8/83/Think_cloud1.png" alt="cloud1" class="think">
 +
<img src="https://static.igem.org/mediawiki/2014/5/56/Think_cloud2.png" alt="cloud2" class="think">
 +
<img src="https://static.igem.org/mediawiki/2014/4/40/Think_cloud3.png" alt="cloud3" class="think">
 +
<img src="https://static.igem.org/mediawiki/2014/d/dc/Think_cloud4.png" alt="cloud4" class="think">
 +
<img src="https://static.igem.org/mediawiki/2014/f/f0/Sysuchina_bg12.png" alt="worker2" id="worker2" />
 +
<img src="https://static.igem.org/mediawiki/2014/4/4d/Fire1.png" alt="fire" class="fire">
 +
<img src="https://static.igem.org/mediawiki/2014/1/13/Sysuchina_bg13.png" alt="worker3" id="worker3" />
 +
<img src="https://static.igem.org/mediawiki/2014/1/11/Sysuchina_bg14.png" alt="board" id="board">
 +
<div class="boardFont">
 +
<img src="https://static.igem.org/mediawiki/2014/6/6c/M13.png" alt="boardFont" class="boardFont">
 +
</div>
 +
</div>
 +
       
 +
        <div class="pipeline">
 +
        <img src="https://static.igem.org/mediawiki/2014/6/66/Line2.png" alt="line" class="line" />       
 +
        <img src="https://static.igem.org/mediawiki/2014/7/71/Gear_07.png" alt="wheel" class="wheel" id="wheel1" />
 +
       
 +
        <img src="https://static.igem.org/mediawiki/2014/7/71/Gear_07.png" alt="wheel" class="wheel" id="wheel2" />
 +
       
 +
        <img src="https://static.igem.org/mediawiki/2014/7/71/Gear_07.png" alt="wheel" class="wheel" id="wheel3" />
 +
       
 +
        </div>
 +
 +
        <div class="bottom" id="bottom1">
 +
        <img src="https://static.igem.org/mediawiki/2014/f/ff/Sysuchina_hide.png" id="hide1">
 +
        <img src="https://static.igem.org/mediawiki/2014/a/aa/Sysuchina_hide2.png" id="hide2">
 +
        <img src="https://static.igem.org/mediawiki/2014/6/63/Sysuchina_stroll.png" class="stroll">
 +
        <img src="https://static.igem.org/mediawiki/2014/0/00/Sysuchina_scrolldown1.png" class="down1" id="arr1">
 +
        </div>
 +
</div>
 +
</div>
 +
 +
    <div class="section" id="section1">
 +
        <div class="intro">
 +
<p>
 +
We have the Integrated Evolution Machine!
 +
</p>
 +
 +
<img src="https://static.igem.org/mediawiki/2014/e/ee/Sysuchina_hide3.png" id="hide3">                      
 +
            <div class="bg2">
 +
<img src="https://static.igem.org/mediawiki/2014/b/be/Sysuchina_bg21.png"  alt="chaplin" id="chaplin" />
 +
<img src="https://static.igem.org/mediawiki/2014/b/b8/Sysuchina_bg22.png" alt="machine1" class="machine" />
 +
<img src="https://static.igem.org/mediawiki/2014/7/71/Sysuchina_bg23.png" alt="machine2" class="machine" />
 +
<img src="https://static.igem.org/mediawiki/2014/1/1f/Sysuchina_bg24.png" alt="machine3" class="machine" />
 +
<img src="https://static.igem.org/mediawiki/2014/a/ac/Sysuchina_bg22_button.png" alt="offwork" class="button" />
 +
<img src="https://static.igem.org/mediawiki/2014/9/9d/Sysuchina_bg23_button.png" alt="onwork" class="button" />           
 +
<img src="https://static.igem.org/mediawiki/2014/7/7b/Sysuchina_bg25.png" alt="m13" class="in1" />
 +
<img src="https://static.igem.org/mediawiki/2014/8/84/Sysuchina_bg26.png" alt="m13_1" class="superman1"/>
 +
<img src="https://static.igem.org/mediawiki/2014/8/8d/Sysuchina_bg27.png" alt="m13_2" class="batman1" />
 +
            </div>
 +
 +
        <div class="bottom" id="bottom2">        
 +
        <img src="https://static.igem.org/mediawiki/2014/6/63/Sysuchina_stroll.png" class="stroll">
 +
        <img src="https://static.igem.org/mediawiki/2014/9/98/Sysuchina_scrolldown2.png" class="down1" id="arr2">
 +
        </div>             
 +
           
 +
</div>
 +
</div>
 +
   
 +
<!--this is section3--> 
 +
 +
 +
 +
 +
<div class="section" id="section2">
 +
<div class="intro">
 +
 
 +
        </div>
 +
        <img src="https://static.igem.org/mediawiki/2014/f/f6/Sysuchina_hide4.png" id="hide4">
 +
           
 +
          <!--this is navigation--> 
 +
            <section class="main">
 +
 +
<ul class="ch-grid">
 +
<li>
 +
<div class="ch-item ch-img-1" >
 +
<div class="ch-info">
 +
<h3>PROJECT</h3>
 +
<p>brief introduction <a href="https://2014.igem.org/Team:SYSU-China/content.html#Project/Background">know more</a></p>
 +
</div>
 +
</div>
 +
</li>
 +
<li>
 +
<div class="ch-item ch-img-2" style="margin-left:60px; !important">
 +
<div class="ch-info">
 +
<h3>JUDGING</h3>
 +
<p>brief introduction <a href="https://2014.igem.org/Team:SYSU-China/content.html#Judging/Safetyform">know more</a></p>
 +
</div>
 +
</div>
 +
</li>
 +
<li>
 +
<div class="ch-item ch-img-3" style="margin-left:100px !important;">
 +
<div class="ch-info">
 +
<h3>HUMAN PRACTICE</h3>
 +
<p>brief introduction<a href="https://2014.igem.org/Team:SYSU-China/content.html#HumanPractice/iGEMCC">know more</a></p>
 +
</div>
 +
</div>
 +
</li>
 +
 +
                    <li>
 +
<div class="ch-item ch-img-5 " style="margin-left:130px !important;">
 +
<div class="ch-info">
 +
<h3>TEAM</h3>
 +
<p>brief introduction <a href="https://2014.igem.org/Team:SYSU-China/content.html#Team/Ourteam">know more</a></p>
 +
</div>
 +
</div>
 +
</li>
 +
</ul>
 +
 +
<img  id="sysu" src="https://static.igem.org/mediawiki/2014/7/7b/Sysuchina_bg36.png" alt="sysu-china">
 +
 +
</section>
 +
       
 +
  <!--this is footer-->
 +
          <div id="footer" class="fooback">
 +
          <h3>Contact us</h3>
 +
          <p>E-mail: igem.sysu.china@gmail.com </p>
 +
  <p>Address: Sun Yat-Sen University, Guangzhou, China</p>
 +
          </div>
 +
 +
</div>
 +
 +
 +
</div>
 +
   
 +
 +
</body>
 +
 +
</p>
 +
<!--
 +
NewPP limit report
 +
Preprocessor node count: 9/1000000
 +
Post-expand include size: 41/2097152 bytes
 +
Template argument size: 0/2097152 bytes
 +
Expensive parser function count: 0/100
 +
-->

Revision as of 03:46, 12 August 2015

2014 SYSU-China integrated evolution machine

In The Past

Directed Evolution experiments were so laborious.

teardropLeft worker1 teardropRight cloud1 cloud2 cloud3 cloud4 worker2 fire worker3 board
boardFont
line wheel wheel wheel

We have the Integrated Evolution Machine!

chaplin machine1 machine2 machine3 offwork onwork m13 m13_1 m13_2
sysu-china