Team:SYSU-China

From 2014.igem.org

(Difference between revisions)
 
(31 intermediate revisions not shown)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
-
 
-
 
<html>
<html>
Line 10: 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>
Line 18: Line 16:
     <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="https://2014.igem.org/Team:SYSU-China/css/style.css?action=raw&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&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&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]>
<!--[if IE]>
<script type="text/javascript">
<script type="text/javascript">
Line 23: Line 23:
</script>
</script>
<![endif]-->
<![endif]-->
-
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/modernizr.custom.79639.js"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.min.js"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery-ui.min.js"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.fullPage.min.js"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.fullPage.js"></script>
+
-
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/animate.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="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/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&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&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 38: 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="https://2014.igem.org/File:TU_Eindhoven_iGEM_LOGO.jpg" alt="IGEM LOGO" >
+
<img src="https://static.igem.org/mediawiki/2014/d/d7/Sysuchina_igemdeLogo.png" alt="IGEM LOGO" >
-
                    </a>
+
</a>
-
                </div>
+
</div>
 +
 
 +
    
    
-
<div class="worker">
+
<div class="worker">
-
<img src="https://static.igem.org/mediawiki/2014/c/cf/Sysuchina_bg11.png"  alt="worker1"/>
+
<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/f/f0/Sysuchina_bg12.png" alt="worker2"/>
+
<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/1/13/Sysuchina_bg13.png" alt="worker3"/>
+
<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/1/11/Sysuchina_bg14.png" alt="board" id="board">
+
<img src="https://static.igem.org/mediawiki/2014/8/83/Think_cloud1.png" alt="cloud1" class="think">
-
<div class="boardFont">
+
<img src="https://static.igem.org/mediawiki/2014/5/56/Think_cloud2.png" alt="cloud2" class="think">
-
<h1>M13</h1>
+
<img src="https://static.igem.org/mediawiki/2014/4/40/Think_cloud3.png" alt="cloud3" class="think">
-
<p>production</p>
+
<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>
 +
       
 +
        <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>
+
        <div class="bottom" id="bottom1">
-
       
+
        <img src="https://static.igem.org/mediawiki/2014/f/ff/Sysuchina_hide.png" id="hide1">
-
        <div class="line">
+
        <img src="https://static.igem.org/mediawiki/2014/a/aa/Sysuchina_hide2.png" id="hide2">
-
        <img src="https://static.igem.org/mediawiki/2014/7/7d/Sysuchina_bg110.png" alt="line0" class="segment" />
+
        <img src="https://static.igem.org/mediawiki/2014/6/63/Sysuchina_stroll.png" class="stroll">
-
        <img src="https://static.igem.org/mediawiki/2014/0/05/Sysuchina_bg111.png" alt="line1" class="segment" />      
+
        <img src="https://static.igem.org/mediawiki/2014/0/00/Sysuchina_scrolldown1.png" class="down1" id="arr1">
-
        <img src="https://static.igem.org/mediawiki/2014/b/ba/Sysuchina_bg15.png" alt="line0" class="wheel"/>
+
        </div>
-
        <img src="https://static.igem.org/mediawiki/2014/0/05/Sysuchina_bg111.png" alt="line1" class="segment"/>
+
-
        <img src="https://static.igem.org/mediawiki/2014/b/ba/Sysuchina_bg15.png" alt="line0" class="wheel"/>
+
-
        <img src="https://static.igem.org/mediawiki/2014/0/05/Sysuchina_bg111.png" alt="line1" class="segment"/>
+
-
        <img src="https://static.igem.org/mediawiki/2014/b/ba/Sysuchina_bg15.png" alt="line0" class="wheel"/>
+
-
        <img src="https://static.igem.org/mediawiki/2014/f/fe/Sysuchina_bg112.png" alt="line2" class="segment"/>
+
-
 
+
-
        </div>
+
-
 
+
-
         
+
-
        <div>
+
-
       
+
-
        </div>
+
</div>
</div>
</div>
</div>
Line 81: 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="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"/>
+
<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"/>
+
<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"/>
+
<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"/>
+
<img src="https://static.igem.org/mediawiki/2014/1/1f/Sysuchina_bg24.png" alt="machine3" class="machine" />
-
              <img src="images/bg2/sysuchina_bg25.png" alt="m13"/>
+
<img src="https://static.igem.org/mediawiki/2014/a/ac/Sysuchina_bg22_button.png" alt="offwork" class="button" />
-
              <img src="images/bg2/sysuchina_bg26.png" alt="m13_1"/>
+
<img src="https://static.igem.org/mediawiki/2014/9/9d/Sysuchina_bg23_button.png" alt="onwork" class="button" />           
-
              <img src="images/bg2/sysuchina_bg27.png" alt="m13_2"/>
+
<img src="https://static.igem.org/mediawiki/2014/7/7b/Sysuchina_bg25.png" alt="m13" class="in1" />
-
             </div>>
+
<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>
Line 98: 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="https://static.igem.org/mediawiki/2014/f/f6/Sysuchina_hide4.png" id="hide4">
              
              
           <!--this is navigation-->   
           <!--this is navigation-->   
Line 108: Line 156:
<ul class="ch-grid">
<ul class="ch-grid">
<li>
<li>
-
<div class="f-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="子页project.html">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="judging.html">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="humanpractice.html">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="notebook.html">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="team.html">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 154: Line 195:
          
          
  <!--this is footer-->  
  <!--this is footer-->  
-
           <div id="footer">
+
           <div id="footer" class="fooback">
           <h3>Contact us</h3>
           <h3>Contact us</h3>
           <p>E-mail: igem.sysu.china@gmail.com </p>
           <p>E-mail: igem.sysu.china@gmail.com </p>
-
  <p>Address:Sun Yat-Sen University, Guangzhou, China</p>
+
  <p>Address: Sun Yat-Sen University, Guangzhou, China</p>
           </div>
           </div>

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