|
|
| Line 150: |
Line 150: |
| | </script> | | </script> |
| | | | |
| − | <style>
| |
| − | #sideMenu{display:none;}
| |
| − | #firstHeading{display:none;}
| |
| − | .logo_2017{display:none;}
| |
| − | #content{width:100%;margin:0;padding:0;}
| |
| − |
| |
| − | .bottom{position:relative}
| |
| − | .bar{width:100%;margin-top:1.4em;height:70px;background-color:#f6f6f6;top:0px;position:fixed;box-shadow:5px 2px 6px #dddddd;z-index:3}
| |
| − | .bottom .bg{position:static;z-index:-1}
| |
| − |
| |
| − | .menuDiv {vertical-align:top;display:inline-block;position:relative;margin-left:5%;margin-top:0.5%;overflow:hidden;float:left;font-family:Arial,sans-serif,"josefin-sans","Hoefler Text", "Liberation Serif", Times, "Times New Roman", "serif";z-index:1;height:280px}
| |
| − | .menuDiv a{text-decoration: none; transition: 0.2s all;-webkit-transition: 0.2s all;-moz-transition: 0.2s all; -o-transition: 0.2s all;}
| |
| − | .menuDiv ul,.menuDiv li {list-style: none;margin:0px;float: left;position:relative}
| |
| − | .menuDiv > ul > li > ul {position: absolute;display: none;}
| |
| − | .menuDiv > ul > li > ul > li {float: none;margin:0px}
| |
| − | .menuDiv > ul > li:hover ul { display: block;}
| |
| − | .menuDiv > ul > li > a {width:4.6em;margin:0px;line-height:2.8em;color: black;background-color:#f6f6f6;text-align: center;border-left: none;display: block;font-size:20px;letter-spacing:0.05em}
| |
| − | .menuDiv > ul > li:first-child > a { border-left-style:none;}
| |
| − | .menuDiv > ul > li > a:hover {color:#0FC7B8}
| |
| − | .menuDiv > ul > li > ul > li > a {width:10em;font-size:1.3em;line-height:38px;color:#2B2B2B;
| |
| − | background-color:#f6f6f6;text-align:center;border:none;display: block;margin-left:-20%;letter-spacing:0.04em}
| |
| − | .menuDiv > ul > li > ul > li:first-child > a {border-top-style:none;}
| |
| − | .menuDiv > ul > li > ul > li > a:hover {color:#0FC7B8;}
| |
| − |
| |
| − | </style>
| |
| − |
| |
| − |
| |
| − | <script>
| |
| − |
| |
| − | </script>
| |
| | </head> | | </head> |
| | <body> | | <body> |
| − | <div class="bar"> | + | <div class=" mdl- layout mdl- js- layout mdl-layout- -fixed-header" class=" main view" style=" background: #f9f9f9"> |
| − | <div calss="logo"><img src="https://static.igem.org/mediawiki/2017/3/3f/Igem.png" style="width:75px;height:auto;margin-left:4%;margin-top:0.5em;display:inline-block;float:left;vertical-align:top;"></div>
| + | <!-- Header --> |
| − | <div class="menuDiv">
| + | <div class="android-header mdl-layout__header mdl-layout__header--waterfall"> |
| − | <ul>
| + | <div class="mdl-layout__header-row"> |
| − | <li> <a href="https://2017.igem.org/Team:Tongji_China"><img src="https://static.igem.org/mediawiki/2017/a/a6/2017_tongji_wiki_homepage_image_home2.png" width="90" height="60">home</a></li>
| + | <span class="android-title mdl-layout-title"> |
| − | <li> </li>
| + | <div class="logo-font">Tongji iGEM</div> |
| − | <li> <a href="https://2017.igem.org/Team:Tongji_China/Description"><img src="https://static.igem.org/mediawiki/2017/9/92/2017_tongji_wiki_homepage_image_PROJECT2.png" width="90" height="60">project</a>
| + | </span> |
| − | <ul>
| + | <!-- Add spacer, to align navigation to the right in desktop --> |
| − | <li><a href="https://2017.igem.org/Team:Tongji_China/Description">Description</a></li>
| + | <div class="android-header-spacer mdl-layout-spacer"></div> |
| − | <li><a href="https://2017.igem.org/Team:Tongji_China/Design">Design</a></li>
| + | <!-- Navigation --> |
| − | <li><a href="https://2017.igem.org/Team:Tongji_China/Results">Result</a></li>
| + | <div class="android-navigation-container"> |
| − | <li><a href="https://2017.igem.org/Team:Tongji_China/Demonstrate">Demonstrate</a></li>
| + | <nav class="android-navigation mdl-navigation"> |
| − | <li><a href="https://2017.igem.org/Team:Tongji_China/Record">Record</a></li>
| + | <!-- Links in the top right --> |
| − | <li><a href="https://2017.igem.org/Team:Tongji_China/Safety">Safety</a></li>
| + | <a class="mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China">Home</a> |
| − | </ul>
| + | <a class=" mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/ Description"> Project</a> |
| − | </li>
| + | <a class=" mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/Team">Team</a> |
| − | <li> </li>
| + | <a class=" mdl-navigation__link mdl-typography--text-uppercase" href="https://2017.igem.org/Team:Tongji_China/ Results"> Results</a> |
| − | <li> <a href="https://2017.igem.org/Team:Tongji_China/Parts"><img src="https://static.igem.org/mediawiki/2017/3/35/2017_tongji_wiki_homepage_image_LAB2.png" width="90" height="60">lab</a>
| + | </nav> |
| − | <ul>
| + | </div> |
| − | <li><a href="https://2017.igem.org/Team:Tongji_China/Parts">Parts</a></li>
| + | <span class="android-mobile-title mdl-layout-title"> |
| − | <li><a href="https://2017.igem.org/Team:Tongji_China/Experiment">Test</a></li>
| + | <div class="logo-font">TongJi iGEM</div> |
| − | <li><a href=" https://2017.igem.org/Team:Tongji_China/InterLab" >InterLab</a></li> | + | </span> |
| − | <li><a href="https://2017.igem.org/Team:Tongji_China/Process">Process</a></li>
| + | </div> |
| − | <li><a href=" https://2017.igem.org/Team:Tongji_China/Protocol" >Protocol</a></li> | + | </div> |
| − |
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li> </li>
| + | |
| − | <li> <a href="https://2017.igem.org/Team:Tongji_China/Model"><img src="https://static.igem.org/mediawiki/2017/3/30/2017_tongji_wiki_homepage_image_MODEL2.png" width="90" height="60">Model</a></li>
| + | |
| − | <li> </li>
| + | |
| − | <li> <a href=" https://2017.igem.org/Team:Tongji_China/Human_Practices" ><img src="https://static.igem.org/mediawiki/2017/d/d1/2017_tongji_wiki_homepage_image_HP2.png" width="90" height="60">HP</a> | + | |
| − | <ul>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Tongji_China/HP/Silver">HP Silver</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Tongji_China/HP/Gold_Integrated">HP Gold</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Tongji_China/Engagement">Engagement</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li> </li>
| + | |
| − | <li> <a href=" https://2017.igem.org/Team:Tongji_China/Safety" >Safety</a></li> | + | |
| − | <li> </li>
| + | |
| − | <li> <a href="https://2017.igem.org/Team:Tongji_China/Awards"><img src="https://static.igem.org/mediawiki/2017/5/5c/2017_tongji_wiki_homepage_image_awards.png" width="90" height="60">Awards</a>
| + | |
| − | <ul> | + | |
| − | <li><a href="https://2017.igem.org/Team:Tongji_China/Model">Model Award</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Tongji_China/Judging Form">Judging Form</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li> </li>
| + | |
| − | <li> <a href="https://2017.igem.org/Team:Tongji_China/Team"><img src="https://static.igem.org/mediawiki/2017/5/57/2017_tongji_wiki_homepage_image_TEAM2.png" width="90" height="60">team</a>
| + | |
| − | <ul>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Tongji_China/Team">Members</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Tongji_China/Collaborations">Collaborations</a></li>
| + | |
| − | <li><a href="https://2017.igem.org/Team:Tongji_China/Attributions">Attributions</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − | </div> | + | |
| − | | + | |
| − |
| + | |
| | <!-- Drawer --> | | <!-- Drawer --> |
| | <div class="android-drawer mdl-layout__drawer"> | | <div class="android-drawer mdl-layout__drawer"> |
| Line 294: |
Line 227: |
| | | | |
| | <!-- HERE STARTS THE PAGE --> | | <!-- HERE STARTS THE PAGE --> |
| − |
| |
| | <div class="android-content mdl-layout__content"> | | <div class="android-content mdl-layout__content"> |
| | <a name="top"></a> | | <a name="top"></a> |
| Line 307: |
Line 239: |
| | | | |
| | <!-- Video --> | | <!-- Video --> |
| − | <div class="demo-card-wide mdl-card mdl-shadow--2dp"> | + | <div style="position:relative"> |
| − | <div class="mdl-card__supporting-text" style="font-size: 115%">
| + | |
| − | <div style="position:relative"> | + | |
| | <video width="100%" poster="https://static.igem.org/mediawiki/2017/a/aa/2017tongji_images_home_introduction_poster.jpg" id="IntroVideo" controls> | | <video width="100%" poster="https://static.igem.org/mediawiki/2017/a/aa/2017tongji_images_home_introduction_poster.jpg" id="IntroVideo" controls> |
| | <source src="https://static.igem.org/mediawiki/2017/5/52/2017tongji_video_home_introduction.mp4" type="video/mp4"> | | <source src="https://static.igem.org/mediawiki/2017/5/52/2017tongji_video_home_introduction.mp4" type="video/mp4"> |
| Line 316: |
Line 246: |
| | <button id="playbutton" style="position:absolute; top:0; left:0; opacity:0; width:100%; height:100%" onclick="playIntroVideo()" type="button"></button> | | <button id="playbutton" style="position:absolute; top:0; left:0; opacity:0; width:100%; height:100%" onclick="playIntroVideo()" type="button"></button> |
| | </div> | | </div> |
| | + | |
| | + | <!-- Description --> |
| | + | <div class="demo-card-wide mdl-card mdl-shadow--2dp"> |
| | + | <div class="mdl-card__title" style="text-align:center"> |
| | + | <h4 class="mdl-card__title-text" style="font-size: 250%; color:#5a5a5a">Description</h4> |
| | + | </div> |
| | + | <div class="mdl-card__supporting-text" style="font-size: 115%"> |
| | + | ADD MORE INFORMATION |
| | + | EDITME |
| | </div> | | </div> |
| | <div class="android-drawer-separator"></div> | | <div class="android-drawer-separator"></div> |
| | </div> | | </div> |
| − |
| |
| | | | |
| | <!-- Description --> | | <!-- Description --> |
| | <div class="demo-card-wide mdl-card mdl-shadow--2dp"> | | <div class="demo-card-wide mdl-card mdl-shadow--2dp"> |
| | <div class="mdl-card__title" style="text-align:center"> | | <div class="mdl-card__title" style="text-align:center"> |
| − | <h4 class="mdl-card__title-text" style="font-size: 250%; color:#5a5a5a">Description</h4> | + | <h4 class="mdl-card__title-text" style="font-size: 250%; color:#5a5a5a">Description2</h4> |
| | </div> | | </div> |
| | <div class="mdl-card__supporting-text" style="font-size: 115%"> | | <div class="mdl-card__supporting-text" style="font-size: 115%"> |
| − | There are many people who dead of disease that are spread by mosquitoes such as malaria, dengue fever and Zika. According to WHO’s report, there are 429,000 deaths from malaria occurred in 2015. <br><br> | + | EVEN MORE INFORMATION |
| − | | + | EDITME |
| − | We find an article reported that pharmacological manipulation of dopamine could alter fruits fly’s sexual behavior. Mosquito and fruit fly all belong to Diptera, the system that was used in fly can also be used in mosquitos. Finally we used a specificity promoter pleP that is only activated in
| + | |
| − | | + | |
| − | dopaminergic neuron and Gal80ts protein that is only activated in low temperature condition, and UAS-GAL4 system to alter fruits fly’s sexual behavior to control the population of fly or mosquitoes.<br><br>
| + | |
| − | | + | |
| − | We can continue to optimize our system. For example, we can put these parts in one chromosome. We can also use different mutant that is applicable for different temperature zone. And this way can combine with Oxitec and Wolbachia to improve the effect of reduce population.<br> | + | |
| | </div> | | </div> |
| | <div class="android-drawer-separator"></div> | | <div class="android-drawer-separator"></div> |
