Team:SYSU-China

From 2014.igem.org

(Difference between revisions)
 
(24 intermediate revisions not shown)
Line 1: Line 1:
 +
{{CSS/Main}}
 +
<html>
 +
<!DOCTYPE html>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<html xmlns="http://www.w3.org/1999/xhtml">
Line 5: Line 8:
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<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="keywords" content="integrated,evolution,machine,sysu-china,b2h,mutation,m13,RNAT">
-
<meta name="author" content="Moriwifi Guo Wenyan" />
+
<meta name="author" content="Moriwifi Guo Wenyan,MaryZhang Liu Chancheng" />
<title>2014 SYSU-China integrated evolution machine</title>
<title>2014 SYSU-China integrated evolution machine</title>
-
<link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css">
+
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/jquery.fullPage.css?action=raw&ctype=text/css">
-
     <link rel="stylesheet" type="text/css" href="css/main.css">
+
     <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/main.css?action=raw&ctype=text/css">
-
<link rel="stylesheet" type="text/css" href="css/common.css" />
+
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/common.css?action=raw&ctype=text/css" />
-
     <link rel="stylesheet" type="text/css" href="css/style.css" />
+
     <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/style.css?action=raw&ctype=text/css" />
-
<link rel='stylesheet' type='text/css' href="css/fonts.googleapis.comcssfamily=Open+Sans300,700.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&ctype=text/css" />
-
<link rel="stylesheet" href="//code.jquery.com/ui/1.11.1/themes/smoothness/jquery-ui.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]>
<!--[if IE]>
Line 22: Line 25:
-
<script type="text/javascript" src="lib/modernizr.custom.79639.js"></script>  
+
<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="lib/jquery.min.js"></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="lib/jquery-ui.min.js"></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="lib/jquery.fullPage.min.js"></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="lib/jquery.fullPage.js"></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="lib/jquery.rotate.min.js"></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="js/animate.js"></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="js/animateToClass.js"></script>
+
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/animateToClass.js?action=raw&ctype=text/javascript"></script>
-
<script src="//code.jquery.com/ui/1.11.1/jquery-ui.js"></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="js/hoverdelay.js"></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">
 +
        (function() {
 +
            $($(".firstHeading")[0]).hide();
 +
$("#top-section").hide();
 +
$("#headdiv").hover(function() {
 +
$("#top-section").show();
 +
},function() {
 +
 +
}).trigger("mousehover");
 +
 
 +
$("#top-section").hover(function() {
 +
 +
},function() {
 +
$("#top-section").hide();
 +
}).trigger("mousehover");
 +
        })(jQuery)
 +
    </script>
</head>
</head>
<body>
<body>
 +
<div id="headdiv"></div>
    
    
<!--this is main section-->  
<!--this is main section-->  
Line 41: Line 63:
<div class="section " id="section0">
<div class="section " id="section0">
<div class="intro">
<div class="intro">
-
<h1>HERE GOES CAPTION</h1>
+
<h1>In The Past</h1>
-
<p>some introducing wordslalala</p>
+
<p>
 +
Directed Evolution experiments were so laborious.
 +
</p>
<!--this is IGEM LOGO-->
<!--this is IGEM LOGO-->
             <div id="IGEMlogo" >
             <div id="IGEMlogo" >
             <a href="https://2014.igem.org/Main_Page">
             <a href="https://2014.igem.org/Main_Page">
-
<img src="images/IGEM_basic_Logo_white_stylized.png" alt="IGEM LOGO" >
+
<img src="https://static.igem.org/mediawiki/2014/d/d7/Sysuchina_igemdeLogo.png" alt="IGEM LOGO" >
</a>
</a>
</div>
</div>
Line 54: Line 78:
    
    
<div class="worker">
<div class="worker">
-
<img src="images/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="2014.igem.org/File: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="images/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="images/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="images/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="images/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="images/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="images/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="images/fire1.png" alt="fire" class="fire">
+
<img src="https://static.igem.org/mediawiki/2014/4/4d/Fire1.png" alt="fire" class="fire">
-
<img src="images/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="images/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="images/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="images/line2.png" alt="line" class="line" />       
+
         <img src="https://static.igem.org/mediawiki/2014/6/66/Line2.png" alt="line" class="line" />       
-
         <img src="images/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="images/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="images/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="wheel3" />
        
        
         </div>
         </div>
        <div class="bottom" id="bottom1">
        <div class="bottom" id="bottom1">
-
        <img src="images/sysuchina_hide.png" id="hide1">
+
        <img src="https://static.igem.org/mediawiki/2014/f/ff/Sysuchina_hide.png" id="hide1">
-
        <img src="images/sysuchina_hide2.png" id="hide2">
+
        <img src="https://static.igem.org/mediawiki/2014/a/aa/Sysuchina_hide2.png" id="hide2">
-
         <img src="images/sysuchina_stroll.png" class="stroll">
+
         <img src="https://static.igem.org/mediawiki/2014/6/63/Sysuchina_stroll.png" class="stroll">
-
         <img src="images/sysuchina_scrolldown1.png" class="down1" id="arr1">
+
         <img src="https://static.igem.org/mediawiki/2014/0/00/Sysuchina_scrolldown1.png" class="down1" id="arr1">
        </div>
        </div>
</div>
</div>
Line 91: Line 115:
     <div class="section" id="section1">
     <div class="section" id="section1">
         <div class="intro">
         <div class="intro">
-
<h1>caption</h1>
+
<p>
-
<p>still some introduction</p>
+
We have the Integrated Evolution Machine!
 +
</p>
-
<img src="images/sysuchina_hide3.png" id="hide3">                        
+
<img src="https://static.igem.org/mediawiki/2014/e/ee/Sysuchina_hide3.png" id="hide3">                        
             <div class="bg2">
             <div class="bg2">
-
<img src="images/bg2/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="images/bg2/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="images/bg2/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="images/bg2/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="images/bg2/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="images/bg2/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="images/bg2/sysuchina_bg25.png" alt="m13" class="in1" />
+
<img src="https://static.igem.org/mediawiki/2014/7/7b/Sysuchina_bg25.png" alt="m13" class="in1" />
-
<img src="images/bg2/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="images/bg2/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="images/sysuchina_stroll.png" class="stroll">
+
         <img src="https://static.igem.org/mediawiki/2014/6/63/Sysuchina_stroll.png" class="stroll">
-
         <img src="images/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>               
              
              
Line 116: Line 141:
      
      
<!--this is section3-->   
<!--this is section3-->   
 +
 +
 +
 +
<div class="section" id="section2">
<div class="section" id="section2">
<div class="intro">
<div class="intro">
-
  <h1>Integrated Evolution Machine</h1>
+
   
         </div>
         </div>
-
         <img src="images/sysuchina_hide4.png" id="hide4">
+
         <img src="https://static.igem.org/mediawiki/2014/f/f6/Sysuchina_hide4.png" id="hide4">
              
              
           <!--this is navigation-->   
           <!--this is navigation-->   
Line 127: Line 156:
<ul class="ch-grid">
<ul class="ch-grid">
<li>
<li>
-
<div class="ch-item ch-img-1">
+
<div class="ch-item ch-img-1" >
<div class="ch-info">
<div class="ch-info">
<h3>PROJECT</h3>
<h3>PROJECT</h3>
-
<p>brief introduction <a href="content.html#!item/project">know more</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>
</li>
</li>
<li>
<li>
-
<div class="ch-item ch-img-2">
+
<div class="ch-item ch-img-2" style="margin-left:60px; !important">
<div class="ch-info">
<div class="ch-info">
<h3>JUDGING</h3>
<h3>JUDGING</h3>
-
<p>brief introduction <a href="content.html#!item/judging">know more</a></p>
+
<p>brief introduction <a href="https://2014.igem.org/Team:SYSU-China/content.html#Judging/Safetyform">know more</a></p>
</div>
</div>
</div>
</div>
</li>
</li>
<li>
<li>
-
<div class="ch-item ch-img-3">
+
<div class="ch-item ch-img-3" style="margin-left:100px !important;">
<div class="ch-info">
<div class="ch-info">
<h3>HUMAN PRACTICE</h3>
<h3>HUMAN PRACTICE</h3>
-
<p>brief introduction<a href="content.html#!item/humanpractice">know more</a></p>
+
<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-4">
+
-
<div class="ch-info">
+
-
<h3>NOTEBOOK</h3>
+
-
<p>brief introduction<a href="content.html#!item/notebook">know more</a></p>
+
</div>
</div>
</div>
</div>
</li>
</li>
 +
                     <li>
                     <li>
-
<div class="ch-item ch-img-5">
+
<div class="ch-item ch-img-5 " style="margin-left:130px !important;">
<div class="ch-info">
<div class="ch-info">
<h3>TEAM</h3>
<h3>TEAM</h3>
-
<p>brief introduction <a href="content.html#!item/team">know more</a></p>
+
<p>brief introduction <a href="https://2014.igem.org/Team:SYSU-China/content.html#Team/Ourteam">know more</a></p>
</div>
</div>
</div>
</div>
Line 168: Line 190:
</ul>
</ul>
-
<img  id="sysu" src="images/bg3/sysuchina_bg36.png" alt="sysu-china">
+
<img  id="sysu" src="https://static.igem.org/mediawiki/2014/7/7b/Sysuchina_bg36.png" alt="sysu-china">
</section>
</section>

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