Team:USP-UNESP-Brazil/Templates/Header

From 2012.igem.org

(Difference between revisions)
 
(97 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="imgIntroduction" src="https://static.igem.org/mediawiki/2012/e/e8/IntroImage.png" alt="Introduction"/>
+
 
-
     <img id="imgHackology" src="https://static.igem.org/mediawiki/2012/f/f5/POImage.png" alt="Project Overview"/>
+
     <a href="https://2012.igem.org/Team:USP-UNESP-Brazil">
-
     <img id="imgPlugnPlay" 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="imgAssocMem" src="https://static.igem.org/mediawiki/2012/1/1c/MANImage.png" alt="Memory Associative Network"/>
+
        <div class="titles titledark">Introduction</div>
-
     <img id="imgExtras" src="https://static.igem.org/mediawiki/2012/3/36/ExtraImage.png" alt="Extras"/>
+
     </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(firstfunction(){
+
/* The Infinite Rotator Function is from: http://trendmedia.com/news/infinite-rotating-images-using-jquery-javascript/ Thanks a lot for the help! */
-
        $("#imgIntroduction").delay(6000).fadeOut("slow", function(){
+
 
-
            $("#imgHackology").delay(6000).fadeOut("slow", function(){
+
$(window).load(function() { //start after HTML, images have loaded
-
                $("#imgPlugnPlay").delay(6000).fadeOut("slow", function(){
+
 
-
                    $("#imgAssocMem").delay(6000).fadeOut("slow", function(){
+
    var InfiniteRotator =
-
                        $("#imgExtras").delay(6000).fadeOut("slow", function(){
+
    {
-
                            $("#imgIntroduction").fadeIn("slow", firstfunction());
+
        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>
</script>
-
<!-- end of animation -->
+
<!-- End of Menu Carrousel -->
Line 59: 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 78: 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 86: 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 123: Line 214:
         });
         });
     });
     });
 +
</script>
</script>

Latest revision as of 18:34, 26 September 2012