Line 1: | Line 1: | ||
− | < | + | <!--CSS template bootstrap, source: https://getbootstrap.com/--> |
+ | {{Team:DTU-Denmark/main.css}} | ||
+ | <!--CSS theme template bootstrap--> | ||
+ | {{Team:DTU-Denmark/main-theme.css}} | ||
+ | <!--JavaScript and jQuery template bootstrap--> | ||
+ | {{Team:DTU-Denmark/javascript.js}} | ||
− | < | + | <!-- Mobile navigation css, source: http://tympanus.net/codrops/2013/04/19/responsive-multi-level-menu/ --> |
− | / | + | {{Team:DTU-Denmark/mobile-nav.css}} |
− | / | + | <!-- Mobile navigation js --> |
− | / | + | {{Team:DTU-Denmark/mobile-nav.js}} |
+ | <!-- Modernizr addon for mobile navigation --> | ||
+ | {{Team:DTU-Denmark/modernizr.js}} | ||
− | + | <!-- Hover --> | |
− | + | {{Team:DTU-Denmark/hover.js}} | |
− | + | <!-- Navigation --> | |
− | + | {{Team:DTU-Denmark/nav.js}} <!-- Add to subbar visibility when hovering--> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | + | <html lang="en"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | / | + | <head> |
− | + | <title>New HTML template for the wiki</title> | |
− | + | <!-- This tells the browser that your page is responsive, from iGEM wiki --> | |
− | content | + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
− | + | ||
− | + | <style type="text/css"> | |
+ | /* Wiki default settings */ | ||
− | . | + | #sideMenu, #top_title, .logo_2016 {display:none;} |
− | + | #content{ width: 100%; margin: 0; padding: 0;} | |
− | } | + | |
− | + | /* Navigation CSS */ | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #top-section { | |
− | + | border: 0 none; | |
− | + | height: 14px; | |
− | } | + | z-index: 100; |
+ | top: 0; | ||
+ | position: fixed; | ||
+ | width: 975px; | ||
+ | left: 50%; | ||
+ | margin-left: -487px; | ||
+ | } | ||
− | + | #globalWrapper, #content { | |
− | color: | + | width: 100%; |
− | } | + | height: 100%; |
+ | border: 0px; | ||
+ | background-color: transparent; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | font-size: 100%; | ||
+ | z-index:0; | ||
+ | } | ||
− | + | li { | |
− | + | margin:0px; | |
− | + | } | |
− | + | ||
− | + | /*Text of top nav*/ | |
− | } | + | #headerWrapper a, |
+ | #headerWrapper a:hover, | ||
+ | #headerWrapper a:visited, | ||
+ | #headerWrapper a:active { | ||
+ | text-decoration:none; | ||
+ | color:black; | ||
+ | } | ||
+ | |||
+ | /*Dimensions and look of top nav*/ | ||
+ | #headerWrapper { | ||
+ | position:fixed; | ||
+ | top:0px; | ||
+ | height: 75px; | ||
+ | width:100%; | ||
+ | background-color:#ffffff; | ||
+ | /*background-color: rgba(0, 0, 0, 0);*/ | ||
+ | z-index:30; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*Text of sub nav*/ | ||
+ | #sub-navigation-wrapper a, | ||
+ | #sub-navigation-wrapper a:hover, | ||
+ | #sub-navigation-wrapper a:visited, | ||
+ | #sub-navigation-wrapper a:active { | ||
+ | text-decoration:none; | ||
+ | color:white; | ||
+ | } | ||
+ | |||
+ | /*Dimensions and look of sub nav*/ | ||
+ | #sub-navigation-wrapper { | ||
+ | clear:both; | ||
+ | position:relative; | ||
+ | background-color: #990000; | ||
+ | color: white; | ||
+ | width:100%; | ||
+ | height: 30px; | ||
+ | padding-top: 7px; | ||
+ | -webkit-box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75); | ||
+ | -moz-box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75); | ||
+ | box-shadow: 0px 7px 5px -3px rgba(50, 50, 50, 0.75); | ||
+ | } | ||
+ | |||
+ | #Topnav { | ||
+ | width:100%; | ||
+ | margin: auto; | ||
+ | } | ||
− | + | /*Dimensions and placement of logo*/ | |
− | + | #logo { | |
− | + | float: left; | |
− | } | + | width: 20%; |
+ | height: 75px; | ||
+ | padding-top: 15px; /* control that it is below the iGEM topbar*/ | ||
+ | margin-bottom: 0px; | ||
+ | } | ||
+ | |||
+ | #logo div { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #logo img.BioBuilders{ | ||
+ | width: 110px; | ||
+ | background: white; | ||
+ | margin-top: 2px; | ||
+ | margin-bottom: 2px; | ||
+ | padding-right: 20px; | ||
+ | border-top: 0px; | ||
+ | border-right: -30px; | ||
+ | border-color: white; | ||
+ | } | ||
+ | |||
+ | #navigation { | ||
+ | float: right; | ||
+ | font-size: 0.93em; | ||
+ | font-weight: 200; | ||
+ | width: 80%; | ||
+ | } | ||
− | + | #navigation ul{ | |
− | + | float: right; | |
− | + | max-margin-right: 20px; | |
− | + | margin-bottom: 0px; | |
− | + | } | |
− | + | ||
− | + | ||
− | } | + | |
− | + | #navigation a{ | |
− | + | padding-left:8px; | |
− | + | } | |
− | + | ||
− | } | + | |
− | + | #sub-navigation { | |
− | + | width:960px; | |
− | + | text-align: left; | |
− | + | font-size: 0.9em; | |
− | + | margin:auto; | |
− | + | font-weight:200; | |
− | + | } | |
− | } | + | |
− | + | #sub-navigation ul { | |
− | + | display: inline; | |
− | + | float:left; | |
− | + | margin-right:10px; | |
− | + | } | |
− | + | ||
− | + | ||
− | } | + | |
− | + | /* This makes the "-" seperators between the subnavigation elements */ | |
− | + | #sub-navigation li:before{ | |
− | + | content:"-"; | |
− | + | padding-right:10px; | |
− | } | + | color:white; |
+ | } | ||
− | + | /*These next four elements make space between the "-" and the list elements*/ | |
− | + | #sub-navigation li li:before{ | |
− | + | content:" "; | |
− | + | padding-right:5px; | |
− | + | color:white; | |
− | + | } | |
− | } | + | |
− | + | #sub-navigation li:first-child:before{ | |
− | + | content:""; | |
− | + | } | |
− | + | ||
− | + | ||
− | } | + | |
− | + | #sub-navigation li li:first-child:before{ | |
− | + | content:" "; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | . | + | #sub-navigation li.active-item > a{ |
− | + | font-weight: bold; | |
− | + | border-top:2px solid; | |
− | + | } | |
− | + | ||
− | } | + | |
− | + | /*#sub-navigation ul ul { | |
− | + | display: none; | |
− | + | }*/ | |
− | } | + | |
− | + | #sub-navigation li.current ul { | |
− | + | display: inline; | |
− | } | + | } |
− | + | #sub-navigation ul ul { | |
− | + | color:white; | |
− | + | padding-left:0px; | |
− | } | + | } |
− | + | #sub-navigation li { | |
− | + | display: inline; | |
− | + | float: left; | |
− | + | padding-left: 10px; | |
− | } | + | } |
− | + | #sub-navigation li li{ | |
− | + | display: inline; | |
− | + | float: left; | |
− | + | padding-left: 5px; | |
− | + | font-style: italic; | |
− | + | } | |
− | + | ||
− | } | + | |
− | + | #navigation ul li { | |
− | + | display: inline; | |
− | + | float:left; | |
− | + | } | |
− | + | ||
− | } | + | |
− | + | .nav-item { | |
+ | display: block; | ||
+ | background-size: 32px; | ||
+ | float: left; | ||
+ | /*width:80px;*/ | ||
+ | background-position: center 15px ; | ||
+ | background-repeat: no-repeat; | ||
+ | line-height: 61px; | ||
+ | text-align:center; | ||
+ | padding-top: 10px; | ||
+ | padding-right:10px; | ||
+ | padding-left:10px; | ||
+ | text-transform: uppercase; | ||
+ | } | ||
+ | .carousel-indicators { | ||
+ | text-align:center; | ||
+ | } | ||
+ | .team { | ||
+ | background-image: url(); | ||
+ | } | ||
− | + | .project { | |
− | + | background-image: url(); | |
− | + | } | |
− | + | .results { | |
− | + | background-image: url(); | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | .outreach { | |
− | + | background-image: url(); | |
− | + | } | |
− | + | #Topnav a:hover{ | |
+ | background-color: #990000; | ||
+ | color: white; | ||
+ | } | ||
− | + | #Topnav a.active{ | |
− | + | background-color: #990000; | |
− | + | color: white; | |
− | + | } | |
− | } | + | |
− | + | #sub-navigation > ul { | |
+ | display:none; | ||
+ | } | ||
− | + | body{ | |
− | + | padding-top: 120px; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | /* | + | .anchor{ |
+ | display: block; | ||
+ | height: 120px; /*same height as Topnav+subnav*/ | ||
+ | margin-top: -120px; /*same height as Topnav+subnav*/ | ||
+ | visibility: hidden; | ||
+ | } | ||
− | .dl-menuwrapper { | + | #mobile-navigation { |
− | + | display:none; | |
− | + | } | |
− | + | ||
− | + | /*#dl-menu { | |
− | + | display: none; | |
− | + | } | |
− | + | ||
− | + | .dl-menuwrapper { | |
− | + | display: none; | |
− | } | + | }*/ |
+ | |||
+ | /*.slicknav_menu { | ||
+ | display:none; | ||
+ | }*/ | ||
+ | |||
+ | /*Control that the mobile navigation is shown when screen size is below 991px in width*/ | ||
+ | @media screen and (max-width: 991px) { | ||
+ | |||
+ | /*.slicknav_menu { | ||
+ | display:block; | ||
+ | }*/ | ||
+ | /*#dl-menu { | ||
+ | display: block; | ||
+ | } | ||
+ | .dl-menuwrapper { | ||
+ | display: block; | ||
+ | }*/ | ||
+ | |||
+ | #mobile-navigation { | ||
+ | display: block; | ||
+ | top: 0px; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | |||
+ | |||
+ | /*For TU delft facebook and twitter logos*/ | ||
+ | div#afixLeft{ | ||
+ | width:50px; | ||
+ | position:fixed; | ||
+ | bottom:10%; | ||
+ | left:0; | ||
+ | z-index:11; | ||
+ | } | ||
− | .dl- | + | div#afixRight{ |
− | + | width:50px; | |
− | } | + | position:fixed; |
+ | bottom:10%; | ||
+ | right:0; | ||
+ | z-index:11; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <script> | ||
+ | // Source: http://tympanus.net/codrops/2013/04/19/responsive-multi-level-menu/ | ||
+ | //The plugin for calling the dl-menu, aka the mobile_nav. | ||
+ | $(document).ready(initiateDLmenu); | ||
+ | |||
+ | $(function initiateDLmenu() { | ||
+ | $( '#dl-menu' ).dlmenu({ | ||
+ | animationClasses : { | ||
+ | classin : 'dl-animate-in-2', | ||
+ | classout : 'dl-animate-out-2' | ||
+ | } | ||
+ | }); | ||
+ | $( '#dl-menu' ).hide(); | ||
+ | $('.dl-menuwrapper').addClass('hidden-md'); | ||
+ | $('.dl-menuwrapper').addClass('hidden-lg'); | ||
+ | }); | ||
+ | </script> | ||
+ | <!-- | ||
+ | <script> | ||
+ | //Source: http://slicknav.com/ | ||
+ | $(document).ready(initiateMobileView); | ||
− | . | + | function initiateMobileView() { |
− | + | //$('#sidr').sidr(); | |
− | + | $('#mobile-navigation').slicknav({ | |
− | + | label:'', | |
− | + | closeOnClick:true, | |
− | + | allowParentLinks:true, | |
− | + | prependTo:'#slick-navigation' | |
− | + | }); | |
− | + | $('#mobile-navigation').hide(); | |
− | + | $('.slicknav_menu').addClass('hidden-md'); | |
− | + | $('.slicknav_menu').addClass('hidden-lg'); | |
− | } | + | $('.thumbinner').each(function() { |
+ | $(this).width($(this).width() + 6); | ||
+ | }); | ||
+ | } | ||
+ | </script> | ||
+ | --> | ||
+ | </head> <!-- --> | ||
− | + | <header> | |
− | + | ||
− | + | <!-- Mobile navigation --> | |
− | + | ||
− | + | <div id="mobile-navigation"> | |
+ | <div id="dl-menu" class="dl-menuwrapper"> | ||
+ | <div class="container-fluid demo-2"> <!--Not certain if needed--> | ||
+ | <button class="dl-trigger">Open Menu</button> | ||
+ | <ul class="dl-menu"> | ||
+ | <li> | ||
+ | <a href="#">Achievements</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#">Medal Requirements</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
− | + | <li><a href="#">Project</a> | |
− | + | <ul class="dl-submenu"> | |
− | + | <li><a href="#" class="sub-nav-item">Description</a></li> | |
− | + | <li><a href="#" class="sub-nav-item">Toolbox</a></li> | |
− | + | <li><a href="#" class="sub-nav-item">Substrates</a></li> | |
− | + | <li><a href="#" class="sub-nav-item">Production</a></li> | |
− | + | <li><a href="#" class="sub-nav-item">References</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | ||
− | + | ||
− | + | ||
− | + | <li><a href="#">Parts</a> | |
− | + | <ul class="dl-submenu"> | |
− | + | <li><a href="#" class="sub-nav-item">Overview</a></li> | |
− | + | <li><a href="#" class="sub-nav-item">Parts</a></li> | |
− | + | <li><a href="#" class="sub-nav-item">Part Collection</a></li> | |
− | + | </ul> | |
+ | </li> | ||
+ | |||
+ | <li><a href="#">Notebook</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#" class="sub-nav-item">Work Space</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Safety</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Day Notes</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Protocols</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
− | + | <li><a href="#">Hardware</a> | |
− | + | <ul class="dl-submenu"> | |
− | + | <li><a href="#" class="sub-nav-item">Overview</a></li> | |
+ | <li><a href="#" class="sub-nav-item">Measuring Growth</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">The Spectrometer</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Design and Integration</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">DIY Manuals</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Protocols</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
− | + | <li><a href="#">Modeling</a> | |
− | + | <ul class="dl-submenu"> | |
− | + | <li><a href="#" class="sub-nav-item">Overview</a></li> | |
− | + | <li><a href="#" class="sub-nav-item">Metabolic Modeling</a></li> | |
− | + | </ul> | |
− | + | </li> | |
− | + | ||
− | + | <li><a href="#">Practices</a> | |
− | + | <ul class="dl-submenu"> | |
− | + | <li><a href="#" class="sub-nav-item">Overview</a></li> | |
+ | <li><a href="#" class="sub-nav-item">Regulations</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Ethics</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Experts' Opinions</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">iGEM Community</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Outreach</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="#">Collaboration</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#" class="sub-nav-item">Overview</a></li> | ||
+ | <li><a href="#">Sharing CRISPR</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">DTU BioBrick Tutorial</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Cooperations</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="#">Attributions</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#" class="sub-nav-item">Team Members</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Advisors</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Team Work Attributions</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Media</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Sponsors</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Acknowledgements</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="#">Interlab</a> | ||
+ | <ul class="dl-submenu"> | ||
+ | <li><a href="#" class="sub-nav-item">Results</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Protocols</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div><!-- /dl-menuwrapper --> | ||
+ | </div> | ||
+ | |||
+ | </div><!-- /Mobile navigation --> | ||
− | + | <!-- Computer navigation --> | |
− | + | <div id="headerWrapper" class="hidden-xs hidden-sm"> | |
− | + | <!-- Top navigation bar --> | |
+ | <div id="Topnav"> | ||
+ | <div id="logo"> | ||
+ | <a href="https://2016.igem.org/Team:DTU-Denmark"> | ||
+ | <img class="BioBuilders" src="https://static.igem.org/mediawiki/2016/0/08/DTU-Denmark-Logo-150x80.png" alt="DTU-Denmark Logo"> | ||
+ | </a> | ||
+ | |||
+ | |||
+ | <!--<div class=col2> Social media logos and links | ||
+ | <div class="row1"> | ||
+ | <p>FOLLOW US</p> | ||
+ | </div> | ||
− | + | <div class="row2"> | |
− | + | <div class="col2-1"> | |
− | + | <a href="https://www.facebook.com/dtubiobuilders"> | |
− | + | <img class="SocialMedia" src="https://static.igem.org/mediawiki/2016/6/6c/T--DTU-Denmark--FB_logo_60px.png" alt="Facebook link"> | |
+ | </a> | ||
+ | </div> | ||
+ | <div class="col2-2"> | ||
+ | <a href="https://twitter.com/igem_dtu"> | ||
+ | <img class="SocialMedia" src="https://static.igem.org/mediawiki/2016/d/db/T--DTU-Denmark--Twitter-logo_60px.png" alt="Twitter link"> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div>--> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div id="navigation"> | ||
+ | <ul id="nav-items"> | ||
+ | <li><a href="#" class="achievements nav-item" id="achievements"><strong>Achievements</strong></a></li> | ||
+ | <li><a href="#" class="project nav-item" id="project"><strong>Project</strong></a></li> | ||
+ | <li><a href="#" class="results nav-item" id="parts"><strong>Parts</strong></a></li> | ||
+ | <li><a href="#" class="notebook nav-item" id="notebook"><strong>Notebook</strong></a></li> | ||
+ | <li><a href="#" class="hardware nav-item" id="hardware"><strong>Hardware</strong></a></li> | ||
+ | <li><a href="#" class="modeling nav-item" id="modeling"><strong>Modeling</strong></a></li> | ||
+ | <li><a href="#" class="practices nav-item" id="practices"><strong>Practices</strong></a></li> | ||
+ | <li><a href="#" class="collaborations nav-item" id="collaborations"><strong>Collaboration</strong></a></li> | ||
+ | <li><a href="#" class="attributions nav-item" id="attributions"><strong>Attributions</strong></a></li> | ||
+ | <li><a href="#" class="interlab nav-item" id="interlab"><strong>InterLab</strong></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> <!--/ Top navigation bar --> | ||
+ | |||
+ | |||
+ | <!-- Sub navigation bar --> | ||
+ | <div id="sub-navigation-wrapper"> | ||
+ | <div id="sub-navigation"> | ||
+ | |||
+ | <ul id="achievements-sub"> | ||
+ | <li><a href="#" class="sub-nav-item">Medal Requirements</a></li> | ||
+ | </ul> | ||
+ | |||
+ | <ul id="project-sub"> | ||
+ | <li><a href="#" class="sub-nav-item">Description</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Toolbox</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Substrates</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Production</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">References</a></li> | ||
+ | </ul> | ||
+ | |||
+ | <ul id="parts-sub"> | ||
+ | <li><a href="#" class="sub-nav-item">Overview</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Parts</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Part Collection</a></li> | ||
+ | </ul> | ||
+ | |||
+ | <ul id="notebook-sub"> | ||
+ | <li><a href="#" class="sub-nav-item">Work Space</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Safety</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Day Notes</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Protocols</a></li> | ||
+ | </ul> | ||
+ | |||
+ | <ul id="hardware-sub"> | ||
+ | <li><a href="#" class="sub-nav-item">Overview</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Measuring Growth</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">The Spectrometer</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Design and Integration</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">DIY Manuals</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Protocols</a></li> | ||
+ | </ul> | ||
+ | |||
+ | <ul id="modeling-sub"> | ||
+ | <li><a href="#" class="sub-nav-item">Overview</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Metabolic Modeling</a></li> | ||
+ | </ul> | ||
+ | |||
+ | <ul id="practices-sub"> | ||
+ | <li><a href="#" class="sub-nav-item">Overview</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Regulations</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Ethics</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Experts' Opinions</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">iGEM Community</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Outreach</a></li> | ||
+ | </ul> | ||
+ | |||
+ | <ul id="collaborations-sub"> | ||
+ | <li><a href="#" class="sub-nav-item">Overview</a></li> | ||
+ | <li><a href="#">Sharing CRISPR</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">DTU BioBrick Tutorial</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Cooperations</a></li> | ||
+ | </ul> | ||
+ | |||
+ | <ul id="attributions-sub"> | ||
+ | <li><a href="#" class="sub-nav-item">Team Members</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Advisors</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Team Work Attributions</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Media</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Sponsors</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Acknowledgements</a></li> | ||
+ | </ul> | ||
+ | |||
+ | <ul id="interlab-sub"> | ||
+ | <li><a href="#" class="sub-nav-item">Results</a></li> | ||
+ | <li><a href="#" class="sub-nav-item">Protocols</a></li> | ||
+ | </ul> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--/ Computer navigation --> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | </header> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | </body> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <footer> | |
− | + | ||
− | + | </footer> | |
− | + | <!--<script> | |
− | + | var jumboHeight = $('.jumbotron#cover').outerHeight(); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | function parallax() { | |
− | . | + | var scrolled = $(window).scrollTop(); |
− | + | $('.bg').css('height', (jumboHeight - scrolled) + 'px'); | |
} | } | ||
− | + | $(window).scroll(function(e) { | |
− | + | parallax(); | |
− | + | }); | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | } | + | |
− | . | + | </script> |
− | . | + | <script> |
− | . | + | function centerModal() { |
− | . | + | $(this).css('display', 'block'); |
− | + | var $dialog = $(this).find(".modal-dialog"); | |
− | + | var offset = ($(window).height() - $dialog.height()) / 2; | |
+ | // Center modal vertically in window | ||
+ | $dialog.css("margin-top", offset); | ||
} | } | ||
− | + | $('.modal').on('show.bs.modal', centerModal); | |
− | + | $(window).on("resize", function () { | |
− | + | $('.modal:visible').each(centerModal); | |
− | + | }); | |
− | + | </script>--> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | . | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | / | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</html> | </html> |
Revision as of 10:23, 27 July 2016