Team:SYSU-China/content.html
From 2014.igem.org
(Difference between revisions)
(Created page with "<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta...") |
|||
Line 7: | Line 7: | ||
<link rel="stylesheet" type="text/css" href="slick/slick.css"/> | <link rel="stylesheet" type="text/css" href="slick/slick.css"/> | ||
<!--this is js--> | <!--this is js--> | ||
- | <script type="text/javascript" src="lib/jquery-2.1.1.min.js"></script> | + | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery-2.1.1.min.js"></script> |
- | <script type="text/javascript" src="lib/jquery-migrate-1.2.1.min.js"></script> | + | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery-migrate-1.2.1.min.js"></script> |
<script type="text/javascript" src="slick/slick.min.js"></script> | <script type="text/javascript" src="slick/slick.min.js"></script> | ||
- | <script type="text/javascript" src="js/project.js"></script> | + | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/project.js"></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"></script> |
- | <script type="text/javascript" src="lib/jquery.hash.js"></script> | + | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.hash.js"></script> |
+ | <link href="css/flexnav.css" rel="stylesheet" type="text/css" /> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/jquery.flexnav.js"></script> | ||
+ | |||
+ | <!--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"></script> | ||
+ | |||
+ | <!-- Add fancyBox --> | ||
+ | <link rel="stylesheet" href="https://2014.igem.org/Team:SYSU-China/fancybox/source/jquery.fancybox.css?v=2.1.5" 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"></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" 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"></script> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6"></script> | ||
+ | |||
+ | <link rel="stylesheet" href="https://2014.igem.org/Team:SYSU-China/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7" 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"></script> | ||
+ | |||
+ | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/default.css" /> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/component.css" /> | ||
+ | |||
+ | <!--Picture--> | ||
+ | <script src="https://2014.igem.org/Team:SYSU-China/js/modernizr.custom.js"></script> | ||
+ | <script src="https://2014.igem.org/Team:SYSU-China/js/jquery.dlmenu.js"></script> | ||
</head> | </head> | ||
Line 20: | Line 47: | ||
<div class="single-item"> | <div class="single-item"> | ||
<div> | <div> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014/7/76/Sysuchina_project.png" alt="projectslide" width="1098"/> |
</div> | </div> | ||
<div> | <div> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014/6/6a/Sysuchina_Judge.png" alt="judgingslide" width="1098"/> |
</div> | </div> | ||
<div> | <div> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014/d/df/Sysuchina_humanpractice.png" alt="humanpslide" width="1098"/> |
</div> | </div> | ||
<div> | <div> | ||
- | <img src=" | + | <img src="https://static.igem.org/mediawiki/2014/a/a4/Sysuchina_team.png" alt="teamslide" width="1098"/> |
- | + | ||
- | + | ||
- | + | ||
</div> | </div> | ||
</div> | </div> | ||
- | <div class=" | + | <!--Top navigation--> |
- | < | + | <div class="navigation"> |
- | + | <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> | |
- | <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> | |
- | <li | + | </ul> |
- | + | </li> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <li class="firstNav"><a href="#Team/Ourteam">Team</a> | |
- | + | <ul> | |
- | + | <li><a href="#Team/AboutSYSUChina/Ourteam">Our team</a></li> | |
- | + | <li><a href="#Team/AboutSYSUChina/Gallery">Gallery</a></li> | |
- | + | <li><a href="#Team/AboutSYSUChina/Attribution">Attribution</a></li> | |
- | + | <li><a href="#Team/AboutSYSUChina/Acknowledgement">Acknowledgement</a></li> | |
- | <li | + | </ul> |
- | + | </li> | |
- | + | </ul> | |
- | + | </nav> | |
- | + | </div> | |
- | + | ||
- | + | ||
- | </ | + | |
- | < | + | <div class="navibar"> |
- | < | + | <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"> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | < | + | |
- | + | ||
- | + | ||
- | + | <!--this is sidenav--> | |
- | + | <div id="sidenav"> | |
- | + | <div id="dl-menu" class="dl-menuwrapper"> | |
- | + | <button class="dl-trigger">Open Menu</button> | |
- | + | <!--1111111111111--> | |
- | + | <ul class="dl-menu"> | |
- | + | <li><a href="#">M13</a> | |
- | + | <ul class="dl-submenu"> | |
- | + | <li><a href="#"></a></li> | |
- | + | <li><a href="#"></a></li> | |
- | + | <li><a href="#"></a></li> | |
- | + | </ul> | |
- | + | </li> | |
- | + | <li><a href="#">Mutagenesisi</a> | |
- | + | <ul class="dl-submenu"> | |
+ | <li><a href="#">Camera & Photo</a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">B2H</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">RNAT</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
- | + | <!--2222222222222222--> | |
- | + | <ul class="dl-menu"> | |
- | + | <li><a href="#">M13</a> | |
- | + | <ul class="dl-submenu"> | |
- | + | <li><a href="#"></a></li> | |
- | + | <li><a href="#"></a></li> | |
- | + | <li><a href="#"></a></li> | |
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Mutagenesisi</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#">Camera & Photo</a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">B2H</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">RNAT</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <!--3333333333333333--> | ||
+ | <ul class="dl-menu"> | ||
+ | <li><a href="#">BLOSUM62</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Chemical dynamical model</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#">Camera & Photo</a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Sequence evolution model</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Population growth model</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Discussion & Future work</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <!--4444444444444444--> | ||
+ | <ul class="dl-menu"> | ||
+ | <li><a href="#">M13</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Mutagenesisi</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#">Camera & Photo</a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">B2H</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">RNAT</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | <!--5555555555555555--> | ||
+ | <ul class="dl-menu"> | ||
+ | <li><a href="#">M13</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">Mutagenesisi</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#">Camera & Photo</a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">B2H</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="#">RNAT</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | <li><a href="#"></a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div><!-- /dl-menuwrapper --> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
- | <img src=" | + | |
+ | |||
+ | </div> | ||
+ | |||
+ | <span class="content"> | ||
+ | <p id="tip">I am the <em>content</em> of the project!</p> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/3/3c/Sysuchina_top.png" alt="top" id="top"> | ||
</span> | </span> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 02:24, 17 October 2014
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
I am the content of the project!