Team:USP-UNESP-Brazil/Templates/Header

From 2012.igem.org

(Difference between revisions)
 
(28 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 28: Line 22:
     </a>
     </a>
     <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Plasmid_Plug_n_Play/Introduction">
     <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'nPlay"/>
+
         <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'n Play</div>
+
         <div class="titles titledark">Plasmid</br>Plug&Play</div>
     </a>
     </a>
     <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Introduction">
     <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Introduction">
Line 41: Line 35:
     <img id="logousp" src="https://static.igem.org/mediawiki/2012/6/66/LogoUSPandUNESP.png" alt="USP and Unesp Brazil Logo"/>
     <img id="logousp" src="https://static.igem.org/mediawiki/2012/6/66/LogoUSPandUNESP.png" alt="USP and Unesp Brazil Logo"/>
-
    <img id="hackology" src="https://static.igem.org/mediawiki/2012/b/b5/Hackology.png" alt="Hackology"/>
 
     <div class="logocaixa"></div>
     <div class="logocaixa"></div>
     <div id="topmenu">
     <div id="topmenu">
-
         <div id="menuIntro" class="menuicon">Introduction</div>
+
         <div id="menuIntro" class="menuicon">
-
            <ul id="panelIntro" class="panel">
+
            <a href="https://2012.igem.org/Team:USP-UNESP-Brazil">Home</a>
-
                <li><a href="https://2012.igem.org/Team:USP-UNESP-Brazil">Home</a></li>
+
            <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Team">Team</a>
-
                <li><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Team">Team</a></li>
+
<!--            <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Introduction/Tour">Tour</a>  -->
-
                <li><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Introduction/Tour">Tour</a></li>
+
        </div>            
-
             </ul>
+
        <div id="menuOver"class="menuicon">
-
        <div class="menuicon">Overview</div>
+
            <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Project">Hacking Systems</a>
-
        <div class="menuicon">Associative Memory</div>
+
            <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/ProjectOverview/HumanPratices">Human Pratices</a>
-
         <div class="menuicon">Plasmid Plug'n Play</div>
+
            <a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Notebook">Lab Diary</a>
-
         <div class="menuicon">Extras</div>
+
            <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>
     </div>
-
</div>
 
-
<!-- Menu Animation -->
+
    <img id="hackology" src="https://static.igem.org/mediawiki/2012/b/b5/Hackology.png" alt="Hackology"/>
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
+
</div>
-
<script type="text/javascript">
+
-
    $(document).ready(function(){
+
-
        $("#menuIntro").mouseover(function(){
+
-
            $("#panelIntro").animate({top:"-50px", width:"auto"},"slow")
+
-
        });
+
-
        $("#panelIntro").mouseout(function(){
+
-
            $("#panelIntro").animate({top:"50px"},"slow")
+
-
        });
+
-
 
+
-
    });
+
-
 
+
-
</script>
+
-
 
+
-
<!-- End of Menu Animation -->
+
<!-- Image Carrousel -->
<!-- Image Carrousel -->
Line 107: Line 109:
            $('.images').eq(currentItem).fadeIn(initialFadeIn);
            $('.images').eq(currentItem).fadeIn(initialFadeIn);
           $('.titles').eq(currentItem).fadeIn(initialFadeIn);
           $('.titles').eq(currentItem).fadeIn(initialFadeIn);
 +
           $('.menuicon').eq(currentItem).fadeIn(initialFadeIn);
            //loop through the items
            //loop through the items
Line 112: Line 115:
                $('.images').eq(currentItem).fadeOut(fadeTime);
                $('.images').eq(currentItem).fadeOut(fadeTime);
                $('.titles').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 119: Line 123:
                $('.images').eq(currentItem).fadeIn(fadeTime);
                $('.images').eq(currentItem).fadeIn(fadeTime);
                $('.titles').eq(currentItem).fadeIn(fadeTime);
                $('.titles').eq(currentItem).fadeIn(fadeTime);
 +
                $('.menuicon').eq(currentItem).fadeIn(fadeTime);
 
 
            }, itemInterval);
            }, itemInterval);
Line 144: 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 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>
Line 163: 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 171: 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 208: Line 214:
         });
         });
     });
     });
 +
</script>
</script>

Latest revision as of 18:34, 26 September 2012