Difference between revisions of "Team:NTNU Trondheim/Header"

 
(45 intermediate revisions by 3 users not shown)
Line 4: Line 4:
 
<head>
 
<head>
 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/css/materialize.min.css">
 
   <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0-rc.2/css/materialize.min.css">
−
  <link rel="stylesheet" href="https://static.igem.org/mediawiki/2018/b/bf/T--NTNU_Trondheim--style.txt?action=raw&ctype=text/css">
 
 
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css">
 
   <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css">
  
Line 19: Line 18:
 
   }
 
   }
 
</style>
 
</style>
 +
 +
  <a href="https://2018.igem.org/Team:NTNU_Trondheim">
 +
    <img class="homebtn" src="https://static.igem.org/mediawiki/2018/e/eb/T--NTNU_Trondheim--navlogo.png">
 +
  </a>
  
 
<body>
 
<body>
  
−
<div class="home-btn">
 
−
  <a class="btn-floating btn-large waves-effect waves-light"><i class="material-icons">add</i></a>
 
−
</div>
 
  
 
   <div class="toggle">
 
   <div class="toggle">
−
     <i class="fas fa-bars menu_bar" style="height: 21px; color: #fff"; font-size: 30px;></i>
+
     <i class="fas fa-bars menu_bar fa-2x" style="color: #fff"></i>
 
   </div>
 
   </div>
 
   <div class="nav-wrapper">
 
   <div class="nav-wrapper">
Line 33: Line 33:
  
  
−
      <li class="ntnu_menu_option ntnu_dropdown" style="margin-left: 30px; margin-bottom: 0">
+
        <li class="ntnu_menu_option ntnu_dropdown no-icon">
 
           <a class="ntnu_dropbtn" href="https://2018.igem.org/Team:NTNU_Trondheim" id="menu-home">
 
           <a class="ntnu_dropbtn" href="https://2018.igem.org/Team:NTNU_Trondheim" id="menu-home">
−
            <img src="https://static.igem.org/mediawiki/2018/9/97/T--NTNU_Trondheim--nav_homeicon.png" style="height: 24px; width: auto">
+
            <i class="fas fa-home"></i>
 
           </a>
 
           </a>
−
      </li>
+
        </li>
 +
 
  
 
       <li class="ntnu_menu_option ntnu_dropdown no-icon">
 
       <li class="ntnu_menu_option ntnu_dropdown no-icon">
Line 63: Line 64:
 
           <a href="https://2018.igem.org/Team:NTNU_Trondheim/Experiments">Lab Journal</a>
 
           <a href="https://2018.igem.org/Team:NTNU_Trondheim/Experiments">Lab Journal</a>
 
           <a href="https://2018.igem.org/Team:NTNU_Trondheim/Protocols">Protocols</a>
 
           <a href="https://2018.igem.org/Team:NTNU_Trondheim/Protocols">Protocols</a>
 +
          <a href="https://2018.igem.org/Team:NTNU_Trondheim/Measurement">Measurement</a>
 
           <a href="https://2018.igem.org/Team:NTNU_Trondheim/Safety">Safety</a>
 
           <a href="https://2018.igem.org/Team:NTNU_Trondheim/Safety">Safety</a>
 
         </div>
 
         </div>
Line 71: Line 73:
 
         <div class="ntnu_dropdown_content">
 
         <div class="ntnu_dropdown_content">
 
           <a href="https://2018.igem.org/Team:NTNU_Trondheim/Parts">Parts Overview</a>
 
           <a href="https://2018.igem.org/Team:NTNU_Trondheim/Parts">Parts Overview</a>
−
           <a href="https://2018.igem.org/Team:NTNU_Trondheim/Improve">Improve</a>
+
           <a href="https://2018.igem.org/Team:NTNU_Trondheim/Improve">New Part</a>
 
           <!--
 
           <!--
 
           <a href="https://2018.igem.org/Team:NTNU_Trondheim/Basic_Part">Basic Parts</a>
 
           <a href="https://2018.igem.org/Team:NTNU_Trondheim/Basic_Part">Basic Parts</a>
Line 87: Line 89:
 
         <a href="javascript:void(0)" class="ntnu_dropbtn" id="menu-hp">Human Practices</a>
 
         <a href="javascript:void(0)" class="ntnu_dropbtn" id="menu-hp">Human Practices</a>
 
         <div class="ntnu_dropdown_content">
 
         <div class="ntnu_dropdown_content">
−
           <a href="https://2018.igem.org/Team:NTNU_Trondheim/Human_Practices">Human Practices</a>
+
           <a href="https://2018.igem.org/Team:NTNU_Trondheim/Human_Practices">Integrated Human Practices</a>
 
           <a href="https://2018.igem.org/Team:NTNU_Trondheim/Public_Engagement">Education and Engangement</a>
 
           <a href="https://2018.igem.org/Team:NTNU_Trondheim/Public_Engagement">Education and Engangement</a>
−
          <a href="">Timeline</a>
 
−
          <a href="">Publications</a>
 
 
         </div>
 
         </div>
 
       </li>
 
       </li>
Line 98: Line 98:
 
         <div class="ntnu_dropdown_content" style="min-width: 170px">
 
         <div class="ntnu_dropdown_content" style="min-width: 170px">
 
           <a href="https://2018.igem.org/Team:NTNU_Trondheim/Sponsors">Sponsors</a>
 
           <a href="https://2018.igem.org/Team:NTNU_Trondheim/Sponsors">Sponsors</a>
−
           <a href="https://2018.igem.org/Team:NTNU_Trondheim/Attributions">Attribution</a>
+
           <a href="https://2018.igem.org/Team:NTNU_Trondheim/Attributions">Attributions</a>
 
         </div>
 
         </div>
 
       </li>
 
       </li>
  
 
       <li class="ntnu_menu_option ntnu_dropdown no-icon">
 
       <li class="ntnu_menu_option ntnu_dropdown no-icon">
−
         <a href="javascript:void(0)" class="ntnu_dropbtn" id="menu-jamboree">Giant Jamboree</a>
+
         <a class="ntnu_dropbtn" href="https://2018.igem.org/Team:NTNU_Trondheim/Awards" id="menu-jamboree">Awards</a>
−
        <div class="ntnu_dropdown_content">
+
         </li>
−
          <a href="https://2018.igem.org/Team:NTNU_Trondheim/Applied_Design">Coming soon....</a>
+
−
         </div>
+
−
      </li>
+
 
     </ul>
 
     </ul>
  
Line 129: Line 126:
 
   })
 
   })
 
</script>
 
</script>
−
<script>
 
−
function checkScroll(){
 
−
    var startY = $('.body').height() * 2; //The point where the navbar changes in px
 
  
−
    if($(window).scrollTop() > startY){
+
<script type="text/javascript">
−
        $('.nav-wrapper').addClass("scrolled");
+
$('#clickme').click(function() {
−
    }else{
+
  $('html, body').animate({ scrollTop: $('#welcome').offset().top }, 'slow');
−
        $('.nav-wrapper').removeClass("scrolled");
+
  });
−
    }
+
−
}
+
−
 
+
−
if($('.body').length > 0){
+
−
    $(window).on("scroll load resize", function(){
+
−
        checkScroll();
+
−
    });
+
−
}
+
 
</script>
 
</script>
 +
 
</html>
 
</html>

Latest revision as of 03:15, 18 October 2018