Difference between revisions of "Template:NAWI Graz:navbar"

 
(32 intermediate revisions by the same user not shown)
Line 21: Line 21:
 
           setTimeout(function(){
 
           setTimeout(function(){
 
               _d[_d.is(':hover')?'addClass':'removeClass']('show');
 
               _d[_d.is(':hover')?'addClass':'removeClass']('show');
−
           },300);
+
           },8000);
 
       });
 
       });
  
Line 37: Line 37:
  
 
// cache the selector
 
// cache the selector
−
var rider = $("#rider");
+
var rider = $(".rider");
 
var xp = 0;
 
var xp = 0;
 
var loop = setInterval(function(){
 
var loop = setInterval(function(){
Line 49: Line 49:
 
   } else {
 
   } else {
 
   if (mouseX - xp > 50) {
 
   if (mouseX - xp > 50) {
−
$("#rider").attr("src", right_f);
+
$(".rider").attr("src", right_f);
 
     } else {
 
     } else {
−
     $("#rider").attr("src", right);
+
     $(".rider").attr("src", right);
 
     }
 
     }
 
}
 
}
  
 
   // change 12 to alter damping higher is slower
 
   // change 12 to alter damping higher is slower
−
   xp += (mouseX - xp) / 12;
+
   xp += (mouseX - xp) / 20;
  
−
   rider.css({left:xp});
+
   document.getElementById("rider").style.left=xp+"px";
−
console.log(rider.getPropertyValue('left'))
+
−
}, 30);
+
  
 +
}, 20);
  
−
    </script>
+
// back to top// When the user scrolls down 20px from the top of the document, show the button
−
   
+
window.onscroll = function() {scrollFunction()};
  
−
 
+
function scrollFunction() {
−
 
+
    if (document.body.scrollTop > 20 || document.documentElement.scrollTop > 20) {
−
 
+
        document.getElementById("topBtn").style.display = "block";
−
<style>
+
    } else {
−
/* dropdown on hover */
+
        document.getElementById("topBtn").style.display = "none";
−
.dropdown:hover>.dropdown-menu {
+
    }
−
  display: block;
+
 
}
 
}
  
−
 
+
// When the user clicks on the button, scroll to the top of the document
−
#rider {
+
function topFunction() {
−
    position: relative;
+
    document.body.scrollTop = 0; // For Chrome, Safari and Opera
 +
    document.documentElement.scrollTop = 0; // For IE and Firefox
 
}
 
}
−
</style>
 
  
 +
    </script>
 +
   
  
 
     <!--- THIS IS WHERE THE HTML BEGINS -->
 
     <!--- THIS IS WHERE THE HTML BEGINS -->
Line 86: Line 86:
  
 
<div class="menu-navbar">
 
<div class="menu-navbar">
−
<img id="rider" src="https://static.igem.org/mediawiki/2017/d/d1/Rider.png"/>
+
<img id="rider" class="rider" src="https://static.igem.org/mediawiki/2017/d/d1/Rider.png"/>
 
         <nav class="navbar navbar-expand-lg navbar-light bg-light">
 
         <nav class="navbar navbar-expand-lg navbar-light bg-light">
 
         <a class="navbar-brand" href="https://2017.igem.org/Team:NAWI_Graz">
 
         <a class="navbar-brand" href="https://2017.igem.org/Team:NAWI_Graz">
Line 100: Line 100:
 
             <li class="nav-item dropdown">
 
             <li class="nav-item dropdown">
 
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
−
                 Project
+
                 <command class="colibot"/>
 
                 </a>
 
                 </a>
 
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Description">Description</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Description">Description</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Design">Design</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Design">Design</a>
−
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/ProofOfConcept">Proof of Concept</a>
+
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Demonstrate">Demonstrate</a>
 +
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Model">Model</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Application">Application</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Application">Application</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Results">Results</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Results">Results</a>
Line 114: Line 115:
 
         <!-- PARTS -->
 
         <!-- PARTS -->
 
             <li class="nav-item dropdown">
 
             <li class="nav-item dropdown">
−
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                 <a class="nav-link dropdown-toggle" role="button" href="https://2017.igem.org/Team:NAWI_Graz/Hardware" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
−
                 Parts
+
                 Components
 
                 </a>
 
                 </a>
 
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 +
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Hardware"><span class="top-menu">Parts</span></a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Arena">Arena</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Arena">Arena</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Bioreactor">Bioreactor</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Bioreactor">Bioreactor</a>
 +
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Robot">Robot</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/ControlSystem">Control System</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/ControlSystem">Control System</a>
−
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/FlourescenceChamber">Flourescence Measurement Chamber</a>
+
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/TemperatureModule">Temperature Interaction Module</a>      
−
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/phHardware">pH Hardware</a>
+
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/TemperaturePlasmid">Temperature Plasmid</a>
 +
 
 +
 
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/phInteractionModule">pH Interaction Module</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/phInteractionModule">pH Interaction Module</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/pHPlasmid">pH Plasmid</a>
 
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/pHPlasmid">pH Plasmid</a>
−
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Pictures">Pictures</a>
+
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/FlourescenceChamber">Flourescence Measurement Chamber</a>
−
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Robot">Robot</a>
+
 
−
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/TemperatureModule">Temperature Interaction Module</a>
+
−
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/TemperaturePlasmid">Temperature Plasmid</a>
+
  
 +
               
 
                 </div>
 
                 </div>
 
             </li>
 
             </li>
−
         <!-- NOTEBOOK -->
+
         <!-- TEAM -->
 
             <li class="nav-item dropdown">
 
             <li class="nav-item dropdown">
−
                 <a class="nav-link" href="https://2017.igem.org/Team:NAWI_Graz/Notebook">Notebook</a>
+
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
                Team
 
                 </a>
 
                 </a>
 +
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 +
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Team">NAWI_Graz 2017</a>
 +
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Collaborations">Collaborations</a>
 +
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Attributions">Attributions</a>
 +
                </div>
 
             </li>
 
             </li>
−
         <!-- HUMAN PRACTICES -->
+
   
 +
         <!-- NOTEBOOK -->
 
             <li class="nav-item dropdown">
 
             <li class="nav-item dropdown">
−
                 <a class="nav-link" href="https://2017.igem.org/Team:NAWI_Graz/HP/Silver">Human Practices              </a>
+
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 +
                Lab Book
 +
                </a>
 +
                <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 +
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Notebook">Notebook</a>
 +
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/WP">Working Protocols</a>
 +
                </div>
 
             </li>
 
             </li>
  
−
         <!-- SAFETY -->
+
         <!-- HUMAN PRACTICES -->
−
            <li class="nav-item">
+
−
                <a class="nav-link" href="https://2017.igem.org/Team:NAWI_Graz/Safety">Safety</a>
+
−
            </li>
+
−
        <!-- TEAM -->
+
 
             <li class="nav-item dropdown">
 
             <li class="nav-item dropdown">
 
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
 
                 <a class="nav-link dropdown-toggle" href="#" id="navbarDropdownMenuLink" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
−
                 Team
+
                 Human Practices
 
                 </a>
 
                 </a>
 
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
 
                 <div class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
−
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Team">Team</a>
+
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/HP/Silver">Public Engagement</a>
−
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Collaborations">Collaborations</a>
+
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/HP/Gold">Integrated Human Practices</a>
−
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Attributions">Attributions</a>
+
                <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Discussions">Discussions</a>
 +
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Education">Education</a>
 +
                 <a class="dropdown-item" href="https://2017.igem.org/Team:NAWI_Graz/Interviews">Interviews</a>
 
                 </div>
 
                 </div>
 
             </li>
 
             </li>
−
         </ul>
+
         <!-- SAFETY -->
 +
            <li class="nav-item">
 +
                <a class="nav-link" href="https://2017.igem.org/Team:NAWI_Graz/Safety">Safety</a>
 +
            </li>
 +
    </ul>
  
 
         <ul class="navbar-nav ml-auto">
 
         <ul class="navbar-nav ml-auto">
Line 168: Line 187:
 
         </nav>
 
         </nav>
 
</div>
 
</div>
 +
 +
<button onclick="topFunction()" id="topBtn" class="btn-info" title="Go to top">Go to Top</button>
  
 
     <!-- start of content -->
 
     <!-- start of content -->
  
 
     </html>
 
     </html>

Latest revision as of 02:53, 2 November 2017