Difference between revisions of "Template:Heidelberg/navbar"
Lukas Adam (Talk | contribs) |
|||
| (14 intermediate revisions by 2 users not shown) | |||
| Line 4: | Line 4: | ||
</head> | </head> | ||
<body> | <body> | ||
| + | |||
| + | |||
| + | <!-- It was fun! Lots of love from phaetjay (jkreft.de) --> | ||
| + | |||
| + | <!-- Fix for Safari mobile and touch in general --> | ||
| + | |||
| + | <script> | ||
| + | $( document ).ready(function() { | ||
| + | $('#sidebarHide').click(function() { | ||
| + | $('#sidebar').trigger('offcanvas.toggle'); | ||
| + | }); | ||
| + | $('#sidebarCollapse').click(function() { | ||
| + | $('#sidebar').trigger('offcanvas.toggle'); | ||
| + | }); | ||
| + | $('#mw-content-text div').click(function() { | ||
| + | $('#sidebar').trigger('offcanvas.toggle'); | ||
| + | }); | ||
| + | $(window).on('swiperight', function(){ | ||
| + | $('#sidebar').trigger('offcanvas.toggle'); | ||
| + | }); | ||
| + | $(window).on('swipeleft', function(){ | ||
| + | $('#sidebar').trigger('offcanvas.toggle'); | ||
| + | }); | ||
| + | |||
| + | |||
| + | $('#sidenav').find('> li').click(function() { | ||
| + | $(this).find('> ul').trigger('collapse.toggle'); | ||
| + | }); | ||
| + | }); | ||
| + | </script> | ||
| + | <style> | ||
| + | html, | ||
| + | body{ | ||
| + | z-index: 0; | ||
| + | } | ||
| + | </style> | ||
| + | |||
<!-- Top menu --> | <!-- Top menu --> | ||
| − | <nav class="navbar navbar-inverse navbar-fixed-top navbar-no-bg " role="navigation"> | + | <nav style="z-index: 10001;" class="navbar navbar-inverse navbar-fixed-top navbar-no-bg " role="navigation"> |
<div class="container"> | <div class="container"> | ||
<div class="navbar-header"> | <div class="navbar-header"> | ||
| Line 11: | Line 48: | ||
<div class="navbar-brand"> | <div class="navbar-brand"> | ||
<div id="circle"> | <div id="circle"> | ||
| − | <a id="homelink" href="https://2017.igem.org/Team:Heidelberg | + | <a id="homelink" href="https://2017.igem.org/Team:Heidelberg" style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; z-index: 9999;"></a> |
</div> | </div> | ||
</div> | </div> | ||
| Line 27: | Line 64: | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Sponsoring">Sponsoring</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Sponsoring">Sponsoring</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/For_Judges">For Judges</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/For_Judges">For Judges</a></li> | ||
| + | <li class="divider"></li> | ||
| + | <li><a href="https://2017.igem.org/Team:Heidelberg/Jamboree">Giant Jamboree</a></li> | ||
</ul> | </ul> | ||
</li> | </li> | ||
| Line 34: | Line 73: | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Design">Background & Design </a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Design">Background & Design </a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Pace">PACE</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Pace">PACE</a></li> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/Predcel">PREDCEL | + | <li><a href="https://2017.igem.org/Team:Heidelberg/Predcel">PREDCEL</a></li> |
<li class="divider"></li> | <li class="divider"></li> | ||
| + | <li><a href="https://2017.igem.org/Team:Heidelberg/Results">Results Summary</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Validation">Software Validation</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Validation">Software Validation</a></li> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/ | + | <li><a href="https://2017.igem.org/Team:Heidelberg/Organosilicons">Organosilicons</a></li> |
<li><a href="https://2017.igem.org/Team:Heidelberg/Protein_Interaction">Protein Interaction</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Protein_Interaction">Protein Interaction</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Cytochrome_Engineering">Cytochrome Engineering</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Cytochrome_Engineering">Cytochrome Engineering</a></li> | ||
| Line 43: | Line 83: | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/CRISPR">CRISPR Cas9</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/CRISPR">CRISPR Cas9</a></li> | ||
<li class="divider"></li> | <li class="divider"></li> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/InterLab">InterLab</a></li> | + | <li><a href="https://2017.igem.org/Team:Heidelberg/InterLab">InterLab Study</a></li> |
<li><a href="https://2017.igem.org/Team:Heidelberg/Achievements">Achievements</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Achievements">Achievements</a></li> | ||
</ul> | </ul> | ||
| Line 64: | Line 104: | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Model/Mutagenesis_Induction">Mutagenesis Induction</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Mutagenesis_Induction">Mutagenesis Induction</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Model/Mutation_Rate_Estimation">Mutation Rate Estimation</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Mutation_Rate_Estimation">Mutation Rate Estimation</a></li> | ||
| + | <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Lagoon_Contamination">Lagoon Contamination</a></li> | ||
| + | |||
<li><a href="https://2017.igem.org/Team:Heidelberg/Model/Medium_Consumption">Medium Consumption</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Medium_Consumption">Medium Consumption</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Model/Tools">Interactive Web Tools</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Tools">Interactive Web Tools</a></li> | ||
| Line 70: | Line 112: | ||
<li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Software">Software <span class="caret"></span></a> | <li class="dropdown"><a href="https://2017.igem.org/Team:Heidelberg/Software">Software <span class="caret"></span></a> | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/Software">Overview</a></li> | + | <li><a href="https://2017.igem.org/Team:Heidelberg/Software">AiGEM Overview</a></li> |
<li><a href="https://2017.igem.org/Team:Heidelberg/Software/DeeProtein">DeeProtein</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Software/DeeProtein">DeeProtein</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Software/GAIA">GAIA</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Software/GAIA">GAIA</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Software/SafetyNet">SafetyNet</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Software/SafetyNet">SafetyNet</a></li> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/Software/ | + | <li><a href="https://2017.igem.org/Team:Heidelberg/Software/MAWS">MAWS 2.0</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
| Line 80: | Line 122: | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Human_Practices">Overview</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Human_Practices">Overview</a></li> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/ | + | <li><a href="https://2017.igem.org/Team:Heidelberg/HP/Gold_Integrated">Integrated Human Practices</a></li> |
<li><a href="https://2017.igem.org/Team:Heidelberg/Interviews">Expert Interviews</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Interviews">Expert Interviews</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Safety">Safety & Security</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Safety">Safety & Security</a></li> | ||
| Line 87: | Line 129: | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Education">Education</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Education">Education</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Collaborations">Collaborations</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Collaborations">Collaborations</a></li> | ||
| − | |||
| − | |||
| − | |||
</ul> | </ul> | ||
| Line 98: | Line 137: | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Experiments">Methods</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Experiments">Methods</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Materials">Materials</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Materials">Materials</a></li> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/ | + | <li><a href="https://2017.igem.org/Team:Heidelberg/Database">Notebook Database</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/Toolbox">Toolbox</a></li> | + | <li><a href="https://2017.igem.org/Team:Heidelberg/Toolbox">Toolbox Guide</a></li> |
</ul> | </ul> | ||
</div> | </div> | ||
| Line 109: | Line 148: | ||
</nav> | </nav> | ||
| − | <nav id="sidebar" style="background-color: white;border: none;box-shadow:1px 0px 0px #393939;" class="navmenu navmenu-default navmenu-fixed-left offcanvas" role="navigation"> | + | |
| + | |||
| + | <nav id="sidebar" style="z-index: 10001; background-color: white;border: none;box-shadow:1px 0px 0px #393939;" class="navmenu navmenu-default navmenu-fixed-left offcanvas" role="navigation"> | ||
<a class="navmenu-brand" href="https://2017.igem.org/Team:Heidelberg"><img src="https://static.igem.org/mediawiki/2017/8/8f/Heidelberg_2017_phage_logo.svg"><br><br> iGEM TEAM HEIDELBERG 2017</a> | <a class="navmenu-brand" href="https://2017.igem.org/Team:Heidelberg"><img src="https://static.igem.org/mediawiki/2017/8/8f/Heidelberg_2017_phage_logo.svg"><br><br> iGEM TEAM HEIDELBERG 2017</a> | ||
| − | + | ||
| + | <div id="sidebarHide" data-toggle="offcanvas" data-target="#sidebar" style="padding-left: 20px;"> | ||
| + | <hr> | ||
| + | <a style="font-family: 'Josefin Sans' !important; font-size: 16px; line-height: 18px; height: 18px;"> COLLAPSE NAVIGATION </a> | ||
| + | <hr> | ||
| + | </div> | ||
| + | |||
<ul class="nav navmenu-nav" id="sidenav"> | <ul class="nav navmenu-nav" id="sidenav"> | ||
<li><a data-toggle="collapse" data-target="#People_side">People <i class="fa fa-fw fa-caret-down"></i></a> | <li><a data-toggle="collapse" data-target="#People_side">People <i class="fa fa-fw fa-caret-down"></i></a> | ||
| Line 119: | Line 166: | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Sponsoring">Sponsoring</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Sponsoring">Sponsoring</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/For_Judges">For Judges</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/For_Judges">For Judges</a></li> | ||
| + | <li><a href="https://2017.igem.org/Team:Heidelberg/Jamboree">Giant Jamboree</a></li> | ||
</ul> | </ul> | ||
| Line 128: | Line 176: | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Design">Background & Design </a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Design">Background & Design </a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Pace">PACE</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Pace">PACE</a></li> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/Predcel">PREDCEL | + | <li><a href="https://2017.igem.org/Team:Heidelberg/Predcel">PREDCEL</a></li> |
| + | <li><a href="https://2017.igem.org/Team:Heidelberg/Results">Results Summary</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Validation">Software Validation</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Validation">Software Validation</a></li> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/ | + | <li><a href="https://2017.igem.org/Team:Heidelberg/Organosilicons">Organosilicons</a></li> |
<li><a href="https://2017.igem.org/Team:Heidelberg/Protein_Interaction">Protein Interaction</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Protein_Interaction">Protein Interaction</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Cytochrome_Engineering">Cytochrome Engineering</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Cytochrome_Engineering">Cytochrome Engineering</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Optogenetics">Optogenetics</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Optogenetics">Optogenetics</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/CRISPR">CRISPR Cas9</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/CRISPR">CRISPR Cas9</a></li> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/InterLab">InterLab</a></li> | + | <li><a href="https://2017.igem.org/Team:Heidelberg/InterLab">InterLab Study</a></li> |
<li><a href="https://2017.igem.org/Team:Heidelberg/Achievements">Achievements</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Achievements">Achievements</a></li> | ||
</ul> | </ul> | ||
| Line 141: | Line 190: | ||
| − | <li><a data-toggle="collapse" data-target="# | + | <li><a data-toggle="collapse" data-target="#Parts_side">Parts <i class="fa fa-fw fa-caret-down"></i></a> |
| − | <ul id=" | + | <ul id="Parts_side" class="collapse side"> |
<li><a href="https://2017.igem.org/Team:Heidelberg/Parts">Overview</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Parts">Overview</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Basic_Part">Basic Parts</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Parts#Basic_Part">Basic Parts</a></li> | ||
| Line 160: | Line 209: | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Model/Mutagenesis_Induction">Mutagenesis Induction</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Mutagenesis_Induction">Mutagenesis Induction</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Model/Mutation_Rate_Estimation">Mutation Rate Estimation</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Mutation_Rate_Estimation">Mutation Rate Estimation</a></li> | ||
| + | <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Lagoon_Contamination">Lagoon Contamination</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Model/Medium_Consumption">Medium Consumption</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Medium_Consumption">Medium Consumption</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Model/Tools">Interactive Web Tools</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Model/Tools">Interactive Web Tools</a></li> | ||
| Line 166: | Line 216: | ||
<li><a data-toggle="collapse" data-target="#AI_side">Software <i class="fa fa-fw fa-caret-down"></i></a> | <li><a data-toggle="collapse" data-target="#AI_side">Software <i class="fa fa-fw fa-caret-down"></i></a> | ||
<ul id="AI_side" class="collapse side"> | <ul id="AI_side" class="collapse side"> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/Software">Overview</a></li> | + | <li><a href="https://2017.igem.org/Team:Heidelberg/Software">AiGEM Overview</a></li> |
<li><a href="https://2017.igem.org/Team:Heidelberg/Software/DeeProtein">DeeProtein</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Software/DeeProtein">DeeProtein</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Software/GAIA">GAIA</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Software/GAIA">GAIA</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Software/SafetyNet">SafetyNet</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Software/SafetyNet">SafetyNet</a></li> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/Software/ | + | <li><a href="https://2017.igem.org/Team:Heidelberg/Software/MAWS">MAWS 2.0</a></li> |
</ul> | </ul> | ||
</li> | </li> | ||
| Line 178: | Line 228: | ||
| − | <li><a data-toggle="collapse" data-target="#HP_side">Human | + | <li><a data-toggle="collapse" data-target="#HP_side">Human Practices <i class="fa fa-fw fa-caret-down"></i></a> |
<ul id="HP_side" class="collapse side"> | <ul id="HP_side" class="collapse side"> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Human_Practices">Overview</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Human_Practices">Overview</a></li> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/ | + | <li><a href="https://2017.igem.org/Team:Heidelberg/HP/Gold_Integrated">Integrated Human Practices</a></li> |
<li><a href="https://2017.igem.org/Team:Heidelberg/Interviews">Expert Interviews</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Interviews">Expert Interviews</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Safety">Safety & Security</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Safety">Safety & Security</a></li> | ||
| Line 187: | Line 237: | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Education">Education</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Education">Education</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Collaborations">Collaborations</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Collaborations">Collaborations</a></li> | ||
| − | |||
| − | |||
</ul> | </ul> | ||
| Line 199: | Line 247: | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Experiments">Methods</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Experiments">Methods</a></li> | ||
<li><a href="https://2017.igem.org/Team:Heidelberg/Materials">Materials</a></li> | <li><a href="https://2017.igem.org/Team:Heidelberg/Materials">Materials</a></li> | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/ | + | <li><a href="https://2017.igem.org/Team:Heidelberg/Database">Notebook Database</a></li> |
</ul> | </ul> | ||
| Line 205: | Line 253: | ||
| − | <li><a href="https://2017.igem.org/Team:Heidelberg/Toolbox">Toolbox</a></li> | + | <li><a href="https://2017.igem.org/Team:Heidelberg/Toolbox">Toolbox Guide</a></li> |
</ul> | </ul> | ||
</nav> | </nav> | ||
</body> | </body> | ||
</html> | </html> | ||
Latest revision as of 19:15, 14 December 2017
