Team:USP-UNESP-Brazil/Templates/Header
From 2012.igem.org
(Difference between revisions)
(113 intermediate revisions not shown) | |||
Line 7: | Line 7: | ||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> | ||
- | <script type="text/javascript" src="http:// | + | <div id="innercontent"> |
- | < | + | |
+ | <!-- Top menu --> | ||
+ | |||
+ | <div id="head"> | ||
+ | |||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil"> | ||
+ | <img class="images" src="https://static.igem.org/mediawiki/2012/e/e8/IntroImage.png" alt="Introduction"/> | ||
+ | <div class="titles titledark">Introduction</div> | ||
+ | </a> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Project"> | ||
+ | <img class="images" src="https://static.igem.org/mediawiki/2012/f/f5/POImage.png" alt="Project Overview"/> | ||
+ | <div class="titles titlelight">Project Overview</div> | ||
+ | </a> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Plasmid_Plug_n_Play/Introduction"> | ||
+ | <img class="images" src="https://static.igem.org/mediawiki/2012/2/2a/PPPImage.png" alt="Plasmid Plug&Play"/> | ||
+ | <div class="titles titledark">Plasmid</br>Plug&Play</div> | ||
+ | </a> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Introduction"> | ||
+ | <img class="images" src="https://static.igem.org/mediawiki/2012/1/1c/MANImage.png" alt="Memory Associative Network"/> | ||
+ | <div class="titles titlelight">Associative Memory Network</div> | ||
+ | </a> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Introduction"> | ||
+ | <img class="images" src="https://static.igem.org/mediawiki/2012/3/36/ExtraImage.png" alt="Extras"/> | ||
+ | <div class="titles titledark">Extras</div> | ||
+ | </a> | ||
+ | |||
+ | <img id="logousp" src="https://static.igem.org/mediawiki/2012/6/66/LogoUSPandUNESP.png" alt="USP and Unesp Brazil Logo"/> | ||
+ | <div class="logocaixa"></div> | ||
+ | |||
+ | <div id="topmenu"> | ||
+ | <div id="menuIntro" class="menuicon"> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil">Home</a> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Team">Team</a> | ||
+ | <!-- <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Introduction/Tour">Tour</a> --> | ||
+ | </div> | ||
+ | <div id="menuOver"class="menuicon"> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Project">Hacking Systems</a> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/ProjectOverview/HumanPratices">Human Pratices</a> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Notebook">Lab Diary</a> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Safety">Safety</a> | ||
+ | </div> | ||
+ | <div class="menuicon"> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Plasmid_Plug_n_Play/Introduction">Introduction</a> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Plasmid_Plug_n_Play/Background">Background</a> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Plasmid_Plug_n_Play/Experiments">Experiments</a> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Plasmid_Plug_n_Play/Modeling">Modeling</a> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Plasmid_Plug_n_Play/Results">Results</a> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Parts">Parts</a> | ||
+ | </div> | ||
+ | <div class="menuicon"> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Introduction">Introduction</a> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Background">Background</a> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Experiments">Experiments</a> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Modeling">Modeling</a> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Results">Results</a> | ||
+ | <!-- <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Parts">Parts</a> --> | ||
+ | </div> | ||
+ | <div class="menuicon"> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/SynbioBrasil">SynbioBrasil</a> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/USP_and_Unesp">USP and Unesp</a> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Attributions">Attributions</a> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/Sponsors">Sponsors</a> | ||
+ | <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/Photos">Photos</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <img id="hackology" src="https://static.igem.org/mediawiki/2012/b/b5/Hackology.png" alt="Hackology"/> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <!-- Image Carrousel --> | ||
+ | |||
+ | <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | |||
+ | /* The Infinite Rotator Function is from: http://trendmedia.com/news/infinite-rotating-images-using-jquery-javascript/ Thanks a lot for the help! */ | ||
+ | |||
+ | $(window).load(function() { //start after HTML, images have loaded | ||
+ | |||
+ | var InfiniteRotator = | ||
+ | { | ||
+ | init: function() | ||
+ | { | ||
+ | //initial fade-in time (in milliseconds) | ||
+ | var initialFadeIn = 800; | ||
+ | |||
+ | //interval between items (in milliseconds) | ||
+ | var itemInterval = 6000; | ||
+ | |||
+ | //cross-fade time (in milliseconds) | ||
+ | var fadeTime = 2500; | ||
+ | |||
+ | //count number of items | ||
+ | var numberOfItems = $(".images").length; | ||
+ | |||
+ | //set current item | ||
+ | var currentItem = 0; | ||
+ | |||
+ | //show first item | ||
+ | $('.images').eq(currentItem).fadeIn(initialFadeIn); | ||
+ | $('.titles').eq(currentItem).fadeIn(initialFadeIn); | ||
+ | $('.menuicon').eq(currentItem).fadeIn(initialFadeIn); | ||
+ | |||
+ | //loop through the items | ||
+ | var infiniteLoop = setInterval(function(){ | ||
+ | $('.images').eq(currentItem).fadeOut(fadeTime); | ||
+ | $('.titles').eq(currentItem).fadeOut(fadeTime); | ||
+ | $('.menuicon').eq(currentItem).fadeOut(fadeTime); | ||
+ | if(currentItem == numberOfItems -1){ | ||
+ | currentItem = 0; | ||
+ | }else{ | ||
+ | currentItem++; | ||
+ | } | ||
+ | $('.images').eq(currentItem).fadeIn(fadeTime); | ||
+ | $('.titles').eq(currentItem).fadeIn(fadeTime); | ||
+ | $('.menuicon').eq(currentItem).fadeIn(fadeTime); | ||
+ | |||
+ | }, itemInterval); | ||
+ | } | ||
+ | }; | ||
+ | |||
+ | InfiniteRotator.init(); | ||
+ | |||
+ | }); | ||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | <!-- End of Menu Carrousel --> | ||
+ | |||
+ | |||
+ | <!-- end of Top menu --> | ||
+ | |||
<!-- menu --> | <!-- menu --> | ||
- | |||
<div class="centering"> | <div class="centering"> | ||
<div class="whitebox"> | <div class="whitebox"> | ||
Line 18: | Line 149: | ||
<li class=intcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil"> Home</a></li> | <li class=intcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil"> Home</a></li> | ||
<li class=intcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Team"> Team</a></li> | <li class=intcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Team"> Team</a></li> | ||
- | + | <!-- <li class=intcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Introduction/Tour"> Tour</a></li> --> | |
<li id=pover><img src="https://static.igem.org/mediawiki/2012/9/97/Littlewheel.png"/><b>Project Overview</b></li> | <li id=pover><img src="https://static.igem.org/mediawiki/2012/9/97/Littlewheel.png"/><b>Project Overview</b></li> | ||
- | <li class=pocell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Project"> Hacking | + | <li class=pocell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Project"> Hacking Systems</a></li> |
<li class=pocell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/ProjectOverview/HumanPratices"> Human Pratices</a></li> | <li class=pocell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/ProjectOverview/HumanPratices"> Human Pratices</a></li> | ||
<li class=pocell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Notebook"> Lab Diary</a></li> | <li class=pocell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Notebook"> Lab Diary</a></li> | ||
<li class=pocell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Safety"> Safety</a></li> | <li class=pocell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Safety"> Safety</a></li> | ||
- | <li id=ppp><img src="https://static.igem.org/mediawiki/2012/9/97/Littlewheel.png"/><b>Plasmid Plug | + | <li id=ppp><img src="https://static.igem.org/mediawiki/2012/9/97/Littlewheel.png"/><b>Plasmid Plug&Play</b></li> |
<li class=pppcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Plasmid_Plug_n_Play/Introduction"> Introduction</a></li> | <li class=pppcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Plasmid_Plug_n_Play/Introduction"> Introduction</a></li> | ||
<li class=pppcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Plasmid_Plug_n_Play/Background"> Background</a></li> | <li class=pppcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Plasmid_Plug_n_Play/Background"> Background</a></li> | ||
Line 37: | Line 168: | ||
<li class=amncell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Modeling"> Modeling</a></li> | <li class=amncell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Modeling"> Modeling</a></li> | ||
<li class=amncell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Results"> Results</a></li> | <li class=amncell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Results"> Results</a></li> | ||
- | <li class=amncell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Parts"> Parts</a></li> | + | <!-- <li class=amncell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Parts"> Parts</a></li> --> |
<li id=extra><img src="https://static.igem.org/mediawiki/2012/9/97/Littlewheel.png"/><b>Extras</b></li> | <li id=extra><img src="https://static.igem.org/mediawiki/2012/9/97/Littlewheel.png"/><b>Extras</b></li> | ||
- | <li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/Crowdfunding"> Crowdfunding</a></li> | + | <!-- <li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/Crowdfunding"> Crowdfunding</a></li> --> |
<li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/SynbioBrasil"> SynbioBrasil</a></li> | <li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/SynbioBrasil"> SynbioBrasil</a></li> | ||
<li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/USP_and_Unesp"> USP and Unesp</a></li> | <li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/USP_and_Unesp"> USP and Unesp</a></li> | ||
Line 45: | Line 176: | ||
<li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/Sponsors"> Sponsors</a></li> | <li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/Sponsors"> Sponsors</a></li> | ||
<li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/Acknowledgements"> Acknowledgements</a></li> | <li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/Acknowledgements"> Acknowledgements</a></li> | ||
+ | <li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/Photos"> Photos</a></li> | ||
</div> | </div> | ||
Line 82: | Line 214: | ||
}); | }); | ||
}); | }); | ||
+ | |||
</script> | </script> | ||
+ | |||
+ | <!-- end of animation --> | ||
<!-- end of menu --> | <!-- end of menu --> |
Latest revision as of 18:34, 26 September 2012
Network