Line 1: | Line 1: | ||
− | {{ | + | {{Team:FAU-Erlangen/Header}} |
<html> | <html> | ||
+ | <body> | ||
+ | <div id="background"> | ||
+ | <div id="header"><h1> | ||
+ | <a href="Team.html" class="">◀</a> | ||
+ | Collaborations | ||
+ | <a href="Human Practice.html" class="">▶</a> | ||
+ | </h1></div> | ||
+ | <div class="navigation" id="mynavigation"> | ||
+ | <btn><a href="https://www.facebook.com/IGEM-FAU-Erlangen-522447454463293/"><img src="https://static.igem.org/mediawiki/2016/4/48/Team_Erlangen_FBLogo.png" width="auto" height="50px" alt=""/></a></btn> | ||
+ | <btn><a href="#"><img src="https://static.igem.org/mediawiki/2016/b/b0/Team_Erlangen_YTLogo.png" width="auto" height="50px" alt=""/></a></btn> | ||
+ | <btn><a href="https://2016.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2016/5/5f/Team_Erlangen_IGLogo.png" width="auto" height="50px" alt=""/></a></btn> | ||
+ | <home><a href="#"><img src="https://static.igem.org/mediawiki/2016/f/fd/Team_Erlangen_FAULogo.png" width="auto" height="50px" alt=""/></a></home> | ||
+ | <ul id="mynavigationul" style="padding: 0 2.4%"> | ||
+ | <li class="icon"> | ||
+ | <a href="javascript:void(0);" style="font-size:22px;" onclick="myFunction()"> ☰Menu</a> | ||
+ | </li> | ||
+ | <li><a class="" href="https://2016.igem.org/Team:FAU_Erlangen/Description">Project</a><ul> | ||
+ | <a href="https://2016.igem.org/Team:FAU_Erlangen/Description#Inspiration"><li>Inspiration</li></a> | ||
+ | <a href="https://2016.igem.org/Team:FAU_Erlangen/Description#Biofilm"><li>Biofilm</li></a> | ||
+ | <a href="https://2016.igem.org/Team:FAU_Erlangen/Description#BioSolar"><li>Biofilm Solar Cell</li></a> | ||
+ | <a href="https://2016.igem.org/Team:FAU_Erlangen/Description#GCell"><li>Grätzel Cell</li></a> | ||
+ | <a href="https://2016.igem.org/Team:FAU_Erlangen/Description#GCell"><li>Results</li></a> | ||
+ | </ul></li> | ||
+ | <li><a href="https://2016.igem.org/Team:FAU_Erlangen/Results">Results</a></li> | ||
+ | <li><a class="" href="https://2016.igem.org/Team:FAU_Erlangen/Notebook">Lab Journal</a> | ||
+ | <ul> | ||
+ | <a href="https://2016.igem.org/Team:FAU_Erlangen/Notebook#Biology"><li>Biology</li></a> | ||
+ | <a href="https://2016.igem.org/Team:FAU_Erlangen/Notebook#Chemistry"><li>Chemistry/Physics</li></a> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2016.igem.org/Team:FAU_Erlangen/Human_Practices">Human Practices</a> | ||
+ | <ul> | ||
+ | <a href="https://2016.igem.org/Team:FAU_Erlangen/Human_Practices#lab"><li>School laboratory</li></a> | ||
+ | <a href="https://2016.igem.org/Team:FAU_Erlangen/Human_Practices#scday"><li>Science Day</li></a> | ||
+ | <a href="https://2016.igem.org/Team:FAU_Erlangen/Human_Practices#game"><li>Game</li></a> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a class="hlight" href="https://2016.igem.org/Team:FAU_Erlangen/Collaborations">Collaborations</a> | ||
+ | <ul> | ||
+ | <a href="https://2016.igem.org/Team:FAU_Erlangen/Collaborations#marburg"><li>iGEM Team Marburg</li></a> | ||
+ | <a href="https://2016.igem.org/Team:FAU_Erlangen/Collaborations#munich"><li>iGEM Team Munich</li></a> | ||
+ | <a href="https://2016.igem.org/Team:FAU_Erlangen/Collaborations#aachen"><li>iGEM Team Aachen</li></a> | ||
+ | </ul></li> | ||
+ | <li><a href="Safety.html">Safety</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:FAU_Erlangen/Achievements">Achievements</a></li> | ||
+ | <li><a href="https://2016.igem.org/Team:FAU_Erlangen/Team">Team</a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div id="mcontainer"> | ||
+ | <div id="mcontentbox" align="left"> | ||
+ | <ul style="list-style:none"> | ||
+ | <a class="active" href="#Inspiration" id="cInspiration"><li>Inspiration</li></a> | ||
+ | <a href="#Biofilm" id="cBiofilm"><li>Biofilm</li></a> | ||
+ | <a href="#BioSolar" id="cBioSolar"><li>Biofilm Solar Cell</li></a> | ||
+ | <a href="#GCell" id="cGCell"><li>Grätzel Cell</li></a> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="mcontent" id="mycontent"><p align="justify"> | ||
+ | <div align="justify" width="100%" height="100%"> | ||
− | |||
− | |||
− | |||
− | + | ||
− | < | + | </div></p></div> |
− | + | <div id="mtoolbox"> | |
− | < | + | <p align="right" id="tools"> |
− | < | + | <a href="#"> <img src="https://static.igem.org/mediawiki/2016/1/15/Team_Erlangen_up.png" width="15%" height="auto" alt=""/></a> |
− | < | + | </p> |
− | + | ||
− | + | ||
− | </ | + | |
</div> | </div> | ||
+ | </div> | ||
+ | <div id="footer"> | ||
+ | <img src="sponsoren.PNG" width="100%" height="100%" alt=""/> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <script> | ||
+ | $(function(){ | ||
+ | $(window).on( 'scroll', function(){ | ||
+ | var scrollTop = $(this).scrollTop() + 100; | ||
+ | if( scrollTop < $('#Biofilm').offset().top ){ | ||
+ | $('#cInspiration').addClass("active"); | ||
+ | $('#cBiofilm').removeClass("active"); | ||
+ | $('#cBioSolar').removeClass("active"); | ||
+ | $('#cGCell').removeClass("active"); | ||
+ | } else if( scrollTop < $('#BioSolar').offset().top ){ | ||
+ | $('#cInspiration').removeClass("active"); | ||
+ | $('#cBiofilm').addClass("active"); | ||
+ | $('#cBioSolar').removeClass("active"); | ||
+ | $('#cGCell').removeClass("active"); | ||
+ | }else if( scrollTop < $('#GCell').offset().top ){ | ||
+ | $('#cInspiration').removeClass("active"); | ||
+ | $('#cBiofilm').removeClass("active"); | ||
+ | $('#cBioSolar').addClass("active"); | ||
+ | $('#cGCell').removeClass("active"); | ||
+ | }else{ | ||
+ | $('#cInspiration').removeClass("active"); | ||
+ | $('#cBiofilm').removeClass("active"); | ||
+ | $('#cBioSolar').removeClass("active"); | ||
+ | $('#cGCell').addClass("active"); | ||
+ | } | ||
+ | }); | ||
+ | }) | ||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | $(function() { | ||
+ | $('a[href*="#"]:not([href="#"])').click(function() { | ||
+ | if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { | ||
+ | var target = $(this.hash); | ||
+ | target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); | ||
+ | if (target.length) { | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: target.offset().top | ||
+ | }, 1000); | ||
+ | return false; | ||
+ | } | ||
+ | } | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <script> | ||
+ | $('a').click(function(){ | ||
+ | $('html,body').animate({ | ||
+ | scrollTop: $( $(this).attr('href') ).offset().top | ||
+ | }, 500); | ||
+ | return false; | ||
+ | }); | ||
+ | </script> | ||
+ | </body> | ||
</html> | </html> | ||
+ | {{Team:FAU-Erlangen/js}} |
Revision as of 23:46, 14 October 2016