Team:USP-UNESP-Brazil/Templates/Header

From 2012.igem.org

(Difference between revisions)

Latest revision as of 18:34, 26 September 2012

Introduction

Project Overview

Plasmid
Plug&Play

Associative Memory Network

Extras

Introduction

Project Overview

Plasmid Plug&Play

Associative Memory
Network

Extras

@@ Line 6: / Line 6: @@
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
+<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 -->
-<div id="innercontent">
      <div class="centering">
          <div class="whitebox">
              <div id="left">
-                     <li id=intro><a><b>Introduction</b></a></li>
+                     <li id=intro><img src="https://static.igem.org/mediawiki/2012/9/97/Littlewheel.png"/><b>Introduction</b></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/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><a><b>Project Overview</b></a></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>&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/Safety">&nbsp;&nbsp;&nbsp;&nbsp;Safety</a></li>
-                     <li id=ppp><a><b>Plasmid Plug'n Play</b></a></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="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>
                      <li class=pppcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Plasmid_Plug_n_Play/Experiments">&nbsp;&nbsp;&nbsp;&nbsp;Experiments</a></li>
                      <li class=pppcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Plasmid_Plug_n_Play/Modeling">&nbsp;&nbsp;&nbsp;&nbsp;Modeling</a></li>
-                     <li class=pppcell><a href="2012.igem.org/Team:USP-UNESP-Brazil/Plasmid_Plug_n_Play/Results">&nbsp;&nbsp;&nbsp;&nbsp;Results</a></li>
+                     <li class=pppcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Plasmid_Plug_n_Play/Results">&nbsp;&nbsp;&nbsp;&nbsp;Results</a></li>
                      <li class=pppcell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Parts">&nbsp;&nbsp;&nbsp;&nbsp;Parts</a></li>
-                     <li id=amn><a><b>Associative Memory Network</b></a></li>
+                     <li id=amn><img src="https://static.igem.org/mediawiki/2012/9/97/Littlewheel.png"/><b>Associative Memory<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Network</b></li>
-                     <li class=amncell><a>&nbsp;&nbsp;&nbsp;&nbsp;Introduction</a></li>
+                     <li class=amncell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Introduction">&nbsp;&nbsp;&nbsp;&nbsp;Introduction</a></li>
-                     <li class=amncell><a>&nbsp;&nbsp;&nbsp;&nbsp;Background</a></li>
+                     <li class=amncell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Background">&nbsp;&nbsp;&nbsp;&nbsp;Background</a></li>
-                     <li class=amncell><a>&nbsp;&nbsp;&nbsp;&nbsp;Experiments</a></li>
+                     <li class=amncell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Associative_Memory/Experiments">&nbsp;&nbsp;&nbsp;&nbsp;Experiments</a></li>
-                     <li class=amncell><a>&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>&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><a><b>Extras</b></a></li>
+                     <li id=extra><img src="https://static.igem.org/mediawiki/2012/9/97/Littlewheel.png"/><b>Extras</b></li>
-                     <li class=excell><a>&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>&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>&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>
                      <li class=excell><a href="https://2012.igem.org/Team:USP-UNESP-Brazil/Attributions">&nbsp;&nbsp;&nbsp;&nbsp;Attributions</a></li>
-                     <li class=excell><a>&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>&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>
@@ Line 80: / Line 214: @@
          });
      });
 </script>
+<!-- end of animation -->
 <!-- end of menu -->