|
|
Line 1: |
Line 1: |
− | {{Tongji_Shanghai}} | + | {{Team:Tongji_Shanghai/head}} |
− | <html> | + | <!--[if IE 8 ]><html class="ie ie8" lang="en"> <![endif]--> |
| + | <!--[if (gte IE 9)|!(IE)]><html lang="en" class="no-js"> <![endif]--> |
| + | <html lang="en"> |
| | | |
| + | <head> |
| | | |
| + | <!-- Basic --> |
| + | <title>Margo | Blog</title> |
| | | |
| + | <!-- Define Charset --> |
| + | <meta charset="utf-8"> |
| | | |
| + | <!-- Responsive Metatag --> |
| + | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> |
| | | |
| + | <!-- Page Description and Author --> |
| + | <meta name="description" content="Margo - Responsive HTML5 Template"> |
| + | <meta name="author" content="Margo"> |
| | | |
− | <div class="column full_size">
| |
| | | |
| + | <!-- Bootstrap CSS --> |
| + | <link rel="stylesheet" href="asset/css/bootstrap.min.css" type="text/css" media="screen"> |
| | | |
− | <p> Each team must clearly attribute work done by the student team members on this page. The team must distinguish work done by the students from work done by others, including the host labs, advisors, instructors, and individuals not on the team roster. </p> | + | <!-- Font Awesome CSS --> |
| + | <link rel="stylesheet" href="css/font-awesome.min.css" type="text/css" media="screen"> |
| | | |
− | </div> | + | <!-- Slicknav --> |
| + | <link rel="stylesheet" type="text/css" href="css/slicknav.css" media="screen"> |
| | | |
| + | <!-- Margo CSS Styles --> |
| + | <link rel="stylesheet" type="text/css" href="css/style.css" media="screen"> |
| | | |
− | <div class="clear"></div> | + | <!-- Responsive CSS Styles --> |
| + | <link rel="stylesheet" type="text/css" href="css/responsive.css" media="screen"> |
| | | |
| + | <!-- Color CSS Styles --> |
| + | <link rel="stylesheet" type="text/css" href="css/colors/red.css" title="red" media="screen" /> |
| + | <link rel="stylesheet" type="text/css" href="css/colors/jade.css" title="jade" media="screen" /> |
| + | <link rel="stylesheet" type="text/css" href="css/colors/blue.css" title="blue" media="screen" /> |
| + | <link rel="stylesheet" type="text/css" href="css/colors/beige.css" title="beige" media="screen" /> |
| + | <link rel="stylesheet" type="text/css" href="css/colors/cyan.css" title="cyan" media="screen" /> |
| + | <link rel="stylesheet" type="text/css" href="css/colors/green.css" title="green" media="screen" /> |
| + | <link rel="stylesheet" type="text/css" href="css/colors/orange.css" title="orange" media="screen" /> |
| + | <link rel="stylesheet" type="text/css" href="css/colors/peach.css" title="peach" media="screen" /> |
| + | <link rel="stylesheet" type="text/css" href="css/colors/pink.css" title="pink" media="screen" /> |
| + | <link rel="stylesheet" type="text/css" href="css/colors/purple.css" title="purple" media="screen" /> |
| + | <link rel="stylesheet" type="text/css" href="css/colors/sky-blue.css" title="sky-blue" media="screen" /> |
| + | <link rel="stylesheet" type="text/css" href="css/colors/yellow.css" title="yellow" media="screen" /> |
| | | |
− | <div class="column half_size">
| |
− | <h5> Why is this page needed? </h5>
| |
− | <p>The Attribution requirement helps the judges know what you did yourselves and what you had help with. We don't mind if you get help with difficult or complex techniques, but you must report what work your team did and what work was done by others.</p>
| |
− | <p>
| |
− | For example, you might choose to work with an animal model during your project. Working with animals requires getting a license and applying far in advance to conduct certain experiments in many countries. This is difficult to achieve during the course of a summer, but much easier if you can work with a postdoc or PI who has the right licenses.</p>
| |
− | </div>
| |
| | | |
| + | <!-- Margo JS --> |
| + | <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script> |
| + | <script type="text/javascript" src="js/jquery.migrate.js"></script> |
| + | <script type="text/javascript" src="js/modernizrr.js"></script> |
| + | <script type="text/javascript" src="asset/js/bootstrap.min.js"></script> |
| + | <script type="text/javascript" src="js/jquery.fitvids.js"></script> |
| + | <script type="text/javascript" src="js/owl.carousel.min.js"></script> |
| + | <script type="text/javascript" src="js/nivo-lightbox.min.js"></script> |
| + | <script type="text/javascript" src="js/jquery.isotope.min.js"></script> |
| + | <script type="text/javascript" src="js/jquery.appear.js"></script> |
| + | <script type="text/javascript" src="js/count-to.js"></script> |
| + | <script type="text/javascript" src="js/jquery.textillate.js"></script> |
| + | <script type="text/javascript" src="js/jquery.lettering.js"></script> |
| + | <script type="text/javascript" src="js/jquery.easypiechart.min.js"></script> |
| + | <script type="text/javascript" src="js/jquery.nicescroll.min.js"></script> |
| + | <script type="text/javascript" src="js/jquery.parallax.js"></script> |
| + | <script type="text/javascript" src="js/jquery.slicknav.js"></script> |
| | | |
− | <div class="column half_size"> | + | <!--[if IE 8]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> |
− | <h5> What should this page have?</h5> | + | <!--[if lt IE 9]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]--> |
| | | |
− | <ul>
| + | </head> |
− | <li>General Support</li>
| + | |
− | <li>Project support and advice</li>
| + | |
− | <li>Fundraising help and advice</li>
| + | |
− | <li>Lab support</li>
| + | |
− | <li>Difficult technique support</li>
| + | |
− | <li>Project advisor support</li>
| + | |
− | <li>Wiki support</li>
| + | |
− | <li>Presentation coaching</li>
| + | |
− | <li>Human Practices support</li>
| + | |
− | <li> Thanks and acknowledgements for all other people involved in helping make a successful iGEM team</li>
| + | |
− | </ul>
| + | |
− | </div>
| + | |
| | | |
| + | <body> |
| | | |
− | <div class="clear"></div> | + | <!-- Container --> |
| + | <div id="container"> |
| | | |
− | <div class="column half_size"> | + | <!-- Start Header --> |
| | | |
− | <div class="highlight"> | + | <!-- End Header --> |
− | <h5> Can we base our project on a previous one? </h5>
| + | |
− | <p>Yes! You can have a project based on a previous team, or based on someone else's idea, <b>as long as you state this fact very clearly and give credit for the original project.</b> </p>
| + | |
− | </div>
| + | |
− | </div>
| + | |
| | | |
| | | |
− | <div class="column half_size"> | + | <!-- Start Page Banner --> |
| + | <div class="page-banner"> |
| + | <div class="container"> |
| + | <div class="row"> |
| + | <div class="col-md-6"> |
| + | <h2>Lab</h2> |
| + | <p>Our members and staff</p> |
| + | </div> |
| + | <div class="col-md-6"> |
| + | <ul class="breadcrumbs"> |
| + | <li><a href="#">Home</a></li> |
| + | <li>Lab</li> |
| + | </ul> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <!-- End Page Banner --> |
| | | |
− | <h5>Inspiration</h5>
| |
− | <p>Take a look at what other teams have done:</p>
| |
− | <ul>
| |
− | <li><a href="https://2011.igem.org/Team:Imperial_College_London/Team">2011 Imperial College London</a> (scroll to the bottom)</li>
| |
− | <li><a href="https://2014.igem.org/Team:Exeter/Attributions">2014 Exeter </a></li>
| |
− | <li><a href="https://2014.igem.org/Team:Melbourne/Attributions">2014 Melbourne </a></li>
| |
− | <li><a href="https://2014.igem.org/Team:Valencia_Biocampus/Attributions">2014 Valencia Biocampus</a></li>
| |
− | </ul>
| |
| | | |
− | </div> | + | <!-- Start Content --> |
| + | <div id="content"> |
| + | <div class="container"> |
| + | <div class="row blog-page"> |
| | | |
− | <div class="clear"></div> | + | <!--Sidebar--> |
| + | <div class="col-md-3 sidebar left-sidebar"> |
| | | |
− | <div class="column half_size"> | + | <!-- Categories Widget --> |
| + | <div class="widget widget-categories" style="display: block;position: fixed;" id="sidebar1"> |
| + | <h4>Attribution<span class="head-line"></span></h4> |
| + | <ul> |
| + | <li> |
| + | <a href="#">Members'Attribution</a> |
| + | </li> |
| + | <li> |
| + | <a href="#">Knowledgment</a> |
| + | </li> |
| + | </ul> |
| + | </div> |
| | | |
− | <h5>Team training and Project start</h5>
| + | </div> |
− | <p>Tell us if your institution teaches an iGEM or synthetic biology class and when you started your project:</p> | + | <!--End sidebar--> |
− | <ul>
| + | |
− | <li>Does your institution teach an iGEM or synthetic biology course?</li>
| + | |
− | <li>When did you start this course?</li>
| + | |
− | <li>Are the syllabus and course materials freely available online?</li>
| + | |
− | <li>When did you start your brainstorming?</li>
| + | |
− | <li>When did you start in the lab?</li>
| + | |
− | <li>When did you start working on your project?</li>
| + | |
| | | |
− | </ul> | + | <!-- Start Blog Posts --> |
| + | <div class="col-md-9 page-content" style="text-align:justify;" style="font-size:16px"> |
| + | |
| + | <div id="Team"> |
| | | |
− | </div> | + | <!-- Classic Heading --> |
| + | <div> |
| + | <h3 class="classic-title" style="margin-top:0px"><span>Members' Attribution</span></h3> |
| + | |
| + | <p style="font-size:16px">"The idea of this project was conceived by the team; advisors and instructors gave advices and suggestions on the implementation of this idea. All the data presented on this wiki was measured, collected, and analyzed by the team members. All the plasmids directly involved in the data presented on this wiki were constructed by the team members. The idea conceiving, content planning, execution, and result analysis of human practice were all done by the team members. The following is the detailed attribution: </p> |
| + | |
| + | <p> </p> |
| + | |
| + | <div class="row"> |
| + | <div class="col-md-3 col-sm-6 col-xs-12" style="width:20%;"> |
| + | <div class="team-member"> |
| + | <!-- Memebr Photo, Name & Position --> |
| + | <div class="member-photo"> |
| + | <img alt="" src="https://static.igem.org/mediawiki/2016/c/c6/T--Tongji_Shanghai--Member_individual_ZHANGJIAWEI.jpg" /> |
| + | <div class="member-name">ZH. Jiawei<span>Team Leader</span></div> |
| + | </div> |
| + | </div> |
| + | </div> |
| | | |
| + | <div class="col-md-3 col-sm-6 col-xs-12" style="width:20%;"> |
| + | <div class="team-member"> |
| + | <!-- Memebr Photo, Name & Position --> |
| + | <div class="member-photo"> |
| + | <img alt="" src="https://static.igem.org/mediawiki/2016/e/e8/T--Tongji_Shanghai--Member_individual_WANGHONGNING.jpg" /> |
| + | <div class="member-name">WANG Will<span>Wiki Editor</span></div> |
| + | </div> |
| + | </div> |
| + | </div> |
| | | |
| + | <div class="col-md-3 col-sm-6 col-xs-12" style="width:20%;"> |
| + | <div class="team-member"> |
| + | <!-- Memebr Photo, Name & Position --> |
| + | <div class="member-photo"> |
| + | <img alt="" src="https://static.igem.org/mediawiki/2016/9/95/T--Tongji_Shanghai--Member_individual_ZHUYUMENG.jpg" /> |
| + | <div class="member-name">ZHU Yumeng<span>Team Manager</span></div> |
| + | </div> |
| + | </div> |
| + | </div> |
| | | |
| + | <div class="col-md-3 col-sm-6 col-xs-12" style="width:20%;"> |
| + | <div class="team-member"> |
| + | <!-- Memebr Photo, Name & Position --> |
| + | <div class="member-photo"> |
| + | <img alt="" src="https://static.igem.org/mediawiki/2016/8/85/T--Tongji_Shanghai--Member_individual_TANGYINGLU.jpg" /> |
| + | <div class="member-name">TANG Yinglu<span>Researcher</span></div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="col-md-3 col-sm-6 col-xs-12" style="width:20%;"> |
| + | <div class="team-member"> |
| + | <!-- Memebr Photo, Name & Position --> |
| + | <div class="member-photo"> |
| + | <img alt="" src="https://static.igem.org/mediawiki/2016/9/95/T--Tongji_Shanghai--Member_individual_ZHOUXINGYU.jpg" /> |
| + | <div class="member-name">ZHOU Xingyu<span>Researcher</span></div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | </div> |
| + | |
| + | <div class="row" style="margin-top:10px"> |
| + | |
| + | |
| + | <div class="col-md-3 col-sm-6 col-xs-12" style="width:20%;"> |
| + | <div class="team-member"> |
| + | <!-- Memebr Photo, Name & Position --> |
| + | <div class="member-photo"> |
| + | <img alt="" src="https://static.igem.org/mediawiki/2016/6/61/T--Tongji_Shanghai--Member_individual_ZHOUDANLEI.jpg" /> |
| + | <div class="member-name">ZHOU Danlei<span>Researcher</span></div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | |
| + | <div class="col-md-3 col-sm-6 col-xs-12" style="width:20%;"> |
| + | <div class="team-member"> |
| + | <!-- Memebr Photo, Name & Position --> |
| + | <div class="member-photo"> |
| + | <img alt="" src="https://static.igem.org/mediawiki/2016/2/21/T--Tongji_Shanghai--Member_individual_LYUTONG.jpg" /> |
| + | <div class="member-name">LYU Tong<span>Researcher</span></div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="col-md-3 col-sm-6 col-xs-12" style="width:20%;"> |
| + | <div class="team-member"> |
| + | <!-- Memebr Photo, Name & Position --> |
| + | <div class="member-photo"> |
| + | <img alt="" src="https://static.igem.org/mediawiki/2016/9/98/T--Tongji_Shanghai--Member_individual_HUZHANGSEN.jpg" /> |
| + | <div class="member-name">HU Zhangsen<span>Researcher</span></div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | <div class="col-md-3 col-sm-6 col-xs-12" style="width:20%;"> |
| + | <div class="team-member"> |
| + | <!-- Memebr Photo, Name & Position --> |
| + | <div class="member-photo"> |
| + | <img alt="" src="https://static.igem.org/mediawiki/2016/3/32/T--Tongji_Shanghai--Member_individual_WUHONGGUI.jpg" /> |
| + | <div class="member-name">WU Honggui<span>Researcher</span></div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | <div class="col-md-3 col-sm-6 col-xs-12" style="width:20%;"> |
| + | <div class="team-member"> |
| + | <!-- Memebr Photo, Name & Position --> |
| + | <div class="member-photo"> |
| + | <img alt="" src="https://static.igem.org/mediawiki/2016/7/76/T--Tongji_Shanghai--Member_individual_ZHUYAJIE.jpg" /> |
| + | <div class="member-name">ZHU Yajie<span>Researcher</span></div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | </div> |
| + | |
| + | |
| + | |
| + | <div class="row" style="margin-top:10px"> |
| + | <div class="col-md-3 col-sm-6 col-xs-12" style="width:20%;"> |
| + | <div class="team-member"> |
| + | <!-- Memebr Photo, Name & Position --> |
| + | <div class="member-photo"> |
| + | <img alt="" src="https://static.igem.org/mediawiki/2016/9/99/T--Tongji_Shanghai--Member_individual_RENQIAN.jpg" /> |
| + | <div class="member-name">REN Qian<span>Researcher</span></div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | <div class="col-md-3 col-sm-6 col-xs-12" style="width:20%;"> |
| + | <div class="team-member"> |
| + | <!-- Memebr Photo, Name & Position --> |
| + | <div class="member-photo"> |
| + | <img alt="" src="https://static.igem.org/mediawiki/2016/0/00/T--Tongji_Shanghai--Member_individual_XUCHENRUI.jpg" /> |
| + | <div class="member-name">XU Chenrui<span>Wiki editor</span></div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | <div class="col-md-12" style="margin-top:20px"> |
| + | <!--Team-ZHUYumeng--> |
| + | <div class="row" id="members-ZHUYumeng"> |
| + | |
| + | <div class="col-md-9"> |
| + | <h4><em>ZHU Yumeng</em></h4> |
| + | <p style="font-size:16px">Person in charge of logistics and linkman of the institute.</p> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | <!--Team-TANGYinglu--> |
| + | <div class="row" id="members-TANGYinglu"> |
| + | |
| + | <div class="col-md-9"> |
| + | <h4><em>TANG Yinglu</em></h4> |
| + | <p style="font-size:16px">Person in charge of cell experiment part.</p> |
| + | </div> |
| + | </div> |
| + | |
| + | <!--Team-ZHOUXingyu--> |
| + | <div class="row" id="members-ZHOUXingyu"> |
| + | |
| + | <div class="col-md-9"> |
| + | <h4><em>ZHOU Xingyu</em></h4> |
| + | <p style="font-size:16px">Leader of all experiments.</p> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | <!--Team-LVTong--> |
| + | <div class="row" id="LVTong"> |
| + | |
| + | <div class="col-md-9"> |
| + | <h4><em>LV Tong</em></h4> |
| + | <p style="font-size:16px">Part member of mouse experiment, part member of kit building.</p> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | <!--Team-HUZhangsen--> |
| + | <div class="row" id="HUZhangsen"> |
| + | |
| + | <div class="col-md-9"> |
| + | <h4><em>HU Zhangsen</em></h4> |
| + | <p style="font-size:16px">Person in charge of material building part.</p> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | <!--Team-WUHonggui--> |
| + | <div class="row" id="WUHonggui"> |
| + | |
| + | <div class="col-md-9"> |
| + | <h4><em>WU Honggui</em></h4> |
| + | <p style="font-size:16px">Part member of material building, part member of cell experiment.</p> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | <!--Team-ZHUYajie--> |
| + | <div class="row" id="ZHUYajie"> |
| + | |
| + | <div class="col-md-9"> |
| + | <h4><em>ZHU Yajie</em></h4> |
| + | <p style="font-size:16px">Part member of material building, part member of cell experiment.</p> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | <!--Team-RENQian--> |
| + | <div class="row" id="RENQian"> |
| + | |
| + | <div class="col-md-9"> |
| + | <h4><em>REN Qian</em></h4> |
| + | <p style="font-size:16px">Part member of material building, part member of cell experiment.</p> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | <!--Team-WANGHongning--> |
| + | <div class="row" id="WANGHongning"> |
| + | |
| + | <div class="col-md-9"> |
| + | <h4><em>WANG Hongning</em></h4> |
| + | <p style="font-size:16px">Editor of wiki page and poster, person in charge of mathematical model building</p> |
| + | </div> |
| + | </div> |
| + | |
| + | |
| + | <!--Team-XUChenrui--> |
| + | <div class="row" id="XUChenrui"> |
| + | |
| + | <div class="col-md-9"> |
| + | <h4><em>XU Chenrui</em></h4> |
| + | <p style="font-size:16px">Artist of wiki page and exhibition beautification.</p> |
| + | </div> |
| + | </div> |
| + | |
| + | <!--Team-ZhangJiawei--> |
| + | <div class="row" id="ZhangJiawei"> |
| + | |
| + | <div class="col-md-9"> |
| + | <h4><em>Zhang Jiawei</em></h4> |
| + | <p style="font-size:16px">Team leader,linkman of sponsor. Person in charge of kit buliding(Htert), human practice and collaboration</p> |
| + | </div> |
| + | </div> |
| + | |
| + | <h3 class="classic-title" style="margin-top:0px"><span>Knowledgment</span></h3> |
| + | <div> |
| + | </div> |
| + | |
| + | |
| + | <p><b><big>Tongji iGEM 2016 team gratefully acknowledges the following institutes:</big></b></p> |
| + | <p> |
| + | </p><ul> |
| + | <li>School of Life Science and Technology, Tongji University</li><li> |
| + | Office of Educational Administration, Tongji University </li><li> |
| + | School of Physics Science and Engineering, Tongji University </li><li> |
| + | </ul> |
| + | <p></p> |
| + | <p><b><big>We thank the following professors for supporting our project with equipments and chemicals :</big></b></p> |
| + | <p> |
| + | </p><ul> |
| + | <li>Prof. ZHANG Chao</li><li> |
| + | Prof. LI Weida</li><li> |
| + | </ul> |
| + | <p></p> |
| + | |
| + | |
| + | <p><big><b>Lab support</b></big></p> |
| + | <p> |
| + | </p><ul> |
| + | <li> |
| + | We would like to thank:<br> |
| + | <b>Prof. ZHANG Chao</b> for providing us with equipments and chemicals;</li><li> |
| + | <b>Prof. LI Weida</b> for providing us with equipments and chemicals;</li><li> |
| + | </li></ul> |
| + | <p></p> |
| + | <p><big><b>Wiki support</b></big></p> |
| + | <p>An outstanding design , <b>Dr. ZHANG Haoqian</b>, gave us many ideas about the wiki building.</p> |
| + | |
| + | <p><big><b>Presentation coaching</b></big></p> |
| + | <p> |
| + | </p><ul> |
| + | <li> |
| + | <b>Prof. ZHANG Chao</b> and <b>Prof. LOU Chunbo</b> coached us for the presentation.</li> |
| + | </ul> |
| + | <p></p> |
| + | <p><big><b>Human practices support</b></big></p> |
| + | <ul> |
| + | <li><b>Doctor LI Bo</b> from Beijing Research Institute for Tuberculosis Control was an invaluable information source for TB facts.</li><li> |
| + | <b>Director DING Beichuan</b> from Central Laboratory in Beijing Research Institute for Tuberculosis Control showed us around the advanced TB diagnosis laboratory and gave advice to our project.</li><li> |
| + | <b>Director WANG Suming</b> from Beijing Research Institute for Tuberculosis Control accepted our interview and gave advice to our project.</li><li> |
| + | <b>Doctor XIE Guangkuan</b> from the Institute of Medical Humanities of Peking University accepted our interview and advised on the ethics discussion. </li><li> |
| + | <b>Director XIA Kebiao</b> from Infectious Disease Department in Zhenghe County Hospital and Director LV Tingrong from Zhenghe Epidemic Prevention Station told us the epidemic situation of TB in clinical practices.</li><li> |
| + | <b>Zhenghe No.1 Middle School of Fujian Province</b> gave us the chance to spread the basic knowledge of TB control and synthetic biology to the high school students.</li><li> |
| + | <b>ZHAO Mingyue</b>, an undergraduate of Heilongjiang University, gave us much help in the questionnaire survey, handing out propagandistic handbooks and maintaining the lab operation.</li> |
| + | </ul> |
| + | <p></p> |
| + | |
| + | <p></p> |
| + | </div> |
| + | |
| + | </div> |
| + | <!--End of Team-introduction--> |
| + | |
| + | |
| + | </div> |
| + | </div> |
| + | |
| + | </div> |
| + | |
| + | |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <!-- End Content --> |
| + | |
| + | |
| + | <!-- Start Footer --> |
| + | |
| + | <!-- End Footer --> |
| + | |
| + | |
| + | <!-- End Container --> |
| + | |
| + | <!-- Go To Top Link --> |
| + | <a href="#" class="back-to-top"><i class="fa fa-angle-up"></i></a> |
| + | |
| + | |
| + | |
| + | <script type="text/javascript" src="https://2016.igem.org/Team:Tongji_Shanghai/js/script_js?action=raw&ctype=text/javascript"></script> |
| + | |
| + | |
| + | <script type="text/javascript" > |
| + | function menuFixed(id){ |
| + | var obj = document.getElementById(id); |
| + | var _getHeight = obj.offsetTop; |
| + | |
| + | window.onscroll = function(){ |
| + | changePos(id,_getHeight); |
| + | } |
| + | } |
| + | function changePos(id,height){ |
| + | var obj = document.getElementById(id);var windowBottom = $(window).scrollTop() + $(window).innerHeight(); |
| + | var scrollTop = document.documentElement.scrollTop || document.body.scrollTop - 150; |
| + | var windowBottom = $(window).scrollTop() + $(window).innerHeight(); |
| + | var w = window.innerWidth; |
| + | if(w>=1024){ |
| + | if($(window).scrollTop() + $(window).height() > $(document).height() - 260){ |
| + | $('#sidebar1').fadeOut("fast");}else{$('#sidebar1').fadeIn("fast");} |
| + | } |
| + | if(scrollTop < height){ obj.style.position = 'relative'; |
| + | }else{ |
| + | obj.style.position = 'fixed'; |
| + | } |
| + | } |
| + | </script> |
| + | |
| + | <script type="text/javascript"> |
| + | window.onload = function(){ |
| + | menuFixed('sidebar1'); |
| + | } |
| + | </script> |
| + | |
| + | </body> |
| | | |
− | </div>
| |
| </html> | | </html> |
| + | {{Team:Tongji_Shanghai/footer}} |