Team:SYSU-China

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{CSS/Main}}
+
{{}}
-
<html>
+
-
 
+
<!DOCTYPE html>
<!DOCTYPE html>
-
<html xmlns="http://www.w3.org/1999/xhtml">
+
<html lang="zh-CN">
-
 
+
<head>
<head>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
    <meta charset="utf-8">
-
<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/css/jquery.fullPage.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/newmain.css">
-
<title>2014 SYSU-China integrated evolution machine</title>
+
    <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/common.css" />
 +
    <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/style.css" />
 +
    <link rel='stylesheet' type='text/css' href="https://2014.igem.org/Team:SYSU-China/css/fonts.googleapis.comcssfamily=Open+Sans300,700.css" />
 +
    <link rel="stylesheet" type='text/css' href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.css">
 +
    <link href="https://2014.igem.org/Team:SYSU-China/css/flexnav.css" rel="stylesheet" type="text/css" />
 +
    <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/common.css" />
 +
    <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/style4.css" />
 +
    <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/modernizr.custom.79639.js"></script>
 +
    <!--[if IE]>
 +
        <script type="text/javascript">
 +
            var console = { log: function() {} };
 +
        </script>
 +
    <![endif]-->
 +
   
-
<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/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/main.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/common.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/style.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/fonts.googleapis.comcssfamily=Open+Sans300,700.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/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&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&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/animateToClass.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/jquery-ui.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/hoverdelay.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&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-->
 +
    <!-- Add jQuery library -->   
 +
 
 +
    <!-- Add mousewheel plugin (this is optional) -->
 +
    <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>
 +
 
 +
    <!-- 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>
 
-
<!--this is IGEM LOGO-->
+
    <div id="navihide">       
-
            <div id="IGEMlogo" >
+
    </div>
-
            <a href="https://2014.igem.org/Main_Page">
+
    <!--Top navigation-->
-
<img src="https://static.igem.org/mediawiki/2014/d/d7/Sysuchina_igemdeLogo.png" alt="IGEM LOGO" >
+
    <div class="navigation">
-
</a>
+
        <!--<span id="route"> <a> current route </a></span>-->
-
</div>
+
        <div id="icons">
 +
        <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="images/IGEM_basic_Logo_white_stylized.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="wheel2" />
+
                <img src="https://static.igem.org/mediawiki/2014/7/71/Gear_07.png" alt="wheel" class="wheel" id="wheel3" />
-
       
+
            </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">
-
        </div>
+
                <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 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">
 
-
<h1>Now</h1>
 
-
<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" />
Line 110: Line 239:
<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/7b/Sysuchina_bg25.png" alt="m13" class="in1" />
+
<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/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>
+
    <div class="slide" id="section3">
 +
      <!--*******************************************************-->
 +
 
 +
                   
 +
 
 +
 
      
      
-
<!--this is section3-->
+
        <!--
-
<div class="section" id="section2">
+
        <a class="fancybox" rel="group" href="example/10_b.jpg"><img src="example/10_s.jpg" alt="" /></a>
-
<div class="intro">
+
        <a class="fancybox" rel="group" href="example/11_b.jpg.jpg"><img src="example/11_s.jpg" alt="" /></a>
-
  <h1>Integrated Evolution Machine</h1>
+
        -->
 +
    </div>
 +
    </div>
 +
 
 +
    <div class="section">
 +
        <div class="title0">
 +
        <div id="myslider">
 +
        <div class="flexslider" >
 +
        <ul class="slides" >
 +
            <li>
 +
                <img src="demo-stuff/inacup_samoa.jpg" />
 +
                <p class="flex-caption">Captions and cupcakes. Winning combination.</p>
 +
            </li>
 +
            <li>
 +
                <a href="http://flex.madebymufffin.com"><img src="demo-stuff/inacup_pumpkin.jpg" /></a>
 +
                <p class="flex-caption">This image is wrapped in a link!</p>
 +
            </li>
 +
            <li>
 +
                <img src="demo-stuff/inacup_donut.jpg" />
 +
            </li>
 +
            <li>
 +
                <img src="demo-stuff/inacup_vanilla.jpg" />
 +
            </li>
 +
        </ul>
 +
 
 +
 
         </div>
         </div>
-
        <img src="https://static.igem.org/mediawiki/2014/f/f6/Sysuchina_hide4.png" id="hide4">
+
        </div> 
 +
        </div>
 +
 
 +
        <section class="main" id="regch">
              
              
-
          <!--this is navigation-->
+
                <ul class="ch-grid titleright">
-
            <section class="main">
+
                    <li class="title1">
-
+
                        <div class="ch-item ch-img-6">             
-
<ul class="ch-grid">
+
                            <div class="ch-info-wrap">
-
<li>
+
                                <div class="ch-info">
-
<div class="ch-item ch-img-1">
+
                                    <div class="ch-info-front ch-img-6"></div>
-
<div class="ch-info">
+
                                    <div class="ch-info-back">
-
<h3>PROJECT</h3>
+
                                        <h3>Bears Type</h3>
-
<p>brief introduction <a href="content.html#!item/project">know more</a></p>
+
                                        <p>by Josh Schott <a href="http://drbl.in/ewUW">View on Dribbble</a></p>
-
</div>
+
                                    </div>
-
</div>
+
                                </div>
-
</li>
+
                            </div>
-
<li>
+
                        </div>
-
<div class="ch-item ch-img-2">
+
                    </li>
-
<div class="ch-info">
+
                    <li class="title2">
-
<h3>JUDGING</h3>
+
                        <div class="ch-item ch-img-7">
-
<p>brief introduction <a href="content.html#!item/judging">know more</a></p>
+
                            <div class="ch-info-wrap">
-
</div>
+
                                <div class="ch-info">
-
</div>
+
                                    <div class="ch-info-front ch-img-7"></div>
-
</li>
+
                                    <div class="ch-info-back">
-
<li>
+
                                        <h3>Salon Spaces illustrations</h3>
-
<div class="ch-item ch-img-3">
+
                                        <p>by Jeremy Slagle <a href="http://drbl.in/elmi">View on Dribbble</a></p>
-
<div class="ch-info">
+
                                    </div>
-
<h3>HUMAN PRACTICE</h3>
+
                                </div>
-
<p>brief introduction<a href="content.html#!item/humanpractice">know more</a></p>
+
                            </div>
-
</div>
+
                        </div>
-
</div>
+
                    </li>
-
</li>
+
                     <li class="title3">
-
                     <li>
+
                        <div class="ch-item ch-img-8">
-
<div class="ch-item ch-img-4">
+
                            <div class="ch-info-wrap">
-
<div class="ch-info">
+
                                <div class="ch-info">
-
<h3>NOTEBOOK</h3>
+
                                    <div class="ch-info-front ch-img-8"></div>
-
<p>brief introduction<a href="content.html#!item/notebook">know more</a></p>
+
                                    <div class="ch-info-back">
-
</div>
+
                                        <h3>Leadership Series #3</h3>
-
</div>
+
                                        <p>by Dustin Leer <a href="http://drbl.in/dfhn">View on Dribbble</a></p>
-
</li>
+
                                    </div>
-
                     <li>
+
                                </div>
-
<div class="ch-item ch-img-5">
+
                            </div>
-
<div class="ch-info">
+
                        </div>
-
<h3>TEAM</h3>
+
                    </li>
-
<p>brief introduction <a href="content.html#!item/team">know more</a></p>
+
                     <li class="title4">
-
</div>
+
                        <div class="ch-item ch-img-8">
-
</div>
+
                            <div class="ch-info-wrap">
-
</li>
+
                                <div class="ch-info">
-
</ul>
+
                                    <div class="ch-info-front ch-img-9"></div>
-
+
                                    <div class="ch-info-back">
-
<img  id="sysu" src="https://static.igem.org/mediawiki/2014/7/7b/Sysuchina_bg36.png" alt="sysu-china">
+
                                        <h3>Leadership Series #3</h3>
-
+
                                        <p>by Dustin Leer <a href="http://drbl.in/dfhn">View on Dribbble</a></p>
-
</section>
+
                                    </div>
-
       
+
                                </div>
-
  <!--this is footer-->  
+
                            </div>
-
          <div id="footer" class="fooback">
+
                        </div>
-
          <h3>Contact us</h3>
+
                    </li>
-
          <p>E-mail: igem.sysu.china@gmail.com </p>
+
                </ul>
-
  <p>Address: Sun Yat-Sen University, Guangzhou, China</p>
+
               
-
          </div>
+
            </section>    
-
+
            <div class="title1">
-
</div>
+
            <div class="remodal-bg">
 +
                ...All your content...
 +
            </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>

Revision as of 21:32, 17 October 2014

{{}} <!DOCTYPE html>

icon1 icon2 icon3 icon5

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

Now

We have the Integrated Evolution Machine!

chaplin machine1 machine2 machine3 offwork onwork m13 m13_1 m13_2

  • Captions and cupcakes. Winning combination.

  • This image is wrapped in a link!

...All your content...

Title1

Flat, responsive, lightweight, fast, easy customizable modal window plugin with declarative state notation and hash tracking.


More Detail
...All your content...

Title2

Flat, responsive, lightweight, fast, easy customizable modal window plugin with declarative state notation and hash tracking.


More Detail
...All your content...

Title3

Flat, responsive, lightweight, fast, easy customizable modal window plugin with declarative state notation and hash tracking.


More Detail
...All your content...

Title4

Flat, responsive, lightweight, fast, easy customizable modal window plugin with declarative state notation and hash tracking.


More Detail

sysu-china

Retrieved from "http://2014.igem.org/Team:SYSU-China"