Team:USP-UNESP-Brazil/Templates/Header

From 2012.igem.org

(Difference between revisions)
 
(85 intermediate revisions not shown)
Line 6: Line 6:
<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>
-
 
-
 
-
<!--
 
-
<link rel="stylesheet" type="text/css" href="http://math.etsu.edu/LaTeXMathML/LaTeXMathML.standardarticle.css" />
 
-
<script type="text/javascript" src="http://math.etsu.edu/LaTeXMathML/LaTeXMathML.js"></script>
 
-
-->
 
<div id="innercontent">
<div id="innercontent">
Line 18: Line 12:
<div id="head">
<div id="head">
-
     <img id="imgExtras" class="images" src="https://static.igem.org/mediawiki/2012/3/36/ExtraImage.png" alt="Extras"/>
+
 
-
     <img id="imgAssocMem" class="images" src="https://static.igem.org/mediawiki/2012/1/1c/MANImage.png" alt="Memory Associative Network"/>
+
     <a href="https://2012.igem.org/Team:USP-UNESP-Brazil">
-
     <img id="imgPlugnPlay" class="images" src="https://static.igem.org/mediawiki/2012/2/2a/PPPImage.png" alt="Plasmid Plug'nPlay"/>
+
        <img class="images" src="https://static.igem.org/mediawiki/2012/e/e8/IntroImage.png" alt="Introduction"/>
-
     <img id="imgHackology" class="images" src="https://static.igem.org/mediawiki/2012/f/f5/POImage.png" alt="Project Overview"/>
+
        <div class="titles titledark">Introduction</div>
-
     <img id="imgIntroduction" class="images" src="https://static.igem.org/mediawiki/2012/e/e8/IntroImage.png" alt="Introduction"/>
+
     </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>
</div>
-
<!-- menu animation -->
+
<!-- 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" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
<script type="text/javascript">
<script type="text/javascript">
-
$(document).ready(function(){
+
/* The Infinite Rotator Function is from: http://trendmedia.com/news/infinite-rotating-images-using-jquery-javascript/ Thanks a lot for the help! */
-
 
+
-
var $images = null;
+
-
images[0] = $("#imgIntroduction");
+
-
images[1] = $("#imgHackology");
+
-
images[2] = $("#imgPlugnPlay");
+
-
images[3] = $("#imgAssocMem");
+
$(window).load(function() { //start after HTML, images have loaded
$(window).load(function() { //start after HTML, images have loaded
Line 61: Line 108:
            //show first item
            //show first item
            $('.images').eq(currentItem).fadeIn(initialFadeIn);
            $('.images').eq(currentItem).fadeIn(initialFadeIn);
-
 
+
            $('.titles').eq(currentItem).fadeIn(initialFadeIn);
 +
           $('.menuicon').eq(currentItem).fadeIn(initialFadeIn);
 +
 
            //loop through the items
            //loop through the items
            var infiniteLoop = setInterval(function(){
            var infiniteLoop = setInterval(function(){
                $('.images').eq(currentItem).fadeOut(fadeTime);
                $('.images').eq(currentItem).fadeOut(fadeTime);
-
 
+
                $('.titles').eq(currentItem).fadeOut(fadeTime);
 +
                $('.menuicon').eq(currentItem).fadeOut(fadeTime);
                if(currentItem == numberOfItems -1){
                if(currentItem == numberOfItems -1){
                    currentItem = 0;
                    currentItem = 0;
Line 71: Line 121:
                    currentItem++;
                    currentItem++;
                }
                }
-
                $('.rotating-item').eq(currentItem).fadeIn(fadeTime);
+
                $('.images').eq(currentItem).fadeIn(fadeTime);
 +
                $('.titles').eq(currentItem).fadeIn(fadeTime);
 +
                $('.menuicon').eq(currentItem).fadeIn(fadeTime);
 
 
            }, itemInterval);
            }, itemInterval);
Line 84: Line 136:
</script>
</script>
-
<!-- end of animation -->
+
<!-- End of Menu Carrousel -->
Line 97: Line 149:
                     <li class=intcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil">&nbsp;&nbsp;&nbsp;&nbsp;Home</a></li>
                     <li class=intcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil">&nbsp;&nbsp;&nbsp;&nbsp;Home</a></li>
                     <li class=intcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Team">&nbsp;&nbsp;&nbsp;&nbsp;Team</a></li>
                     <li class=intcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Team">&nbsp;&nbsp;&nbsp;&nbsp;Team</a></li>
-
                    <li class=intcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Introduction/Tour">&nbsp;&nbsp;&nbsp;&nbsp;Tour</a></li>
+
<!--                    <li class=intcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Introduction/Tour">&nbsp;&nbsp;&nbsp;&nbsp;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">&nbsp;&nbsp;&nbsp;&nbsp;Hacking the Systems</a></li>
+
                     <li class=pocell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Project">&nbsp;&nbsp;&nbsp;&nbsp;Hacking Systems</a></li>
                     <li class=pocell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/ProjectOverview/HumanPratices">&nbsp;&nbsp;&nbsp;&nbsp;Human Pratices</a></li>
                     <li class=pocell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/ProjectOverview/HumanPratices">&nbsp;&nbsp;&nbsp;&nbsp;Human Pratices</a></li>
                     <li class=pocell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Notebook">&nbsp;&nbsp;&nbsp;&nbsp;Lab Diary</a></li>
                     <li class=pocell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Notebook">&nbsp;&nbsp;&nbsp;&nbsp;Lab Diary</a></li>
                     <li class=pocell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Safety">&nbsp;&nbsp;&nbsp;&nbsp;Safety</a></li>
                     <li class=pocell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Safety">&nbsp;&nbsp;&nbsp;&nbsp;Safety</a></li>
-
                     <li id=ppp><img src="https://static.igem.org/mediawiki/2012/9/97/Littlewheel.png"/><b>Plasmid Plug'n Play</b></li>
+
                     <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">&nbsp;&nbsp;&nbsp;&nbsp;Introduction</a></li>
                     <li class=pppcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Plasmid_Plug_n_Play/Introduction">&nbsp;&nbsp;&nbsp;&nbsp;Introduction</a></li>
                     <li class=pppcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Plasmid_Plug_n_Play/Background">&nbsp;&nbsp;&nbsp;&nbsp;Background</a></li>
                     <li class=pppcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Plasmid_Plug_n_Play/Background">&nbsp;&nbsp;&nbsp;&nbsp;Background</a></li>
Line 116: Line 168:
                     <li class=amncell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Modeling">&nbsp;&nbsp;&nbsp;&nbsp;Modeling</a></li>
                     <li class=amncell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Modeling">&nbsp;&nbsp;&nbsp;&nbsp;Modeling</a></li>
                     <li class=amncell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Results">&nbsp;&nbsp;&nbsp;&nbsp;Results</a></li>
                     <li class=amncell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Results">&nbsp;&nbsp;&nbsp;&nbsp;Results</a></li>
-
                     <li class=amncell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Parts">&nbsp;&nbsp;&nbsp;&nbsp;Parts</a></li>
+
                     <!-- <li class=amncell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Parts">&nbsp;&nbsp;&nbsp;&nbsp;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">&nbsp;&nbsp;&nbsp;&nbsp;Crowdfunding</a></li>
+
                     <!-- <li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/Crowdfunding">&nbsp;&nbsp;&nbsp;&nbsp;Crowdfunding</a></li> -->
                     <li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/SynbioBrasil">&nbsp;&nbsp;&nbsp;&nbsp;SynbioBrasil</a></li>
                     <li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/SynbioBrasil">&nbsp;&nbsp;&nbsp;&nbsp;SynbioBrasil</a></li>
                     <li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/USP_and_Unesp">&nbsp;&nbsp;&nbsp;&nbsp;USP and Unesp</a></li>
                     <li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/USP_and_Unesp">&nbsp;&nbsp;&nbsp;&nbsp;USP and Unesp</a></li>
Line 124: Line 176:
                     <li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/Sponsors">&nbsp;&nbsp;&nbsp;&nbsp;Sponsors</a></li>
                     <li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/Sponsors">&nbsp;&nbsp;&nbsp;&nbsp;Sponsors</a></li>
                     <li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/Acknowledgements">&nbsp;&nbsp;&nbsp;&nbsp;Acknowledgements</a></li>
                     <li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/Acknowledgements">&nbsp;&nbsp;&nbsp;&nbsp;Acknowledgements</a></li>
 +
                    <li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Extras/Photos">&nbsp;&nbsp;&nbsp;&nbsp;Photos</a></li>
             </div>
             </div>
Line 161: Line 214:
         });
         });
     });
     });
 +
</script>
</script>

Latest revision as of 18:34, 26 September 2012