Team:SYSU-China/content.html
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
+ | {{CSS/Main}} | ||
+ | <!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 http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <title>project sysu-china 2014</title> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/main1.css?action=raw&ctype=text/css"/> | ||
+ | <!--this is js--> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery-2.1.1.min.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/lib/jquery-migrate-1.2.1.min.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/project.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" src="https://2014.igem.org/Team:SYSU-China/lib/jquery.hash.js?action=raw&ctype=text/javascript"></script> | ||
+ | <link href="https://2014.igem.org/Team:SYSU-China/css/flexnav.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | ||
+ | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/js/jquery.flexnav.js?action=raw&ctype=text/javascript"></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?action=raw&ctype=text/javascript"></script> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <!-- Add fancyBox --> | |
- | + | <link rel="stylesheet" href="https://2014.igem.org/Team:SYSU-China/fancybox/source/jquery.fancybox.css?v=2.1.5&action=raw&ctype=text/css" 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?action=raw&ctype=text/javascript"></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?action=raw&ctype=text/css" 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&action=raw&ctype=text/javascript"></script> | |
- | + | <script type="text/javascript" src="https://2014.igem.org/Team:SYSU-China/fancybox/source/helpers/jquery.fancybox-media.js?v=1.0.6&action=raw&ctype=text/javascript"></script> | |
- | + | <link rel="stylesheet" href="https://2014.igem.org/Team:SYSU-China/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=1.0.7?action=raw&ctype=text/css" 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&action=raw&ctype=text/javascript"></script> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/default.css?action=raw&ctype=text/css" /> | |
- | + | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/Team:SYSU-China/css/component.css?action=raw&ctype=text/css" /> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
+ | <!--Picture--> | ||
+ | <script src="https://2014.igem.org/Team:SYSU-China/js/modernizr.custom.js?action=raw&ctype=text/javascript"></script> | ||
+ | <script src="https://2014.igem.org/Team:SYSU-China/js/jquery.dlmenu.js?action=raw&ctype=text/javascript"></script> | ||
+ | </head> | ||
- | + | <body> | |
- | + | <!--this is head slide part--> | |
- | + | <div class="single-item"> | |
- | / | + | <div> |
- | + | <img src="https://static.igem.org/mediawiki/2014/7/76/Sysuchina_project.png" alt="projectslide" width="1098"/> | |
- | + | </div> | |
- | + | <div> | |
- | + | <img src="https://static.igem.org/mediawiki/2014/6/6a/Sysuchina_Judge.png" alt="judgingslide" width="1098"/> | |
- | + | </div> | |
- | + | <div> | |
+ | <img src="https://static.igem.org/mediawiki/2014/d/df/Sysuchina_humanpractice.png" alt="humanpslide" width="1098"/> | ||
+ | </div> | ||
+ | <div> | ||
+ | <img src="https://static.igem.org/mediawiki/2014/a/a4/Sysuchina_team.png" alt="teamslide" width="1098"/> | ||
+ | </div> | ||
+ | </div> | ||
- | + | <!--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> | ||
+ | </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> | |
+ | </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> | |
- | + | </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> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | <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> | ||
- | + | </body> | |
- | + | </html> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + |
Revision as of 03:47, 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!