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

 
(169 intermediate revisions by 4 users not shown)
Line 1: Line 1:
−
{{#tag:html|
+
{{:Team:NTNU_Trondheim/Style}}
 +
<html>
  
 +
<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://use.fontawesome.com/releases/v5.1.0/css/all.css">
  
−
<div>
+
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
<ul class="navbar">
+
</head>
−
   <li class="menu_option dropdown">
+
−
    <a class="dropbtn" href="https://2018.igem.org/Team:NTNU_Trondheim" id="menu-home">Home</a>
+
−
  </li>
+
  
 +
<style>
 +
  html {
 +
    padding: 0 !important;
 +
  }
  
−
   <li class="menu_option dropdown no-icon">
+
   #top-menu-under.noprint {
−
    <a href="javascript:void(0)" class="dropbtn" id="menu-team">Team</a>
+
     display: none !important;
−
     <div class="dropdown-content">
+
  }
−
      <a href="https://2018.igem.org/Team:NTNU_Trondheim/Team">Team Members</a>
+
</style>
−
      <a href="https://2018.igem.org/Team:NTNU_Trondheim/Collaborations">Collaborations</a>
+
−
    </div>
+
−
  </li>
+
  
−
    <li class="menu_option dropdown no-icon">
+
  <a href="https://2018.igem.org/Team:NTNU_Trondheim">
−
    <a href="javascript:void(0)" class="dropbtn" id="menu-project">Project</a>
+
    <img class="homebtn" src="https://static.igem.org/mediawiki/2018/e/eb/T--NTNU_Trondheim--navlogo.png">
−
    <div class="dropdown-content">
+
  </a>  
−
      <a href="https://2018.igem.org/Team:NTNU_Trondheim/Description">Description</a>
+
−
      <a href="https://2018.igem.org/Team:NTNU_Trondheim/Design">Design</a>
+
−
      <a href="https://2018.igem.org/Team:NTNU_Trondheim/Experiments">Experiments</a>
+
−
        <a href="https://2018.igem.org/Team:NTNU_Trondheim/Notebook">Notebook</a>
+
−
        <a href="https://2018.igem.org/Team:NTNU_Trondheim/InterLab">InterLab</a>
+
−
        <a href="https://2018.igem.org/Team:NTNU_Trondheim/Model">Model</a>
+
−
        <a href="https://2018.igem.org/Team:NTNU_Trondheim/Results">Results</a>
+
−
        <a href="https://2018.igem.org/Team:NTNU_Trondheim/Demonstrate">Demonstrate</a>
+
−
        <a href="https://2018.igem.org/Team:NTNU_Trondheim/Improve">Improve</a>
+
−
        <a href="https://2018.igem.org/Team:NTNU_Trondheim/Attributions">Attributions</a>
+
−
    </div>
+
−
  </li>
+
  
−
    <li class="menu_option dropdown no-icon">
+
<body>
−
    <a href="javascript:void(0)" class="dropbtn" id="menu-parts">Parts</a>
+
−
    <div class="dropdown-content">
+
−
      <a href="https://2018.igem.org/Team:NTNU_Trondheim/Parts">Parts Overview</a>
+
−
      <a href="https://2018.igem.org/Team:NTNU_Trondheim/Basic_Part">Basic Parts</a>
+
−
      <a href="https://2018.igem.org/Team:NTNU_Trondheim/Composite_Part">Composite Parts</a>
+
−
      <a href="https://2018.igem.org/Team:NTNU_Trondheim/Part_Collection">Part Collection</a>
+
−
    </div>
+
−
  </li>
+
  
−
    <li class="menu_option dropdown no-icon">
 
−
      <a class="dropbtn" href="https://2018.igem.org/Team:NTNU_Trondheim/Safety" id="menu-safety">Safety</a>
 
−
    </li>
 
  
−
    <li class="menu_option dropdown no-icon">
+
  <div class="toggle">
−
     <a href="javascript:void(0)" class="dropbtn" id="menu-hp">Human Practices</a>
+
     <i class="fas fa-bars menu_bar fa-2x" style="color: #fff"></i>
−
    <div class="dropdown-content">
+
  </div>
−
      <a href="https://2018.igem.org/Team:NTNU_Trondheim/Human_Practices">Human Practices</a>
+
  <div class="nav-wrapper">
−
      <a href="https://2018.igem.org/Team:NTNU_Trondheim/Public_Engagement">Education and Engangement</a>
+
    <ul class="ntnu_navbar">
−
    </div>
+
−
  </li>
+
  
−
        <li class="menu_option dropdown no-icon">
 
−
    <a href="javascript:void(0)" class="dropbtn" id="menu-awards">Awards</a>
 
−
    <div class="dropdown-content">
 
−
      <a href="https://2018.igem.org/Team:NTNU_Trondheim/Applied_Design">Coming soon....</a>
 
−
    </div>
 
−
  </li>
 
  
−
</ul>
+
        <li class="ntnu_menu_option ntnu_dropdown no-icon">
−
</div>
+
          <a class="ntnu_dropbtn" href="https://2018.igem.org/Team:NTNU_Trondheim" id="menu-home">
−
}}
+
            <i class="fas fa-home"></i>
 +
          </a>
 +
        </li>
 +
 
 +
 
 +
      <li class="ntnu_menu_option ntnu_dropdown no-icon">
 +
        <a href="javascript:void(0)" class="ntnu_dropbtn" onclick="void(0)" id="menu-team">Team</a>
 +
        <div class="ntnu_dropdown_content">
 +
          <a href="https://2018.igem.org/Team:NTNU_Trondheim/Team">Team Members</a>
 +
          <a href="https://2018.igem.org/Team:NTNU_Trondheim/Collaborations">Collaborations</a>
 +
        </div>
 +
      </li>
 +
 
 +
      <li class="ntnu_menu_option ntnu_dropdown no-icon">
 +
        <a href="javascript:void(0)" class="ntnu_dropbtn" id="menu-project">Project</a>
 +
        <div class="ntnu_dropdown_content">
 +
          <a href="https://2018.igem.org/Team:NTNU_Trondheim/Description">Description</a>
 +
          <a href="https://2018.igem.org/Team:NTNU_Trondheim/Design">Design</a>
 +
          <a href="https://2018.igem.org/Team:NTNU_Trondheim/Model">Model</a>
 +
          <a href="https://2018.igem.org/Team:NTNU_Trondheim/Results">Results</a>
 +
          <a href="https://2018.igem.org/Team:NTNU_Trondheim/Demonstrate">Demonstrate</a>
 +
        </div>
 +
      </li>
 +
 
 +
      <li class="ntnu_menu_option ntnu_dropdown no-icon">
 +
        <a href="javascript:void(0)" class="ntnu_dropbtn" id="menu-lab">Lab</a>
 +
        <div class="ntnu_dropdown_content">
 +
          <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/Measurement">Measurement</a>
 +
          <a href="https://2018.igem.org/Team:NTNU_Trondheim/Safety">Safety</a>
 +
        </div>
 +
      </li>
 +
 
 +
        <li class="ntnu_menu_option ntnu_dropdown no-icon">
 +
        <a href="javascript:void(0)" class="ntnu_dropbtn" id="menu-parts">Parts</a>
 +
        <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/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/Composite_Part">Composite Parts</a>
 +
          <a href="https://2018.igem.org/Team:NTNU_Trondheim/Part_Collection">Part Collection</a>
 +
          -->
 +
        </div>
 +
      </li>
 +
 
 +
        <li class="ntnu_menu_option ntnu_dropdown no-icon">
 +
          <a class="ntnu_dropbtn" href="https://2018.igem.org/Team:NTNU_Trondheim/InterLab" id="menu-interlabs">InterLab</a>
 +
        </li>
 +
 
 +
        <li class="ntnu_menu_option ntnu_dropdown no-icon">
 +
        <a href="javascript:void(0)" class="ntnu_dropbtn" id="menu-hp">Human Practices</a>
 +
        <div class="ntnu_dropdown_content">
 +
          <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>
 +
        </div>
 +
      </li>
 +
 
 +
      <li class="ntnu_menu_option ntnu_dropdown no-icon">
 +
        <a href="javascript:void(0)" class="ntnu_dropbtn" id="menu-acknowledge">Acknowledgements</a>
 +
        <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/Attributions">Attributions</a>
 +
        </div>
 +
      </li>
 +
 
 +
      <li class="ntnu_menu_option ntnu_dropdown no-icon">
 +
        <a class="ntnu_dropbtn" href="https://2018.igem.org/Team:NTNU_Trondheim/Awards" id="menu-jamboree">Awards</a>
 +
        </li>
 +
    </ul>
 +
 
 +
  </div>
 +
 
 +
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
 +
<script type="text/javascript">
 +
  $(document).ready(function () {
 +
      $('.menu_bar').click(function () {
 +
          $('ul.ntnu_navbar').toggleClass('active');
 +
          $('.toggle').toggleClass('active');
 +
      })
 +
  })
 +
</script>
 +
 
 +
<script>
 +
    $(document).ready(function () {
 +
      $(':hover').click(function () {
 +
          $(":hover").unbind('mouseenter mouseleave');
 +
      })
 +
  })
 +
</script>
 +
 
 +
<script type="text/javascript">
 +
$('#clickme').click(function() {
 +
  $('html, body').animate({ scrollTop: $('#welcome').offset().top }, 'slow');
 +
  });
 +
</script>
 +
 
 +
</html>

Latest revision as of 03:15, 18 October 2018