Team:SYSU-China

From 2014.igem.org

(Difference between revisions)
 
(2 intermediate revisions not shown)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
 +
<html>
 +
<!DOCTYPE html>
<!DOCTYPE html>
-
<html lang="zh-CN">
+
<html xmlns="http://www.w3.org/1999/xhtml">
 +
 
<head>
<head>
-
    <meta charset="utf-8">
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
    <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/jquery.fullPage.css?action=raw&amp;ctype=text/css">
+
<meta name="keywords" content="integrated,evolution,machine,sysu-china,b2h,mutation,m13,RNAT">
-
    <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/newmain.css?action=raw&amp;ctype=text/css">
+
<meta name="author" content="Moriwifi Guo Wenyan,MaryZhang Liu Chancheng" />
-
    <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/common.css?action=raw&amp;ctype=text/css" />
+
<title>2014 SYSU-China integrated evolution machine</title>
-
    <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="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css?action=raw&amp;ctype=text/css">
+
-
    <link href="https://2014.igem.org/Team:SYSU-China/css/flexnav.css?action=raw&amp;ctype=text/css" rel="stylesheet" type="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/style4.css?action=raw&amp;ctype=text/css" />
+
-
    <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/modernizr.custom.79639.js?action=raw&amp;ctype=text/javascript"></script>
+
-
    <!--[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>  
+
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/jquery.fullPage.css?action=raw&ctype=text/css">
-
     <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.min.js?action=raw&amp;ctype=text/javascript"></script>
+
     <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/main.css?action=raw&ctype=text/css">
-
     <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery-ui.min.js?action=raw&amp;ctype=text/javascript"></script>
+
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/common.css?action=raw&ctype=text/css" />
-
    <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.fullPage.min.js?action=raw&amp;ctype=text/javascript"></script>
+
     <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/style.css?action=raw&ctype=text/css" />
-
    <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.fullPage.js?action=raw&amp;ctype=text/javascript"></script>
+
<link rel='stylesheet' type='text/css' href="https://2014.igem.org/Team:SYSU-China/css/fonts.googleapis.comcssfamily=Open+Sans300,700.css?action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/jquery-ui.css?action=raw&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&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.min.js?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery-ui.min.js?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.fullPage.min.js?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.fullPage.js?action=raw&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/lib/jquery.rotate.min.js?action=raw&ctype=text/javascript"></script>  
-
    <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/newanimate.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&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/animateToClass.js?action=raw&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" src="https://2014.igem.org/Team:SYSU-China/js/jquery-ui.js?action=raw&ctype=text/javascript"></script>
-
    <script type="text/javascript" src="//code.jquery.com/ui/1.11.1/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&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" src="https://2014.igem.org/Team:SYSU-China/js/jquery.flexnav.js?action=raw&amp;ctype=text/javascript"></script>
+
-
   
+
-
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300,700&amp;action=raw&amp;ctype=text/css' rel='stylesheet' type='text/css' />   
+
-
    <!--Picture-->
+
<script type="text/javascript">
-
    <!-- Add jQuery library -->   
+
        (function() {
 +
            $($(".firstHeading")[0]).hide();
 +
$("#top-section").hide();
 +
$("#headdiv").hover(function() {
 +
$("#top-section").show();
 +
},function() {
 +
 +
}).trigger("mousehover");
-
    <!-- Add mousewheel plugin (this is optional) -->
+
$("#top-section").hover(function() {
-
    <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/fancybox/lib/jquery.mousewheel-3.0.6.pack.js?action=raw&amp;ctype=text/javascript"></script>
+
 +
},function() {
 +
$("#top-section").hide();
 +
}).trigger("mousehover");
 +
        })(jQuery)
 +
    </script>
-
    <!-- Add fancyBox -->
 
-
    <link rel="stylesheet" href="https://2014.igem.org/Team:SYSU-China/fancybox/source/jquery.fancybox.css?v=2.1.5&amp;action=raw&amp;ctype=text/css" type="text/css" media="screen" />
 
-
    <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/fancybox/source/jquery.fancybox.pack.js?v=2.1.5&amp;action=raw&amp;ctype=text/javascript"></script>
 
-
 
-
    <!-- Optionally add helpers - button, thumbnail and/or media -->
 
-
    <link rel="stylesheet" href="https://2014.igem.org/Team:SYSU-China/fancybox/source/helpers/jquery.fancybox-buttons.css?v=1.0.5&amp;action=raw&amp;ctype=text/css" type="text/css" media="screen" />
 
-
    <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/fancybox/source/helpers/jquery.fancybox-buttons.js?v=1.0.5&amp;action=raw&amp;ctype=text/javascript"></script>
 
-
    <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6&amp;action=raw&amp;ctype=text/javascript"></script>
 
-
 
-
    <link rel="stylesheet" href="https://2014.igem.org/Team:SYSU-China/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7&amp;action=raw&amp;ctype=text/css" type="text/css" media="screen" />
 
-
    <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=1.0.7&amp;action=raw&amp;ctype=text/javascript"></script>
 
-
 
-
    <!--Picture-->
 
-
 
-
 
-
    <!--flexslider-->
 
-
    <link rel="stylesheet" href="https://2014.igem.org/Team:SYSU-China/css/flexslider.css?action=raw&amp;ctype=text/css" type="text/css" media="screen" />
 
-
    <script src="https://2014.igem.org/Team:SYSU-China/js/jquery.flexslider-min.js?action=raw&amp;ctype=text/javascript"></script>
 
-
   
 
-
    <!-- Includes for this demo -->
 
-
    <link rel="stylesheet" href="https://2014.igem.org/Team:SYSU-China/demo-stuff/demoslider.css?action=raw&amp;ctype=text/css" type="text/css" media="screen" />
 
-
 
-
   
 
-
    <!--flexslider-->
 
-
 
-
    <link rel="stylesheet" href="https://2014.igem.org/Team:SYSU-China/css/jquery.remodal.css?action=raw&amp;ctype=text/css">
 
-
    <script src="https://2014.igem.org/Team:SYSU-China/js/jquery.remodal.js?action=raw&amp;ctype=text/javascript"></script>
 
</head>
</head>
-
 
-
 
-
 
-
 
<body>
<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>
-
    <div id="navihide">       
+
<!--this is IGEM LOGO-->
-
    </div>
+
            <div id="IGEMlogo" >
-
    <!--Top navigation-->
+
            <a href="https://2014.igem.org/Main_Page">
-
    <div class="navigation">
+
<img src="https://static.igem.org/mediawiki/2014/d/d7/Sysuchina_igemdeLogo.png" alt="IGEM LOGO" >
-
        <!--<span id="route"> <a> current route </a></span>-->
+
</a>
-
        <div id="icons">
+
</div>
-
        <img src="https://static.igem.org/mediawiki/2014/5/5b/Sysuchina_bg31.png" alt="icon1" id="icon1">
+
-
        <img src="https://static.igem.org/mediawiki/2014/5/5e/Sysuchina_bg34.png" alt="icon2" id="icon2">
+
-
        <img src="https://static.igem.org/mediawiki/2014/7/74/Sysuchina_bg33.png" alt="icon3" id="icon3">
+
-
        <img src="https://static.igem.org/mediawiki/2014/2/27/Sysuchina_bg35.png" alt="icon5" id="icon5">
+
-
        </div>
+
-
        <nav class = "navigation2">
+
-
          <ul data-breakpoint="800" class="flexnav">
+
-
            <li class="firstNav"><a href="#Project/Background">Project</a>
+
-
              <ul>
+
-
                <li><a href="#Project/Background">Background</a></li>
+
-
                <li><a href="#Project/Design/M13">Design</a>
+
-
                  <ul>
+
-
                    <li><a href="#Project/Design/Overview">Overview</a></li>
+
-
                    <li><a href="#Project/Design/M13">M13</a></li>
+
-
                    <li><a href="#Project/Design/Mutagenesis">Mutagenesis</a></li>
+
-
                    <li><a href="#Project/Design/B2H">B2H</a></li>
+
-
                    <li><a href="#Project/Design/RNAT">RNAT</a></li>
+
-
                  </ul>
+
-
                </li>
+
-
                <li><a href="#Project/Result/M13">Result</a>
+
-
                  <ul>
+
-
                    <li><a href="#Project/Result/RNAT">Overview</a></li>
+
-
                    <li><a href="#Project/Result/M13">M13</a></li>
+
-
                    <li><a href="#Project/Result/Mutage">Mutagenesis</a></li>
+
-
                    <li><a href="#Project/Result/B2H">B2H</a></li>
+
-
                    <li><a href="#Project/Result/RNAT">RNAT</a></li>
+
-
                    <li><a href="#Project/Result/Integration">Integration</a></li>
+
-
                  </ul>
+
-
                </li>
+
-
                <li><a href="#Project/Model/BLOSUM62">Model</a>
+
-
                  <ul>
+
-
                    <li><a href="#Project/Model/BLOSUM62">BLOSUM62</a></li>
+
-
                    <li><a href="#Project/Model/Chemicaldynamicalmodel">Chemical dynamical model</a></li>
+
-
                    <li><a href="#Project/Model/Sequenceevolutionmodel">Sequence evolution model</a></li>
+
-
                    <li><a href="#Project/Model/Populationgrowthmodel">Population growth model</a></li>
+
-
                  </ul>
+
-
                </li>
+
-
               
+
-
                <li><a href="#Project/Notebook/Protocol/M13">Notebook</a>
+
-
                    <ul>
+
-
                        <li><a href="#Project/Notebook/Protocol/M13">Protocol</a></li>
+
-
                            <ul>
+
-
                                <li><a href="#Project/Notebook/Protocol/M13">M13</a></li>
+
-
                                <li><a href="#Project/Notebook/Protocol/Mutation">Mutation</a></li>
+
-
                                <li><a href="#Project/Notebook/Protocol/B2H">B2H</a></li>
+
-
                                <li><a href="#Project/Notebook/Protocol/RNAT">RNAT</a></li>
+
-
                                <li><a href="#Project/Notebook/Protocol/TestFluorescent">Test Fluorescent</a>
+
-
                                </li>
+
-
                                <li><a href="#Project/Notebook/Protocol/Testthree">Test three</a></li>
+
-
                            </ul>   
+
-
                        <li><a href="#Project/Notebook/Labnote/M13">Lab note</a>
+
-
                            <ul>
+
-
                                <li><a href="#Project/Notebook/Labnote/M13">M13</a></li>
+
-
                                <li><a href="#Project/Notebook/Labnote/Mutation">Mutation</a></li>
+
-
                                <li><a href="#Project/Notebook/Labnote/B2H">B2H</a></li>
+
-
                                <li><a href="#Project/Notebook/Labnote/RNAT">RNAT</a></li>
+
-
                            </ul>                   
+
-
                        </li>
+
-
                    </ul>
+
-
                </li>
+
-
              </ul>
+
-
            </li>
+
-
 
+
-
            <li class="firstNav"><a href="#Judging/Safetyform">Judging</a>
+
-
              <ul>
+
-
                <li> <a href="#Judging/Safetyform">Safety form</a></li>
+
-
                <li><a href="#Judging/PartSubmission">Part Submission</a></li>
+
-
                <li><a href="#Judging/Achievement">Achievement</a></li>
+
-
                <li><a href="#Judging/Interlabstudy">Interlab study</a></li>
+
-
                <li><a href="#Judging/Judgingform">Judging form</a></li>
+
-
              </ul>
+
-
            </li>
+
-
 
+
-
            <li class="firstNav"><a href="#HumanPractice/iGEMCC">Human Practice</a>
+
-
              <ul>
+
-
                <li><a href="#HumanPractice/iGEMCC">iGEM CC</a></li>
+
-
                <li><a href="#HumanPractice/iGEMconference">iGEM conference</a></li>
+
-
                <li><a href="#HumanPractice/Newsletter">Newsletter</a></li>
+
-
              </ul>
+
-
            </li>
+
-
 
+
-
            <li class="firstNav"><a href="#Team/Ourteam">Team</a>
+
-
              <ul>
+
-
                <li><a href="#Team/Ourteam">Our team</a></li>
+
-
                <li><a href="#Team/Gallery">Gallery</a></li>
+
-
                <li><a href="#Team/Attribution">Attribution</a></li>
+
-
                <li><a href="#Team/Acknowledgement">Acknowledgement</a></li>
+
-
              </ul>
+
-
            </li>
+
-
          </ul>
+
-
        </nav> 
+
-
    </div>
+
-
 
+
-
    <div id="fullpage">
+
-
 
+
-
    <div class="section">
+
-
        <div class="slide " id="section0">
+
-
            <div class="intro">
+
-
            <h1>In The Past</h1>
+
-
            <p>Directed Evolution experiments were so laborious.</p>
+
-
            </div>
+
-
 
+
-
            <!--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">
+
<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/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/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/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/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/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/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/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/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/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/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">
+
<img src="https://static.igem.org/mediawiki/2014/1/11/Sysuchina_bg14.png" alt="board" id="board">
-
                <div class="boardFont">
+
<div class="boardFont">
-
                    <img src="https://static.igem.org/mediawiki/2014/6/6c/M13.png" alt="boardFont" class="boardFont">
+
<img src="https://static.igem.org/mediawiki/2014/6/6c/M13.png" alt="boardFont" class="boardFont">
-
                </div>
+
</div>
-
            </div>
+
</div>
-
           
+
       
-
            <div class="pipeline">
+
        <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/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="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" />
+
        <img src="https://static.igem.org/mediawiki/2014/7/71/Gear_07.png" alt="wheel" class="wheel" id="wheel2" />
-
            </div>
+
       
-
 
+
        <img src="https://static.igem.org/mediawiki/2014/7/71/Gear_07.png" alt="wheel" class="wheel" id="wheel3" />
-
            <div class="bottom" id="bottom1">
+
       
-
                <img src="https://static.igem.org/mediawiki/2014/6/63/Sysuchina_stroll.png" class="stroll">
+
        </div>
-
                <img src="https://static.igem.org/mediawiki/2014/0/00/Sysuchina_scrolldown1.png" class="down1" id="arr1">
+
-
            </div>       
+
-
        </div>
+
-
 
+
-
        <div class="slide"  id="section1">
+
-
            <div class="intro">
+
-
                <h1>Now</h1>
+
-
                <p>We have the Integrated Evolution Machine!</p>
+
-
            </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">
             <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/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/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/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/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/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/9/9d/Sysuchina_bg23_button.png" alt="onwork" class="button" />             
-
                <img src="https://static.igem.org/mediawiki/2014/7/7c/NewM13_03.png" alt="m13" class="in1" />
+
<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/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" />
+
<img src="https://static.igem.org/mediawiki/2014/8/8d/Sysuchina_bg27.png" alt="m13_2" class="batman1" />
             </div>
             </div>
-
            <div class="bottom" id="bottom2">              
+
        <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/6/63/Sysuchina_stroll.png" class="stroll">
-
                <img src="https://static.igem.org/mediawiki/2014/9/98/Sysuchina_scrolldown2.png" class="down1" id="arr2">
+
        <img src="https://static.igem.org/mediawiki/2014/9/98/Sysuchina_scrolldown2.png" class="down1" id="arr2">
-
             </div>  
+
        </div>             
-
        </div>
+
              
 +
</div>
 +
</div>
 +
   
 +
<!--this is section3--> 
-
    <div class="slide" id="section3">
 
-
      <!--*******************************************************-->
 
-
     
 
-
                   
 
-
 
-
   
 
-
        <!--
 
-
        <a class="fancybox" rel="group" href="example/10_b.jpg"><img src="example/10_s.jpg" alt="" /></a>
 
-
        <a class="fancybox" rel="group" href="example/11_b.jpg.jpg"><img src="example/11_s.jpg" alt="" /></a>
 
-
        -->
 
-
    </div>
 
-
    </div>
 
-
 
-
    <div class="section">
 
-
        <div class="title0">
 
-
        <div id="myslider">
 
-
        <div class="flexslider" >
 
-
        <ul class="slides" >
 
-
            <li>
 
-
                <img src="https://static.igem.org/mediawiki/2014/8/85/Sysu-%E8%BF%87%E7%A8%8B%E5%9B%BE1_new.png" />
 
-
                <p class="flex-caption">Captions and cupcakes. Winning combination.</p>
 
-
            </li>
 
-
            <li>
 
-
                <a href="https://static.igem.org/mediawiki/2014/2/21/Sysu-%E8%BF%87%E7%A8%8B%E5%9B%BE2new.png"><img src="demo-stuff/inacup_pumpkin.jpg" /></a>
 
-
                <p class="flex-caption">This image is wrapped in a link!</p>
 
-
            </li>
 
-
            <li>
 
-
                <img src="https://static.igem.org/mediawiki/2014/7/7f/Sysu-%E8%BF%87%E7%A8%8B%E5%9B%BE3new.png" />
 
-
            </li>
 
-
            <li>
 
-
                <img src="https://static.igem.org/mediawiki/2014/f/f2/Sysu-%E8%BF%87%E7%A8%8B%E5%9B%BE4new.png" />
 
-
            </li>
 
-
            <li>
 
-
                <img src="https://static.igem.org/mediawiki/2014/f/f2/Sysu-%E8%BF%87%E7%A8%8B%E5%9B%BE4new.png" />
 
-
            </li>           
 
-
            <li>
 
-
                <img src="https://static.igem.org/mediawiki/2014/6/6d/Sysu-%E8%BF%87%E7%A8%8B%E5%9B%BE5new.png" />
 
-
            </li>
 
-
            <li>
 
-
                <img src="https://static.igem.org/mediawiki/2014/f/f6/Sysu-%E8%BF%87%E7%A8%8B%E5%9B%BE6new.png" />
 
-
            </li>
 
-
        </ul>
 
 +
<div class="section" id="section2">
 +
<div class="intro">
 +
 
         </div>
         </div>
-
        </div> 
+
        <img src="https://static.igem.org/mediawiki/2014/f/f6/Sysuchina_hide4.png" id="hide4">
-
        </div>
+
-
 
+
-
            <section class="main" id="regch">
+
              
              
-
                <ul class="ch-grid titleright">
+
          <!--this is navigation-->
-
                    <li class="title1">
+
            <section class="main">
-
                        <div class="ch-item ch-img-6">            
+
-
                            <div class="ch-info-wrap">
+
<ul class="ch-grid">
-
                                <div class="ch-info">
+
<li>
-
                                    <div class="ch-info-front ch-img-6"></div>
+
<div class="ch-item ch-img-1" >
-
                                    <div class="ch-info-back">
+
<div class="ch-info">
-
                                        <h3>Bears Type</h3>
+
<h3>PROJECT</h3>
-
                                        <p>by Josh Schott <a href="http://drbl.in/ewUW">View on Dribbble</a></p>
+
<p>brief introduction <a href="https://2014.igem.org/Team:SYSU-China/content.html#Project/Background">know more</a></p>
-
                                    </div> 
+
</div>
-
                                </div>
+
</div>
-
                            </div>
+
</li>
-
                        </div>
+
<li>
-
                    </li>
+
<div class="ch-item ch-img-2" style="margin-left:60px; !important">
-
                    <li class="title2">
+
<div class="ch-info">
-
                        <div class="ch-item ch-img-7">
+
<h3>JUDGING</h3>
-
                            <div class="ch-info-wrap">
+
<p>brief introduction <a href="https://2014.igem.org/Team:SYSU-China/content.html#Judging/Safetyform">know more</a></p>
-
                                <div class="ch-info">
+
</div>
-
                                    <div class="ch-info-front ch-img-7"></div>
+
</div>
-
                                    <div class="ch-info-back">
+
</li>
-
                                        <h3>Salon Spaces illustrations</h3>
+
<li>
-
                                        <p>by Jeremy Slagle <a href="http://drbl.in/elmi">View on Dribbble</a></p>
+
<div class="ch-item ch-img-3" style="margin-left:100px !important;">
-
                                    </div>
+
<div class="ch-info">
-
                                </div>
+
<h3>HUMAN PRACTICE</h3>
-
                            </div>
+
<p>brief introduction<a href="https://2014.igem.org/Team:SYSU-China/content.html#HumanPractice/iGEMCC">know more</a></p>
-
                        </div>
+
</div>
-
                    </li>
+
</div>
-
                    <li class="title3">
+
</li>
-
                        <div class="ch-item ch-img-8">
+
-
                            <div class="ch-info-wrap">
+
-
                                <div class="ch-info">
+
-
                                    <div class="ch-info-front ch-img-8"></div>
+
-
                                    <div class="ch-info-back">
+
-
                                        <h3>Leadership Series #3</h3>
+
-
                                        <p>by Dustin Leer <a href="http://drbl.in/dfhn">View on Dribbble</a></p>
+
-
                                    </div>
+
-
                                </div>
+
-
                            </div>
+
-
                        </div>
+
-
                    </li>
+
-
                    <li class="title4">
+
-
                        <div class="ch-item ch-img-8">
+
-
                            <div class="ch-info-wrap">
+
-
                                <div class="ch-info">
+
-
                                    <div class="ch-info-front ch-img-8"></div>
+
-
                                    <div class="ch-info-back">
+
-
                                        <h3>Leadership Series #3</h3>
+
-
                                        <p>by Dustin Leer <a href="http://drbl.in/dfhn">View on Dribbble</a></p>
+
-
                                    </div>
+
-
                                </div>
+
-
                            </div>
+
-
                        </div>
+
-
                    </li>
+
-
                </ul>
+
-
               
+
-
            </section> 
+
-
   
+
                    <li>
-
            <div class="title1">
+
<div class="ch-item ch-img-5 " style="margin-left:130px !important;">
-
            <div class="remodal-bg">
+
<div class="ch-info">
-
                ...All your content...
+
<h3>TEAM</h3>
-
            </div>
+
<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 class="remodal" data-remodal-id="title1">
 
-
            <h1>Title1</h1>
 
-
            <p>
 
-
                Flat, responsive, lightweight, fast, easy customizable modal window plugin
 
-
                with declarative state notation and hash tracking.
 
-
            </p>
 
-
            <br>
 
-
            <!--<a class="remodal-cancel" href="#">Cancel</a>-->
 
-
            <a class="remodal-confirm" href="#">More Detail</a>
 
-
            </div>
 
 +
</div>
 +
   
-
        </div>
 
-
 
-
        <div class="title2">
 
-
            <div class="remodal-bg">
 
-
                ...All your content...
 
-
            </div>
 
-
 
-
            <div class="remodal" data-remodal-id="title2">
 
-
            <h1>Title2</h1>
 
-
            <p>
 
-
                Flat, responsive, lightweight, fast, easy customizable modal window plugin
 
-
                with declarative state notation and hash tracking.
 
-
            </p>
 
-
            <br>
 
-
            <!--<a class="remodal-cancel" href="#">Cancel</a>-->
 
-
            <a class="remodal-confirm" href="#">More Detail</a>
 
-
            </div>           
 
-
        </div>
 
-
 
-
        <div class="title3">
 
-
            <div class="remodal-bg">
 
-
                ...All your content...
 
-
            </div>
 
-
 
-
            <div class="remodal" data-remodal-id="title3">
 
-
            <h1>Title3</h1>
 
-
            <p>
 
-
                Flat, responsive, lightweight, fast, easy customizable modal window plugin
 
-
                with declarative state notation and hash tracking.
 
-
            </p>
 
-
            <br>
 
-
            <!--<a class="remodal-cancel" href="#">Cancel</a>-->
 
-
            <a class="remodal-confirm" href="#">More Detail</a>
 
-
            </div>           
 
-
        </div>
 
-
 
-
        <div class="title4">
 
-
            <div class="remodal-bg">
 
-
                ...All your content...
 
-
            </div>
 
-
 
-
            <div class="remodal" data-remodal-id="title4">
 
-
            <h1>Title4</h1>
 
-
            <p>
 
-
                Flat, responsive, lightweight, fast, easy customizable modal window plugin
 
-
                with declarative state notation and hash tracking.
 
-
            </p>
 
-
            <br>
 
-
            <!--<a class="remodal-cancel" href="#">Cancel</a>-->
 
-
            <a class="remodal-confirm" href="#">More Detail</a>
 
-
            </div>           
 
-
        </div>
 
-
 
-
        <!--<div id="win" class="winstyle1"></div>-->
 
-
 
-
    </div>
 
-
   
 
-
    <div class="section" id="section2">
 
-
            <div class="intro">
 
-
                <h1></h1>
 
-
            </div>
 
-
            <!--this is navigation--> 
 
-
            <section class="main">           
 
-
                <ul class="ch-grid"><!--220px-->
 
-
                    <li>
 
-
                        <div class="ch-item ch-img-3">
 
-
                            <div class="ch-info">
 
-
                                <h3>HUMAN<br> PRACTICE</h3>
 
-
                                <p>brief introduction<a href="content.html#HumanPractice/iGEMCC">know more</a></p>
 
-
                            </div>
 
-
                        </div>
 
-
                    </li>
 
-
                    <li>
 
-
                        <div class="ch-item ch-img-4">
 
-
                            <div class="ch-info">
 
-
                                <h3>JUDGING</h3>
 
-
                                <p>brief introduction<a href="content.html#Judging/Safetyform">know more</a></p>
 
-
                            </div>
 
-
                        </div>
 
-
                    </li>
 
-
                    <li>
 
-
                        <div class="ch-item ch-img-5">
 
-
                            <div class="ch-info">
 
-
                                <h3>TEAM</h3>
 
-
                                <p>brief introduction <a href="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>
</body>
</html>
</html>

Latest revision as of 14:40, 17 November 2014

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