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 | + | <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/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> | + | <h1>In The Past</h1> |
- | <p> | + | <p> |
+ | Directed Evolution experiments were so laborious. | ||
+ | </p> | ||
- | + | <!--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"> | |
- | + | <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/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/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/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 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> | </div> | ||
Line 81: | Line 115: | ||
<div class="section" id="section1"> | <div class="section" id="section1"> | ||
<div class="intro"> | <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/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" /> | |
- | </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"> | ||
- | + | ||
</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=" | + | <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=" | + | <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=" | + | <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=" | + | <p>brief introduction<a href="https://2014.igem.org/Team:SYSU-China/content.html#HumanPractice/iGEMCC">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=" | + | <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
We have the Integrated Evolution Machine!