Difference between revisions of "Template:MSP-Maastricht/header"

 
Line 1: Line 1:
  
 
<html>
 
<html>
−
    <script>
+
<script>
−
       
+
 
−
        $(document).ready(function() {
+
$(document).ready(function() {
−
                         
+
−
                          //remove the HQ_page id
+
−
                          $("#HQ_page").attr('id','');
+
−
                         
+
−
                         
+
−
                          //highlight current page on the menu
+
−
                          highlight_current_page_menu();
+
−
                         
+
−
                          //accessing submenus
+
−
                          $(".menu_item").click(function(){
+
−
                                                $(".submenu_control_icon", this).toggleClass("open");
+
−
                                                $(this).next(".submenu").fadeToggle(400);
+
−
                                                });
+
−
                         
+
−
                          //mobile menu access
+
−
                          $(".igem_2019_team_mobile_bar").click(function(){
+
−
                                                                $(this).next().toggleClass("displaying_menu");
+
−
                                                                });
+
−
                         
+
−
                          });
+
−
                         
+
−
                         
+
−
                          function highlight_current_page_menu() {
+
−
                             
+
−
                              var page_url="https://2019.igem.org/";
+
−
                              page_url = page_url + wgPageName;
+
−
                              $("a[href$='"+ page_url +"']").children().addClass("current_page");
+
−
                             
+
−
                              //if the page is in a submenu, open the submenu and make the appropiate changes
+
−
                              if( $( ".current_page" ).hasClass( "submenu_item" )){
+
−
                                 
+
−
                                  $(".current_page").parent().parent().fadeToggle(400);
+
−
                                  $(".current_page").parent().parent().prev().addClass("current_page");
+
−
                                  $(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
+
−
                                 
+
−
                              }
+
−
                          }
+
−
    </script>
+
 
      
 
      
−
     <style>
+
     //remove the HQ_page id
−
        /**************************************************************************************************************************************************************************************************/
+
    $("#HQ_page").attr('id','');
−
        /* DEFAULT WIKI SETTINGS */
+
−
        /**************************************************************************************************************************************************************************************************/
+
−
       
+
−
       
+
−
        #home_logo, #sideMenu { display:none; }
+
−
        #sideMenu, #top_title, .patrollink  {display:none;}
+
−
        #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
+
−
        body {background-color:white; }
+
−
        #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
−
        #bodyContent a[href ^="https://"], .link-https { padding-right:0px;}
+
−
       
+
−
        .judges-will-not-evaluate { border: 4px solid #F42534; padding: 2% !important; width: 92%!important;}
+
−
       
+
−
        /**************************************************************************************************************************************************************************************************/
+
−
       
+
−
        </style>
+
 
      
 
      
−
     <head>
+
      
 +
    //highlight current page on the menu
 +
    highlight_current_page_menu();
 +
   
 +
    //accessing submenus
 +
    $(".menu_item").click(function(){
 +
        $(".submenu_control_icon", this).toggleClass("open");
 +
        $(this).next(".submenu").fadeToggle(400);
 +
    });
 +
   
 +
    //mobile menu access
 +
    $(".igem_2019_team_mobile_bar").click(function(){
 +
        $(this).next().toggleClass("displaying_menu");
 +
    });
 +
   
 +
});
 +
 
 +
 
 +
function highlight_current_page_menu() {
 +
   
 +
    var page_url="https://2019.igem.org/";
 +
    page_url = page_url + wgPageName;
 +
    $("a[href$='"+ page_url +"']").children().addClass("current_page");
 +
   
 +
    //if the page is in a submenu, open the submenu and make the appropiate changes
 +
    if( $( ".current_page" ).hasClass( "submenu_item" )){
 
          
 
          
−
         <!-- Basic Page Needs
+
         $(".current_page").parent().parent().fadeToggle(400);
−
        –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+
         $(".current_page").parent().parent().prev().addClass("current_page");
−
         <meta charset="utf-8" />
+
         $(".menu_item.current_page > .submenu_control_icon").toggleClass("open");
−
         <title>ROCKIT</title>
+
−
        <meta name="description" content="An iGEM project" />
+
 
          
 
          
−
        <!-- Mobile Specific Metas
+
    }
−
        –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+
}
−
        <!--    <meta name="viewport" content="width=device-width, initial-scale=1" /> -->
+
</script>
−
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
+
−
       
+
−
        <!-- FONT
+
−
        –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+
−
       
+
−
           
+
−
           
+
−
           
+
−
            <!-- CSS
+
−
            –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+
−
          <link rel="stylesheet" href="https://2019.igem.org/Team:MSP-Maastricht/css/header?action=raw&ctype=text/css">
+
−
                <link rel="stylesheet" href="https://2019.igem.org/Team:MSP-Maastricht/css/header1?action=raw&ctype=text/css" integrity="sha384-wITovz90syo1dJWVh32uuETPVEtGigN07tkttEqPv+uR2SE/mbQcG7ATL28aI9H0" crossorigin="anonymous">
+
−
                    <link rel="stylesheet" href="https://2019.igem.org/Team:MSP-Maastricht/css/header2?action=raw&ctype=text/css"/>
+
−
                        <!-- JS
+
−
                        –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+
−
                      <script src="https://2019.igem.org/Template:MSP-Maastricht/JQueryJS?action=raw&amp;ctype=text/javascript" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
+
−
                        <script src="https://2019.igem.org/Template:MSP-Maastricht/BootstrapJS?action=raw&amp;ctype=text/javascript"></script>  
+
  
−
               
+
<style>
−
                       
+
/**************************************************************************************************************************************************************************************************/
−
                        <!-- KATEX
+
/* DEFAULT WIKI SETTINGS */
−
                        –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+
/**************************************************************************************************************************************************************************************************/
−
                        <script src="https://2019.igem.org/Team:MSP-Maastricht/JSkatex?action=raw&amp;ctype=text/javascript" integrity="sha384-/y1Nn9+QQAipbNQWU65krzJralCnuOasHncUFXGkdwntGeSvQicrYkiUBwsgUqc1" crossorigin="anonymous"></script>
+
−
                        <script src="https://2019.igem.org/Team:MSP-Maastricht/JS?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
+
  
−
                        <script>
+
 
−
                            document.addEventListener("DOMContentLoaded", function() {
+
#home_logo, #sideMenu { display:none; }
−
                                                      renderMathInElement(document.body, {
+
#sideMenu, #top_title, .patrollink  {display:none;}
−
                                                                          delimiters: [{
+
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;}
−
                                                                                      left: "$$",
+
body {background-color:white; }
−
                                                                                      right: "$$",
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
−
                                                                                      display: true
+
#bodyContent a[href ^="https://"], .link-https { padding-right:0px;}
−
                                                                                      },
+
 
−
                                                                                      {
+
.judges-will-not-evaluate { border: 4px solid #F42534; padding: 2% !important; width: 92%!important;}
−
                                                                                      left: "\\[",
+
 
−
                                                                                      right: "\\]",
+
/**************************************************************************************************************************************************************************************************/
−
                                                                                      display: true
+
 
−
                                                                                      },
+
</style>
−
                                                                                      {
+
 
−
                                                                                      left: "$",
+
<head>
−
                                                                                      right: "$",
+
 
−
                                                                                      display: false
+
<!-- Basic Page Needs
−
                                                                                      },
+
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
−
                                                                                      {
+
<meta charset="utf-8" />
−
                                                                                      left: "\\(",
+
<title>ROCKIT</title>
−
                                                                                      right: "\\)",
+
<meta name="description" content="An iGEM project" />
−
                                                                                      display: false
+
 
−
                                                                                      }
+
<!-- Mobile Specific Metas
−
                                                                                      ],
+
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
−
                                                                          throwOnError: false,
+
<!--    <meta name="viewport" content="width=device-width, initial-scale=1" /> -->
−
                                                                          macros: {
+
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" />
−
                                                                          '\\tag': '\\pod\\text'
+
 
−
                                                                          }
+
<!-- FONT
−
                                                                          });
+
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
−
                                                      var eqno = document.querySelectorAll(".katex span > span.mspace.quad");
+
 
−
                                                      for (var i = 0; i < eqno.length; ++i) {
+
 
−
                                                      if (eqno[i].parentNode.className)
+
 
−
                                                      continue;
+
 
−
                                                      var quad = eqno[i];
+
<!-- CSS
−
                                                      var span = quad.parentNode;
+
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
−
                                                      var text = span.nextSibling;
+
<link rel="stylesheet" href="https://2019.igem.org/Team:MSP-Maastricht/css/header?action=raw&ctype=text/css">
−
                                                      var pare = text.nextSibling;
+
<link rel="stylesheet" href="https://2019.igem.org/Team:MSP-Maastricht/css/header1?action=raw&ctype=text/css" integrity="sha384-wITovz90syo1dJWVh32uuETPVEtGigN07tkttEqPv+uR2SE/mbQcG7ATL28aI9H0" crossorigin="anonymous">
−
                                                      span.removeChild(quad);
+
<link rel="stylesheet" href="https://2019.igem.org/Team:MSP-Maastricht/css/header2?action=raw&ctype=text/css"/>
−
                                                      span.appendChild(text);
+
 
−
                                                      span.appendChild(pare);
+
<!-- JS
−
                                                      span.className = 'eqno';
+
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
−
                                                      }
+
<script src="https://2019.igem.org/Template:MSP-Maastricht/JQueryJS?action=raw&amp;ctype=text/javascript" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"></script>
−
                                                      });
+
<script src="https://2019.igem.org/Template:MSP-Maastricht/BootstrapJS?action=raw&amp;ctype=text/javascript"></script>
−
                            </script>
+
 
−
                       
+
 
−
                        <!-- Favicon
+
<!-- KATEX
−
                        –––––––––––––––––––––––––––––––––––––––––––––––––– -->
+
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
 +
<script src="https://2019.igem.org/Team:MSP-Maastricht/JSkatex?action=raw&amp;ctype=text/javascript" integrity="sha384-/y1Nn9+QQAipbNQWU65krzJralCnuOasHncUFXGkdwntGeSvQicrYkiUBwsgUqc1" crossorigin="anonymous"></script>
 +
<script src="https://2019.igem.org/Team:MSP-Maastricht/JS?action=raw&amp;ctype=text/javascript" type="text/javascript"></script>
 +
<script>
 +
document.addEventListener("DOMContentLoaded", function() {
 +
    renderMathInElement(document.body, {
 +
    delimiters: [{
 +
    left: "$$",
 +
    right: "$$",
 +
    display: true
 +
    },
 +
                {
 +
                left: "\\[",
 +
                right: "\\]",
 +
                display: true
 +
                },
 +
                {
 +
                left: "$",
 +
                right: "$",
 +
                display: false
 +
                },
 +
                {
 +
                left: "\\(",
 +
                right: "\\)",
 +
                display: false
 +
                }
 +
                ],
 +
    throwOnError: false,
 +
    macros: {
 +
        '\\tag': '\\pod\\text'
 +
    }
 +
    });
 +
    var eqno = document.querySelectorAll(".katex span > span.mspace.quad");
 +
    for (var i = 0; i < eqno.length; ++i) {
 +
        if (eqno[i].parentNode.className)
 +
            continue;
 +
        var quad = eqno[i];
 +
        var span = quad.parentNode;
 +
        var text = span.nextSibling;
 +
        var pare = text.nextSibling;
 +
        span.removeChild(quad);
 +
        span.appendChild(text);
 +
        span.appendChild(pare);
 +
        span.className = 'eqno';
 +
    }
 +
});
 +
</script>
 +
 
 +
<!-- Favicon
 +
–––––––––––––––––––––––––––––––––––––––––––––––––– -->
 +
 
 +
 
 +
<style>
 +
@media screen and (min-width: 768px){
 +
    CSS
 +
}
 +
 
 +
#custom-nav {
 +
background-color: rgba(255,255,255,0.7);
 +
border: 0;
 +
box-shadow: none;
 +
z-index: 999;
 +
-webkit-transition: background .5s ease-in-out, opacity .5s ease;
 +
-moz-transition: background .5s ease-in-out, opacity .5s ease;
 +
transition: background .5s ease-in-out, opacity .5s ease;
 +
margin-right: -15px;
 +
}
 +
 
 +
#custom-nav .dropdown-menu {
 +
border-radius: 0;
 +
border: none;
 +
border-top: 5px solid transparent;
 +
background-color: rgba(255,255,255,0.7);
 +
-webkit-box-shadow: none;
 +
box-shadow: none;
 +
padding-top: 0;
 +
}
 +
 
 +
#custom-nav .dropdown {
 +
display: inline-block;
 +
padding-right: 25px;
 +
padding-top: 0px;
 +
 
 +
}
 +
 
 +
#custom-nav .t {
 +
padding-top: 50px;
 +
}
 +
 
 +
.t li, a {
 +
    font-size: 18px;
 +
}
 +
 
 +
#custom-nav .container {
 +
padding-top: 25px;
 +
padding-bottom: 25px;
 +
-webkit-transition: padding-top .5s ease, padding-bottom .5s ease;
 +
-moz-transition: padding-top .5s ease, padding-bottom .5s ease;
 +
transition: padding-top .5s ease, padding-top .5s ease, padding-bottom .5s ease;
 +
}
 +
#custom-nav.affix {
 +
top: 0;
 +
min-width: 100%;
 +
background-color: #f8f8f8;
 +
opacity: 0.9;
 +
-webkit-transition: background .5s ease-in-out, opacity .5s ease;
 +
-moz-transition: background .5s ease-in-out, opacity .5s ease;
 +
transition: background .5s ease-in-out, opacity .5s ease;
 +
margin-right: 15px;
 +
}
 +
@media screen and (max-width: 767px){
 +
#wrapwrap {
 +
    padding-top: 50px;
 +
}
 +
.navbar-fixed-top {
 +
    z-index: 999;
 +
}
 +
}
 +
 
 +
.pull-left img {
 +
    border-radius: 25px;
 +
overflow: hidden;
 +
width: 150px;
 +
height: 80px;
 +
    margin-top: 25px;
 +
    margin-right: 15px;
 +
    margin-bottom: 15px;
 
      
 
      
−
                       
+
}
−
                        <style>
+
 
−
                            @media screen and (min-width: 768px){
+
</style>
−
                                CSS
+
<script>
−
                            }
+
$(window).scroll(function() {
−
                       
+
    if ($(".navbar").offset().top > 50) {
−
                        #custom-nav {
+
        $('#custom-nav').addClass('affix');
−
                            background-color: rgba(255,255,255,0.7);
+
        $(".navbar-fixed-top").addClass("top-nav-collapse");
−
                            border: 0;
+
    } else {
−
                            box-shadow: none;
+
        $('#custom-nav').removeClass('affix');
−
                            z-index: 999;
+
        $(".navbar-fixed-top").removeClass("top-nav-collapse");
−
                            -webkit-transition: background .5s ease-in-out, opacity .5s ease;
+
    }
−
                            -moz-transition: background .5s ease-in-out, opacity .5s ease;
+
});
−
                            transition: background .5s ease-in-out, opacity .5s ease;
+
</script>
−
                            margin-right: -15px;
+
 
−
                        }
+
</head>
−
                       
+
<body>
−
                        #custom-nav .dropdown-menu {
+
 
−
                            border-radius: 0;
+
<header>
−
                            border: none;
+
 
−
                            border-top: 5px solid transparent;
+
<nav class="navbar navbar-default navbar-fixed-top" id="custom-nav" style="margin:0px; align:centre;">
−
                            background-color: rgba(255,255,255,0.7);
+
<div class="container-fuid">
−
                            -webkit-box-shadow: none;
+
 
−
                            box-shadow: none;
+
<!-- Brand and toggle get grouped for better mobile display -->
−
                            padding-top: 0;
+
<div class="navbar-header">
−
                        }
+
 
−
                       
+
<!-- Button that toggles the navbar on and off on small screens -->
−
                        #custom-nav .dropdown {
+
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#adopenav" aria-expanded="false">
−
                            display: inline-block;
+
 
−
                            padding-right: 25px;
+
<!-- Hides information from screen readers -->
−
                            padding-top: 0px;
+
<span class="sr-only"></span>
−
                           
+
 
−
                        }
+
<!-- Draws 3 bars in navbar button when in small mode -->
−
                       
+
<span class="icon-bar"></span>
−
                        #custom-nav .t {
+
<span class="icon-bar"></span>
−
                            padding-top: 50px;
+
<span class="icon-bar"></span>
−
                        }
+
</button>
−
                       
+
 
−
                        .t li, a {
+
 
−
                            font-size: 18px;
+
 
−
                        }
+
<!-- Collect the nav links, forms, and other content for toggling -->
−
                       
+
<div class="collapse navbar-collapse" id="adopenav">
−
                        #custom-nav .container {
+
<ul class="nav navbar-nav">
−
                            padding-top: 25px;
+
 
−
                            padding-bottom: 25px;
+
<!-- You'll have to add padding in your image on the top and right of a few pixels (CSS Styling will break the navbar) -->
−
                            -webkit-transition: padding-top .5s ease, padding-bottom .5s ease;
+
<a class="pull-left dropdown" href="https://2019.igem.org/Team:MSP-Maastricht"><img src="https://2019.igem.org/wiki/images/4/47/T--MSP-Maastricht--RocKitLogo.jpg"></a>
−
                            -moz-transition: padding-top .5s ease, padding-bottom .5s ease;
+
 
−
                            transition: padding-top .5s ease, padding-top .5s ease, padding-bottom .5s ease;
+
<!-- Project -->
−
                        }
+
<li class="dropdown t">
−
                        #custom-nav.affix {
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
−
                            top: 0;
+
<ul class="dropdown-menu">
−
                            min-width: 100%;
+
<li><a href="https://2019.igem.org/Team:MSP-Maastricht/Description">Inspiration & Description</a></li>
−
                            background-color: #f8f8f8;
+
<li><a href="https://2019.igem.org/Team:MSP-Maastricht/Design">Background & Design</a></li>
−
                            opacity: 0.9;
+
<li><a href="https://2019.igem.org/Team:MSP-Maastricht/Demonstrate">RocKit</a></li>
−
                            -webkit-transition: background .5s ease-in-out, opacity .5s ease;
+
<li><a href="https://2019.igem.org/Team:MSP-Maastricht/Experiments">Experiments & Results</a></li>
−
                            -moz-transition: background .5s ease-in-out, opacity .5s ease;
+
<li><a href="https://2019.igem.org/Team:MSP-Maastricht/Notebook">Notebook</a></li>
−
                            transition: background .5s ease-in-out, opacity .5s ease;
+
</ul>
−
                            margin-right: 15px;
+
</li>
−
                        }
+
 
−
                        @media screen and (max-width: 767px){
+
<!-- Team -->
−
                            #wrapwrap {
+
<li class="dropdown t">
−
                                padding-top: 50px;
+
<a href="https://2019.igem.org/Team:MSP-Maastricht/Team" role="button">The Team</a>
−
                            }
+
</li>
−
                            .navbar-fixed-top {
+
 
−
                                z-index: 999;
+
<!-- Acknowledgments -->
−
                            }
+
<li class="dropdown t">
−
                        }
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Acknowledgements<span class="caret"></span></a>
−
                       
+
<ul class="dropdown-menu">
−
                        .pull-left img {
+
<li><a href="https://2019.igem.org/Team:MSP-Maastricht/Collaborations">Collaborations</a></li>
−
                            border-radius: 25px;
+
<li><a href="https://2019.igem.org/Team:MSP-Maastricht/Attributions">Attributions</a></li>
−
                            overflow: hidden;
+
<li><a href="https://2019.igem.org/Team:MSP-Maastricht/Sponsors">Sponsors</a></li>
−
                            width: 150px;
+
</ul>
−
                            height: 80px;
+
</li>
−
                            margin-top: 25px;
+
 
−
                            margin-right: 15px;
+
 
−
                            margin-bottom: 15px;
+
<!-- Parts -->
−
                           
+
<li class="dropdown t">
−
                        }
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts<span class="caret"></span></a>
−
                       
+
<ul class="dropdown-menu">
−
                            </style>
+
<li><a href="https://2019.igem.org/Team:MSP-Maastricht/Parts">Overview</a></li>
−
                        <script>
+
<li><a href="https://2019.igem.org/Team:MSP-Maastricht/Basic_Part">Basic Parts</a></li>
−
                            $(window).scroll(function() {
+
<li><a href="https://2019.igem.org/Team:MSP-Maastricht/Composite_Part">Composite Parts</a></li>
−
                                            if ($(".navbar").offset().top > 50) {
+
<!--<li><a href="https://2019.igem.org/Team:MSP-Maastricht/Part_Collection">Part Collection</a></li>-->
−
                                            $('#custom-nav').addClass('affix');
+
</ul>
−
                                            $(".navbar-fixed-top").addClass("top-nav-collapse");
+
</li>
−
                                            } else {
+
 
−
                                            $('#custom-nav').removeClass('affix');
+
<!-- Model -->
−
                                            $(".navbar-fixed-top").removeClass("top-nav-collapse");
+
<li class="dropdown t">
−
                                            }
+
<a href="https://2019.igem.org/Team:MSP-Maastricht/Software" role="button">Software</a>
−
                                            });
+
</li>
−
                            </script>
+
 
−
                       
+
<!-- Human Practices -->
−
                        </head>
+
<li class="dropdown t">
−
    <body>
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices<span class="caret"></span></a>
−
       
+
<ul class="dropdown-menu">
−
        <header>
+
<li><a href="https://2019.igem.org/Team:MSP-Maastricht/Human_Practices">Integrated Human Practices</a></li>
−
           
+
<li><a href="https://2019.igem.org/Team:MSP-Maastricht/Public_Engagement">Education & Engagement </a></li>
−
            <nav class="navbar navbar-default navbar-fixed-top" id="custom-nav" style="margin:0px; align:centre;">
+
<li><a href="https://2019.igem.org/Team:MSP-Maastricht/Outreach">Outreach</a></li>
−
                <div class="container-fuid">
+
</ul>
−
                   
+
</li>
−
                    <!-- Brand and toggle get grouped for better mobile display -->
+
 
−
                    <div class="navbar-header">
+
<!-- BUSINESS -->
−
                       
+
<li class="dropdown t">
−
                        <!-- Button that toggles the navbar on and off on small screens -->
+
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Business<span class="caret"></span></a>
−
                        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#adopenav" aria-expanded="false">
+
<ul class="dropdown-menu">
−
                           
+
<li><a href="https://2019.igem.org/Team:MSP-Maastricht/BusinessPlan">Business plan</a></li>
−
                            <!-- Hides information from screen readers -->
+
<li><a href="https://2019.igem.org/Team:MSP-Maastricht/IP" role="button">Intellectual Property</a></li>
−
                            <span class="sr-only"></span>
+
</ul>
−
                           
+
</li>
−
                            <!-- Draws 3 bars in navbar button when in small mode -->
+
 
−
                            <span class="icon-bar"></span>
+
</ul>
−
                            <span class="icon-bar"></span>
+
</div><!-- /.navbar-collapse -->
−
                            <span class="icon-bar"></span>
+
</div><!-- /.container-fluid -->
−
                        </button>
+
</nav>
−
                       
+
</header>
−
                       
+
 
−
                       
+
 
−
                        <!-- Collect the nav links, forms, and other content for toggling -->
+
</body>
−
                        <div class="collapse navbar-collapse" id="adopenav">
+
</html>
−
                            <ul class="nav navbar-nav">
+
−
                               
+
−
                                <!-- You'll have to add padding in your image on the top and right of a few pixels (CSS Styling will break the navbar) -->
+
−
                                <a class="pull-left dropdown" href="https://2019.igem.org/Team:MSP-Maastricht"><img src="https://2019.igem.org/wiki/images/4/47/T--MSP-Maastricht--RocKitLogo.jpg"></a>
+
−
                               
+
−
                                <!-- Project -->
+
−
                                <li class="dropdown t">
+
−
                                    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project<span class="caret"></span></a>
+
−
                                    <ul class="dropdown-menu">
+
−
                                        <li><a href="https://2019.igem.org/Team:MSP-Maastricht/Description">Inspiration & Description</a></li>
+
−
                                            <li><a href="https://2019.igem.org/Team:MSP-Maastricht/Design">Background & Design</a></li>
+
−
                                            <li><a href="https://2019.igem.org/Team:MSP-Maastricht/Demonstrate">RocKit</a></li>
+
−
                                            <li><a href="https://2019.igem.org/Team:MSP-Maastricht/Experiments">Experiments & Results</a></li>
+
−
                                            <li><a href="https://2019.igem.org/Team:MSP-Maastricht/Notebook">Notebook</a></li>
+
−
                                            </ul>
+
−
                                            </li>
+
−
                                           
+
−
                                            <!-- Team -->
+
−
                                            <li class="dropdown t">
+
−
                                            <a href="https://2019.igem.org/Team:MSP-Maastricht/Team" role="button">The Team</a>
+
−
                                            </li>
+
−
                                           
+
−
                                            <!-- Acknowledgments -->
+
−
                                            <li class="dropdown t">
+
−
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Acknowledgements<span class="caret"></span></a>
+
−
                                            <ul class="dropdown-menu">
+
−
                                            <li><a href="https://2019.igem.org/Team:MSP-Maastricht/Collaborations">Collaborations</a></li>
+
−
                                            <li><a href="https://2019.igem.org/Team:MSP-Maastricht/Attributions">Attributions</a></li>
+
−
                                            <li><a href="https://2019.igem.org/Team:MSP-Maastricht/Sponsors">Sponsors</a></li>
+
−
                                            </ul>
+
−
                                            </li>
+
−
                                           
+
−
                                           
+
−
                                            <!-- Parts -->
+
−
                                            <li class="dropdown t">
+
−
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Parts<span class="caret"></span></a>
+
−
                                            <ul class="dropdown-menu">
+
−
                                            <li><a href="https://2019.igem.org/Team:MSP-Maastricht/Parts">Overview</a></li>
+
−
                                            <li><a href="https://2019.igem.org/Team:MSP-Maastricht/Basic_Part">Basic Parts</a></li>
+
−
                                            <li><a href="https://2019.igem.org/Team:MSP-Maastricht/Composite_Part">Composite Parts</a></li>
+
−
                                            <!--<li><a href="https://2019.igem.org/Team:MSP-Maastricht/Part_Collection">Part Collection</a></li>-->
+
−
                                            </ul>
+
−
                                            </li>
+
−
                                           
+
−
                                            <!-- Model -->
+
−
                                            <li class="dropdown t">
+
−
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Modeling<span class="caret"></span></a>
+
−
                                            <ul class="dropdown-menu">
+
−
                                            <li><a href="https://2019.igem.org/Team:MSP-Maastricht/Model">Model</a></li>
+
−
                                            <li><a href="https://2019.igem.org/Team:MSP-Maastricht/Software">Software</a></li>
+
−
                                            </ul>
+
−
                                            </li>
+
−
                                            <!-- Human Practices -->
+
−
                                            <li class="dropdown t">
+
−
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Human Practices<span class="caret"></span></a>
+
−
                                            <ul class="dropdown-menu">
+
−
                                            <li><a href="https://2019.igem.org/Team:MSP-Maastricht/Human_Practices">Integrated Human Practices</a></li>
+
−
                                            <li><a href="https://2019.igem.org/Team:MSP-Maastricht/Public_Engagement">Education & Engagement </a></li>
+
−
                                            <li><a href="https://2019.igem.org/Team:MSP-Maastricht/Outreach">Outreach</a></li>
+
−
                                            </ul>
+
−
                                            </li>
+
−
                                           
+
−
                                            <!-- BUSINESS -->
+
−
                                            <li class="dropdown t">
+
−
                                            <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Business<span class="caret"></span></a>
+
−
                                            <ul class="dropdown-menu">
+
−
                                            <li><a href="https://2019.igem.org/Team:MSP-Maastricht/BusinessPlan">Business plan</a></li>
+
−
                                            <li><a href="https://2019.igem.org/Team:MSP-Maastricht/IP" role="button">Intellectual Property</a></li>
+
−
                                            </ul>
+
−
                                            </li>
+
−
                                           
+
−
                                            </ul>
+
−
                                            </div><!-- /.navbar-collapse -->
+
−
                                            </div><!-- /.container-fluid -->
+
−
                                            </nav>
+
−
                                            </header>
+
−
                                           
+
−
                                           
+
−
                                            </body>
+
−
                                            </html>
+

Latest revision as of 17:20, 21 October 2019

ROCKIT