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

 
(176 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{:Team:NTNU_Trondheim/Style}}
 
{{:Team:NTNU_Trondheim/Style}}
−
 
 
<html>
 
<html>
 +
 
<head>
 
<head>
−
    <link rel="stylesheet" href="style.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://use.fontawesome.com/releases/v5.1.0/css/all.css" integrity="sha384-lKuwvrZot6UHsBSfcMvOkWwlCMgc0TaWr+30HWe3a4ltaBwTZhyTEggF5tJv8tbt" crossorigin="anonymous">
+
  <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.1.0/css/all.css">
−
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
+
 
−
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
</head>
 
</head>
  
 +
<style>
 +
  html {
 +
    padding: 0 !important;
 +
  }
 +
 +
  #top-menu-under.noprint {
 +
    display: none !important;
 +
  }
 +
</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>
 +
 +
 +
  <div class="toggle">
 +
    <i class="fas fa-bars menu_bar fa-2x" style="color: #fff"></i>
 +
  </div>
 +
  <div class="nav-wrapper">
 +
    <ul class="ntnu_navbar">
 +
 +
 +
        <li class="ntnu_menu_option ntnu_dropdown no-icon">
 +
          <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>
  
−
<nav>
+
        <li class="ntnu_menu_option ntnu_dropdown no-icon">
−
<ul class="navbar">
+
        <a href="javascript:void(0)" class="ntnu_dropbtn" id="menu-parts">Parts</a>
−
  <li class="menu_option dropdown">
+
        <div class="ntnu_dropdown_content">
−
    <a class="dropbtn" href="https://2018.igem.org/Team:NTNU_Trondheim" id="menu-home"><i class="small material-icons" style="font-size: 19px; margin-bottom: 0px; pagging-bottom: 0px;" data-background-color="white">home</i></a>
+
          <a href="https://2018.igem.org/Team:NTNU_Trondheim/Parts">Parts Overview</a>
−
  </li>
+
          <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="menu_option dropdown no-icon">
+
        <li class="ntnu_menu_option ntnu_dropdown no-icon">
−
    <a href="javascript:void(0)" class="dropbtn" id="menu-team">Team</a>
+
          <a class="ntnu_dropbtn" href="https://2018.igem.org/Team:NTNU_Trondheim/InterLab" id="menu-interlabs">InterLab</a>
−
    <div class="dropdown-content">
+
        </li>
−
      <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="menu_option dropdown no-icon">
+
        <li class="ntnu_menu_option ntnu_dropdown no-icon">
−
    <a href="javascript:void(0)" class="dropbtn" id="menu-project">Project</a>
+
        <a href="javascript:void(0)" class="ntnu_dropbtn" id="menu-hp">Human Practices</a>
−
    <div class="dropdown-content">
+
        <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/Human_Practices">Integrated Human Practices</a>
−
      <a href="https://2018.igem.org/Team:NTNU_Trondheim/Design">Design</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/Experiments">Experiments</a>
+
         </div>
−
         <a href="https://2018.igem.org/Team:NTNU_Trondheim/Notebook">Notebook</a>
+
      </li>
−
        <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">
+
      <li class="ntnu_menu_option ntnu_dropdown no-icon">
−
    <a href="javascript:void(0)" class="dropbtn" id="menu-parts">Parts</a>
+
        <a href="javascript:void(0)" class="ntnu_dropbtn" id="menu-acknowledge">Acknowledgements</a>
−
    <div class="dropdown-content">
+
        <div class="ntnu_dropdown_content" style="min-width: 170px">
−
      <a href="https://2018.igem.org/Team:NTNU_Trondheim/Parts">Parts Overview</a>
+
          <a href="https://2018.igem.org/Team:NTNU_Trondheim/Sponsors">Sponsors</a>
−
      <a href="https://2018.igem.org/Team:NTNU_Trondheim/Basic_Part">Basic Parts</a>
+
          <a href="https://2018.igem.org/Team:NTNU_Trondheim/Attributions">Attributions</a>
−
      <a href="https://2018.igem.org/Team:NTNU_Trondheim/Composite_Part">Composite Parts</a>
+
        </div>
−
      <a href="https://2018.igem.org/Team:NTNU_Trondheim/Part_Collection">Part Collection</a>
+
      </li>
−
    </div>
+
−
  </li>
+
  
−
    <li class="menu_option dropdown no-icon">
+
      <li class="ntnu_menu_option ntnu_dropdown no-icon">
−
      <a class="dropbtn" href="https://2018.igem.org/Team:NTNU_Trondheim/Safety" id="menu-safety">Safety</a>
+
        <a class="ntnu_dropbtn" href="https://2018.igem.org/Team:NTNU_Trondheim/Awards" id="menu-jamboree">Awards</a>
−
    </li>
+
        </li>
 +
    </ul>
  
−
    <li class="menu_option dropdown no-icon">
+
  </div>
−
    <a href="javascript:void(0)" class="dropbtn" id="menu-hp">Human Practices</a>
+
−
    <div class="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/Public_Engagement">Education and Engangement</a>
+
−
    </div>
+
−
  </li>
+
  
−
        <li class="menu_option dropdown no-icon">
+
<script src="https://code.jquery.com/jquery-3.2.1.js"></script>
−
    <a href="javascript:void(0)" class="dropbtn" id="menu-awards">Awards</a>
+
<script type="text/javascript">
−
    <div class="dropdown-content">
+
  $(document).ready(function () {
−
       <a href="https://2018.igem.org/Team:NTNU_Trondheim/Applied_Design">Coming soon....</a>
+
       $('.menu_bar').click(function () {
−
    </div>
+
          $('ul.ntnu_navbar').toggleClass('active');
−
   </li>
+
          $('.toggle').toggleClass('active');
 +
      })
 +
   })
 +
</script>
  
−
</ul>
+
<script>
−
</nav>
+
    $(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>
 
</html>

Latest revision as of 03:15, 18 October 2018