Difference between revisions of "Template:DTU-Denmark"

Line 53: Line 53:
 
         }
 
         }
 
       })
 
       })
 +
 +
 +
 +
 +
 +
 +
 +
function myFunction() {
 +
  var x = document.getElementById("myLinks");
 +
  if (x.style.display === "block") {
 +
    x.style.display = "none";
 +
  } else {
 +
    x.style.display = "block";
 +
  }
 +
}
 +
 +
function myFunction1() {
 +
  var x = document.getElementById("myLinks1");
 +
  if (x.style.display === "block") {
 +
    x.style.display = "none";
 +
  } else {
 +
    x.style.display = "block";
 +
  }
 +
}
 +
 +
function myFunction2() {
 +
  var x = document.getElementById("myLinks2");
 +
  if (x.style.display === "block") {
 +
    x.style.display = "none";
 +
  } else {
 +
    x.style.display = "block";
 +
  }
 +
}
 +
 +
function myFunction3() {
 +
  var x = document.getElementById("myLinks3");
 +
  if (x.style.display === "block") {
 +
    x.style.display = "none";
 +
  } else {
 +
    x.style.display = "block";
 +
  }
 +
}
 +
 +
function myFunction4() {
 +
  var x = document.getElementById("myLinks4");
 +
  if (x.style.display === "block") {
 +
    x.style.display = "none";
 +
  } else {
 +
    x.style.display = "block";
 +
  }
 +
}
 +
 +
function myFunction5() {
 +
  var x = document.getElementById("myLinks5");
 +
  if (x.style.display === "block") {
 +
    x.style.display = "none";
 +
  } else {
 +
    x.style.display = "block";
 +
  }
 +
}
 +
 +
function myFunction6() {
 +
  var x = document.getElementById("myLinks6");
 +
  if (x.style.display === "block") {
 +
    x.style.display = "none";
 +
  } else {
 +
    x.style.display = "block";
 +
  }
 +
}
 +
 +
 +
var windowsize = $(window).width();
 +
 +
$(document).ready(function() {
 +
  if ($(window).width()< 800 || isMobileDevice()) {
 +
    //if the window is less than 700 wide then turn on footer as coloumn.
 +
smallscreennavbar();
 +
 +
  } else {
 +
    largescreennavbar();
 +
}
 +
});
 +
 +
function isMobileDevice() {
 +
    return (typeof window.orientation !== "undefined") || (navigator.userAgent.indexOf('IEMobile') !== -1);
 +
};
 +
 +
$(window).resize(function() {
 +
  windowsize = $(window).width();
 +
  if (windowsize < 800 ) {
 +
    //if the window is less than 700 wide then turn on footer as coloumn.
 +
smallscreennavbar();
 +
 +
  } else {
 +
    largescreennavbar();
 +
}
 +
});
 +
 +
function smallscreennavbar() {
 +
    $(".igem_2019_team_menu").addClass("non_displaying_menu");
 +
$(".igem_2019_team_menu").removeClass("displaying_menu");
 +
$("#igem_2019_team_menu_beltbuckle").hide();
 +
 +
 +
  document.getElementById("mobiletopnav").style.display = "block";
 +
 +
}
 +
 +
function largescreennavbar() {
 +
    $(".igem_2019_team_menu").removeClass("non_displaying_menu");
 +
$(".igem_2019_team_menu").addClass("displaying_menu");
 +
$("#igem_2019_team_menu_beltbuckle").show();
 +
 +
 +
      document.getElementById("mobiletopnav").style.display = "none";
 +
 +
 +
 +
}
  
  
Line 98: Line 217:
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
  
−
/*mobile bar that controls the menu*/
+
/*mobile menu bar styling*/
−
.igem_2019_team_mobile_bar {
+
/**************************************************************************************************************************************************************************************************/
−
background-color:#ececec;
+
#mobiletopnav{
−
border-bottom: 1px solid #cecece;
+
−
cursor:pointer;
+
−
display:none;
+
−
float:left;
+
−
margin-top: 0;
+
−
padding: 5px 0;
+
−
position:fixed;
+
−
width:100%;
+
−
}
+
−
+
−
/*mobile logo*/
+
−
.igem_logo_mobile {
+
−
float:left;
+
−
padding-left: 5%;
+
−
width: 30%;
+
−
}
+
  
−
/*image within the mobile logo*/
+
}
−
.igem_logo_mobile img {
+
−
width:70px;
+
−
}
+
−
+
−
/*mobile expand collapse button*/
+
−
.igem_menu_control_mobile {
+
−
float:right;
+
−
padding-right:5%;
+
−
padding-top:5px;
+
−
text-align:right;
+
−
width: 30%;
+
−
}
+
  
−
/*image for mobile expand collapse button*/
+
.topnav {
−
.igem_menu_control_mobile img {
+
display:none;
−
width:25px;
+
  overflow: hidden;
−
}
+
  background-color: #333;
 +
  position: fixed;
 +
width:100%;
 +
z-index:3;
 +
}
  
 +
.topsubnav {
 +
  overflow: hidden;
 +
  background-color: #999;
 +
  position: relative;
 +
  display:none;
 +
}
  
−
/*add extra padding to the menu to improve mobile scrolling*/
+
.topnav #myLinks {
−
.menu_padding{
+
  display: none;
−
float:left;
+
}
−
height:100px;
+
 
 +
.topnav a {
 +
  color: white;
 +
  padding: 14px 16px;
 +
  text-decoration: none;
 +
  font-size: 17px;
 +
  display: block;
 +
}
 +
 
 +
.topnav a.icon {
 +
  background: black;
 +
  display: block;
 +
  position: absolute;
 +
  right: 0;
 +
  top: 0;
 +
}
 +
 
 +
.topnav a:hover {
 +
  background-color: #F8A05B;
 +
  color: black;
 +
}
 +
 
 +
 
 +
.activeMM {
 +
  background-color: #rgba(0, 0, 0, 0.8);;
 +
  color: white;
 +
  padding: 0px 0px;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
.igem_2018_team_menu.displaying_menu{
 +
display:block;
 
}
 
}
  
 +
 +
.igem_2018_team_menu.non_displaying_menu{
 +
display:none;
 +
}
  
 
/**************************************************************************************************************************************************************************************************/
 
/**************************************************************************************************************************************************************************************************/
Line 766: Line 904:
  
  
−
     <nav>
+
     <nav class="igem_2019_team_menu displaying_menu">
 
       <div class="logo">
 
       <div class="logo">
 
         <a href="https://2019.igem.org/Team:DTU-Denmark"><img src="https://static.igem.org/mediawiki/2019/f/fe/T--DTU-Denmark--happylogotemp.png" alt="logo"></a>
 
         <a href="https://2019.igem.org/Team:DTU-Denmark"><img src="https://static.igem.org/mediawiki/2019/f/fe/T--DTU-Denmark--happylogotemp.png" alt="logo"></a>
Line 846: Line 984:
 
       </ul>
 
       </ul>
 
     </nav>
 
     </nav>
 +
 +
 +
 +
 +
 +
 +
<!-- Top Navigation Menu -->
 +
<div id="mobiletopnav" class="topnav">
 +
  <a href="https://2019.igem.org/Team:DTU-Denmark" class="activeMM" >Hyphae Hackers</a>
 +
 
 +
  <div id="myLinks">
 +
   
 +
    <a href="javascript:void(0);"  onclick="myFunction1()">
 +
    Project
 +
  </a><div id="myLinks1" class="topsubnav">
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Description">Description</a>
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Design">Design</a>
 +
    <a https://2019.igem.org/Team:DTU-Denmark/Results">Results</a>
 +
 +
<!-- <a  style="padding-left:2em" href="https://2018.igem.org/Team:DTU-Denmark/Results-choosing-organism">Choice of Organism</a>
 +
<a  style="padding-left:2em" href="https://2018.igem.org/Team:DTU-Denmark/Results-amilCP">amilCP Expression</a>
 +
<a  style="padding-left:2em" href="https://2018.igem.org/Team:DTU-Denmark/Results-melA">melA Expression</a>
 +
<a  style="padding-left:2em" href="https://2018.igem.org/Team:DTU-Denmark/Results-NAT-1">nat1 Expression</a>
 +
 +
<a  style="padding-left:2em" href="https://2018.igem.org/Team:DTU-Denmark/Ganoderma-protoplastation">Ganoderma Protoplastation</a> -->
 +
 +
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Demonstrate">Demonstrate</a>
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Collaborations">Collaborations</a>
 +
 +
<a href="https://2019.igem.org/Team:DTU-Denmark/Entrepreneurship">Entrepreneurship</a>
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Plant">Plant</a>
 +
<a href="https://2019.igem.org/Team:DTU-Denmark/Measurement">Measurement</a>
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Improve">Improve</a>
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Contribution">Contribution</a>
 +
    </div>
 +
   
 +
    <a href="javascript:void(0);"  onclick="myFunction2()">
 +
    Modelling
 +
  </a><div id="myLinks2" class="topsubnav">
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Model">Model</a>
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Software">Software</a>
 +
    </div>
 +
   
 +
<a href="javascript:void(0);"  onclick="myFunction3()">
 +
    Parts
 +
  </a><div id="myLinks3" class="topsubnav">
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Parts">Parts</a>
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Basic_Part">Basic_Part</a>
 +
<a href="https://2019.igem.org/Team:DTU-Denmark/Composite_Part">Composite_Part</a>
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Part_Collection">Part_Collection</a>
 +
    </div>
 +
   
 +
 +
     
 +
   
 +
        <a href="javascript:void(0);"  onclick="myFunction4()">
 +
    Journal
 +
  </a><div id="myLinks4" class="topsubnav">
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Notebook">Notebook</a>
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Experiments">Experiments</a>
 +
    </div>
 +
   
 +
    <a href="javascript:void(0);"  onclick="myFunction5()">
 +
    People
 +
  </a><div id="myLinks5" class="topsubnav">
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Team">Team Members</a>
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Attributions">Attributions</a>
 +
    </div>
 +
   
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Safety">Safety</a>
 +
   
 +
    <a href="javascript:void(0);"  onclick="myFunction6()">
 +
    Human Practices
 +
  </a><div id="myLinks6" class="topsubnav">
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Human_Practices">Human Practices</a>
 +
    <a href="https://2019.igem.org/Team:DTU-Denmark/Public_Engagement">Education & Engagement</a>
 +
<a href="https://2019.igem.org/Team:DTU-Denmark/BioBrick_Tutorial">BioBrick Tutorial</a>
 +
    </div>
 +
   
 +
 +
   
 +
 
 +
  </div>
 +
  <a href="javascript:void(0);" class="icon" onclick="myFunction()">
 +
    <i class="fa fa-bars"></i>
 +
  </a>
 +
</div>
 +
  
  

Revision as of 12:35, 5 September 2019