Team:SYSU-China

From 2014.igem.org

(Difference between revisions)
 
(35 intermediate revisions not shown)
Line 1: Line 1:
{{CSS/Main}}
{{CSS/Main}}
-
 
-
 
<html>
<html>
-
<!--main content -->
+
<!DOCTYPE html>
-
<table width="70%" align="center">
+
<html xmlns="http://www.w3.org/1999/xhtml">
-
 
+
-
 
+
-
<!--welcome box -->
+
-
<tr>
+
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:SYSU-China&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
 
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
<!-- end welcome box -->
+
-
<tr>
+
-
 
+
-
<!--navigation menu -->
+
-
<td align="center" colspan="3">
+
-
 
+
-
<table  width="100%">
+
-
<tr heigth="15px"></tr>
+
-
<tr heigth="75px">
+
-
 
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:SYSU-China"style="color:#000000">Home </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:SYSU-China/Team"style="color:#000000"> Team </a> </td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=SYSU-China"style="color:#000000"> Official Team Profile </a></td>
+
-
 
+
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:SYSU-China/Project"style="color:#000000"> Project</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:SYSU-China/Parts"style="color:#000000"> Parts</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:SYSU-China/Modeling"style="color:#000000"> Modeling</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
-
<a href="https://2014.igem.org/Team:SYSU-China/Notebook"style="color:#000000"> Notebook</a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:SYSU-China/Safety"style=" color:#000000"> Safety </a></td>
+
-
 
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
-
<a href="https://2014.igem.org/Team:SYSU-China/Attributions"style="color:#000000"> Attributions </a></td>
+
-
 
+
-
 
+
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
-
</tr>
+
-
</table>
+
-
 
+
-
<!--end navigation menu -->
+
-
</tr>
+
-
 
+
-
 
+
-
</tr>
+
-
+
-
 
+
-
 
+
-
 
+
-
 
+
-
</td>
+
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
<head>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
<meta name="keywords" content="integrated,evolution,machine,sysu-china,b2h,mutation,m13,RNAT">
 +
<meta name="author" content="Moriwifi Guo Wenyan,MaryZhang Liu Chancheng" />
 +
<title>2014 SYSU-China integrated evolution machine</title>
 +
<link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/jquery.fullPage.css?action=raw&ctype=text/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="https://2014.igem.org/Team:SYSU-China/css/common.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/jquery-ui.css?action=raw&ctype=text/css">
 +
 +
<!--[if IE]>
 +
<script type="text/javascript">
 +
var console = { log: function() {} };
 +
</script>
 +
<![endif]-->
 +
-
<!--requirements section -->
+
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/modernizr.custom.79639.js?action=raw&ctype=text/javascript"></script>  
-
<tr><td colspan="3"> <h3> Requirements </h3></td></tr>
+
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.min.js?action=raw&ctype=text/javascript"></script>
-
<tr>
+
<script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery-ui.min.js?action=raw&ctype=text/javascript"></script>
-
<td width="45%" valign="top">  
+
<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>
-
<p> Please be sure to keep these links, your audience will want to find your: </p>
+
<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>
-
<!-- Links to other team pages -->
+
<script type="text/javascript">
-
<ul>
+
        (function() {
-
<li><a href="https://2014.igem.org/Team:SYSU-China">Home</a> </li>
+
            $($(".firstHeading")[0]).hide();
-
<li><a href="https://2014.igem.org/Team:SYSU-China/Team">Team</a> </li>
+
$("#top-section").hide();
-
<li><a href="https://igem.org/Team.cgi?year=2013&team_name=SYSU-China">Official Team Profile</a> </li>
+
$("#headdiv").hover(function() {
-
<li><a href="https://2014.igem.org/Team:SYSU-China/Project">Project</a> </li>
+
$("#top-section").show();
-
<li><a href="https://2014.igem.org/Team:SYSU-China/Parts">Parts</a> </li>
+
},function() {
-
<li><a href="https://2014.igem.org/Team:SYSU-China/Modeling">Modeling</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:SYSU-China/Notebook">Notebook</a> </li>
+
}).trigger("mousehover");
-
<li><a href="https://2014.igem.org/Team:SYSU-China/Safety">Safety</a> </li>
+
-
<li><a href="https://2014.igem.org/Team:SYSU-China/Attributions">Attributions</a> </li>
+
-
</ul>
+
$("#top-section").hover(function() {
 +
 +
},function() {
 +
$("#top-section").hide();
 +
}).trigger("mousehover");
 +
        })(jQuery)
 +
    </script>
-
</td>
+
</head>
 +
<body>
 +
<div id="headdiv"></div>
 +
 
 +
<!--this is main section-->
 +
<div id="fullpage">
 +
<div class="section " id="section0">
 +
<div class="intro">
 +
<h1>In The Past</h1>
 +
<p>
 +
Directed Evolution experiments were so laborious.
 +
</p>
-
<td > </td>
+
<!--this is IGEM LOGO-->
-
<td width="45%">
+
            <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>
-
<p>There are a few wiki requirements teams must follow:</p>
+
-
<ul>
+
 
-
<li>All pages, images and files must be hosted on the <a href ="https://2014.igem.org/Special:Upload"> 2014.igem.org server</a>. </li>
+
<div class="worker">
-
<li>All pages must be created under the team’s name space.</li>
+
<img src="https://static.igem.org/mediawiki/2014/d/de/Sysuchina_left_tear.png"  alt="teardropLeft"/ id="lefttear">
-
<li>As part of your documentation, keep the links from the menu to the left. </li>
+
<img src="https://static.igem.org/mediawiki/2014/c/cf/Sysuchina_bg11.png"  alt="worker1" id="worker1" />
-
<li>Do not use flash in wiki code. </li>
+
<img src="https://static.igem.org/mediawiki/2014/d/d8/Sysuchina_right_tear.pngalt="teardropRight" id="righttear" />
-
<li>The <a href="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png"> iGEM logo </a> should be placed on the upper part of every page and should link to <a href="https://2014.igem.org/Main_Page">2014.igem.org</a>.</li>
+
<img src="https://static.igem.org/mediawiki/2014/8/83/Think_cloud1.png" alt="cloud1" class="think">
-
</ul>
+
<img src="https://static.igem.org/mediawiki/2014/5/56/Think_cloud2.png" alt="cloud2" class="think">
-
<p>Visit the <a href="https://2014.igem.org/Wiki_How-To"> Wiki How To page </a> for a complete list of requirements, tips and other useful information. </p>
+
<img src="https://static.igem.org/mediawiki/2014/4/40/Think_cloud3.png" alt="cloud3" class="think">
 +
<img src="https://static.igem.org/mediawiki/2014/d/dc/Think_cloud4.png" alt="cloud4" class="think">
 +
<img src="https://static.igem.org/mediawiki/2014/f/f0/Sysuchina_bg12.png" alt="worker2" id="worker2" />
 +
<img src="https://static.igem.org/mediawiki/2014/4/4d/Fire1.png" alt="fire" class="fire">
 +
<img src="https://static.igem.org/mediawiki/2014/1/13/Sysuchina_bg13.png" alt="worker3" id="worker3" />
 +
<img src="https://static.igem.org/mediawiki/2014/1/11/Sysuchina_bg14.png" alt="board" id="board">
 +
<div class="boardFont">
 +
<img src="https://static.igem.org/mediawiki/2014/6/6c/M13.png" alt="boardFont" class="boardFont">
 +
</div>
 +
</div>
 +
       
 +
        <div class="pipeline">
 +
        <img src="https://static.igem.org/mediawiki/2014/6/66/Line2.png" alt="line" class="line" />       
 +
        <img src="https://static.igem.org/mediawiki/2014/7/71/Gear_07.png" alt="wheel" class="wheel" id="wheel1" />
 +
       
 +
        <img src="https://static.igem.org/mediawiki/2014/7/71/Gear_07.png" alt="wheel" class="wheel" id="wheel2" />
 +
       
 +
        <img src="https://static.igem.org/mediawiki/2014/7/71/Gear_07.png" alt="wheel" class="wheel" id="wheel3" />
 +
       
 +
        </div>
-
</td>
+
        <div class="bottom" id="bottom1">
-
</tr>
+
        <img src="https://static.igem.org/mediawiki/2014/f/ff/Sysuchina_hide.png" id="hide1">
 +
        <img src="https://static.igem.org/mediawiki/2014/a/aa/Sysuchina_hide2.png" id="hide2">
 +
        <img src="https://static.igem.org/mediawiki/2014/6/63/Sysuchina_stroll.png" class="stroll">
 +
        <img src="https://static.igem.org/mediawiki/2014/0/00/Sysuchina_scrolldown1.png" class="down1" id="arr1">
 +
        </div>
 +
</div>
 +
</div>
 +
 +
    <div class="section" id="section1">
 +
        <div class="intro">
 +
<p>
 +
We have the Integrated Evolution Machine!
 +
</p>
 +
<img src="https://static.igem.org/mediawiki/2014/e/ee/Sysuchina_hide3.png" id="hide3">                      
 +
            <div class="bg2">
 +
<img src="https://static.igem.org/mediawiki/2014/b/be/Sysuchina_bg21.png"  alt="chaplin" id="chaplin" />
 +
<img src="https://static.igem.org/mediawiki/2014/b/b8/Sysuchina_bg22.png" alt="machine1" class="machine" />
 +
<img src="https://static.igem.org/mediawiki/2014/7/71/Sysuchina_bg23.png" alt="machine2" class="machine" />
 +
<img src="https://static.igem.org/mediawiki/2014/1/1f/Sysuchina_bg24.png" alt="machine3" class="machine" />
 +
<img src="https://static.igem.org/mediawiki/2014/a/ac/Sysuchina_bg22_button.png" alt="offwork" class="button" />
 +
<img src="https://static.igem.org/mediawiki/2014/9/9d/Sysuchina_bg23_button.png" alt="onwork" class="button" />           
 +
<img src="https://static.igem.org/mediawiki/2014/7/7b/Sysuchina_bg25.png" alt="m13" class="in1" />
 +
<img src="https://static.igem.org/mediawiki/2014/8/84/Sysuchina_bg26.png" alt="m13_1" class="superman1"/>
 +
<img src="https://static.igem.org/mediawiki/2014/8/8d/Sysuchina_bg27.png" alt="m13_2" class="batman1" />
 +
            </div>
-
<tr> <td colspan="3" height="15px"> </td></tr>
+
        <div class="bottom" id="bottom2">        
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1"> </tr>
+
        <img src="https://static.igem.org/mediawiki/2014/6/63/Sysuchina_stroll.png" class="stroll">
 +
        <img src="https://static.igem.org/mediawiki/2014/9/98/Sysuchina_scrolldown2.png" class="down1" id="arr2">
 +
        </div>            
 +
           
 +
</div>
 +
</div>
 +
   
 +
<!--this is section3--> 
-
<!--tips  -->
 
-
<tr><td colspan="3" > <h3> Tips  </h3></td></tr>
 
-
<tr>
 
-
<td width="45%" valign="top">
 
-
<p>We are currently working on providing teams with some easy to use design templates.
 
-
<br> In the meantime you can also view other team wikis for inspiration! Here are some very good examples</p>
 
-
<ul>
+
<div class="section" id="section2">
-
<li> <a href="https://2013.igem.org/Team:SDU-Denmark/"> 2013 SDU Denmark </a> </li>
+
<div class="intro">
-
<li> <a href="https://2013.igem.org/Team:SYSU-China">2013 SYSU China</a> </li>
+
 
-
<li> <a href="https://2013.igem.org/Team:Shenzhen_BGIC_ATCG"> 2013 Shenxhen BGIG ATCG </a></li>
+
        </div>
-
<li> <a href="https://2013.igem.org/Team:Colombia_Uniandes">2013 Colombia Unianades </a></li>
+
        <img src="https://static.igem.org/mediawiki/2014/f/f6/Sysuchina_hide4.png" id="hide4">
-
<li> <a href="https://2013.igem.org/Team:Lethbridge">2013 Lethbridge</a></li>
+
           
-
</ul>
+
          <!--this is navigation-->
 +
            <section class="main">
 +
 +
<ul class="ch-grid">
 +
<li>
 +
<div class="ch-item ch-img-1" >
 +
<div class="ch-info">
 +
<h3>PROJECT</h3>
 +
<p>brief introduction <a href="https://2014.igem.org/Team:SYSU-China/content.html#Project/Background">know more</a></p>
 +
</div>
 +
</div>
 +
</li>
 +
<li>
 +
<div class="ch-item ch-img-2" style="margin-left:60px; !important">
 +
<div class="ch-info">
 +
<h3>JUDGING</h3>
 +
<p>brief introduction <a href="https://2014.igem.org/Team:SYSU-China/content.html#Judging/Safetyform">know more</a></p>
 +
</div>
 +
</div>
 +
</li>
 +
<li>
 +
<div class="ch-item ch-img-3" style="margin-left:100px !important;">
 +
<div class="ch-info">
 +
<h3>HUMAN PRACTICE</h3>
 +
<p>brief introduction<a href="https://2014.igem.org/Team:SYSU-China/content.html#HumanPractice/iGEMCC">know more</a></p>
 +
</div>
 +
</div>
 +
</li>
-
<p>For a full wiki list, you can visit <a href="https://igem.org/Team_Wikis?year=2013">iGEM 2013 web sites </a> and <a href="https://igem.org/Team_Wikis?year=2012">iGEM 2012 web sites</a> lists. </p>
+
                    <li>
-
</td>
+
<div class="ch-item ch-img-5 " style="margin-left:130px !important;">
 +
<div class="ch-info">
 +
<h3>TEAM</h3>
 +
<p>brief introduction <a href="https://2014.igem.org/Team:SYSU-China/content.html#Team/Ourteam">know more</a></p>
 +
</div>
 +
</div>
 +
</li>
 +
</ul>
 +
 +
<img  id="sysu" src="https://static.igem.org/mediawiki/2014/7/7b/Sysuchina_bg36.png" alt="sysu-china">
 +
 +
</section>
 +
       
 +
  <!--this is footer-->
 +
          <div id="footer" class="fooback">
 +
          <h3>Contact us</h3>
 +
          <p>E-mail: igem.sysu.china@gmail.com </p>
 +
  <p>Address: Sun Yat-Sen University, Guangzhou, China</p>
 +
          </div>
 +
 +
</div>
-
<td> </td>
 
-
<td width="45%">
 
-
<p>This wiki will be your team’s first interaction with the rest of the world, so here are a few tips to help you get started: </p>
+
</div>
 +
   
-
<ul>
+
</body>
-
<li>State your accomplishments! Tell people what you have achieved from the start. </li>
+
</html>
-
<li>Be clear about what you are doing and what you plan to do.</li>
+
-
<li>You have a global audience! Consider the different backgrounds that your users come from.</li>
+
-
<li>Make sure information is easy to find; nothing should be more than 3 clicks away.  </li>
+
-
<li>Avoid using very small fonts and low contrast colors; information should be easy to read.  </li>
+
-
<li>Start documenting your project as early as possible; don’t leave anything to the last minute before the Wiki Freeze. For a complete list of deadlines visit the <a href="">iGEM 2013 calendar</a> </li>
+
-
<li>Have lots of fun! </li>
+
-
</ul>
+
-
</br>
+
-
</td>
+
-
</tr>
+
-
</table>
+

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