(Created page with "<style> #home_logo, #sideMenu, #top_title, .patrollink {display:none;} #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} body {background-color:white; }...") |
|||
(73 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
+ | |||
+ | <html lang="en"> | ||
+ | <head> | ||
+ | <meta charset="utf-8"> | ||
+ | <meta http-equiv="x-ua-compatible" content="IE=edge; chrome=1"> <!-- Render Chrome if available or using latest version of Internet Explorer (Recommended). --> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0"> | ||
+ | |||
+ | <title>PLACEHOLDER</title> | ||
+ | |||
+ | <script> | ||
+ | $(function() | ||
+ | { | ||
+ | $(".hamburger").click(function() | ||
+ | { | ||
+ | $(".navigation").toggleClass("open"); | ||
+ | }); | ||
+ | |||
+ | $(".m-dropdown a").click(function(event) | ||
+ | { | ||
+ | var target = $(event.target); | ||
+ | if(!target.siblings().hasClass('show')) | ||
+ | { | ||
+ | $(".m-dropdown-content").removeClass('show'); | ||
+ | target.siblings().addClass('show'); | ||
+ | } | ||
+ | else | ||
+ | { | ||
+ | $(".m-dropdown-content").removeClass('show'); | ||
+ | } | ||
+ | |||
+ | }); | ||
+ | |||
+ | //Navbar Behavior | ||
+ | var prevScrollpos = window.pageYOffset; | ||
+ | window.onscroll = function() { | ||
+ | var currentScrollPos = window.pageYOffset; | ||
+ | //If At (or above @safari) the top | ||
+ | if(currentScrollPos <= 0 ) { | ||
+ | |||
+ | document.getElementById("navbar").style.top = "10px"; | ||
+ | $(".dropdown").removeClass("nomouse"); | ||
+ | if(!$(".dropdown").is(":visible")) | ||
+ | { | ||
+ | |||
+ | $(".navigation").show(); | ||
+ | } | ||
+ | else { $(".navigation").css("display", "");} | ||
+ | return; | ||
+ | } | ||
+ | |||
+ | //If Scrolling Up | ||
+ | if (prevScrollpos > currentScrollPos) { | ||
+ | document.getElementById("navbar").style.top = "10px"; | ||
+ | $(".dropdown").removeClass("nomouse"); | ||
+ | if(!$(".dropdown").is(":visible")) | ||
+ | { | ||
+ | |||
+ | $(".navigation").show(); | ||
+ | } | ||
+ | else { $(".navigation").css("display", "");} | ||
+ | } | ||
+ | //If Scrolling Down | ||
+ | else { | ||
+ | if($(".navigation").hasClass("open"))if(!$(".dropdown").is(":visible")){return;} | ||
+ | document.getElementById("navbar").style.top = "-45px"; | ||
+ | $(".dropdown").addClass("nomouse"); | ||
+ | $(".navigation").hide(); | ||
+ | |||
+ | if($(".dropdown").is(":visible")) | ||
+ | { | ||
+ | $(".navigation").css("display", ""); | ||
+ | } | ||
+ | |||
+ | } | ||
+ | prevScrollpos = currentScrollPos; | ||
+ | } | ||
+ | }); | ||
+ | |||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | <!--HEADER STYLE--> | ||
+ | |||
<style> | <style> | ||
+ | |||
+ | h1,h2,h3,h4,h5,h6{ | ||
+ | font-family: 'Arimo',sans-serif; | ||
+ | font-weight: lighter; | ||
+ | overflow: visible; | ||
+ | } | ||
+ | |||
+ | .container a:visited{ | ||
+ | color: #800080; | ||
+ | } | ||
+ | .nomouse | ||
+ | { | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | #globalWrapper { | ||
+ | font-size: 100% !important; | ||
+ | } | ||
+ | .header-logo | ||
+ | { | ||
+ | margin: -12px; | ||
+ | } | ||
+ | |||
+ | @media screen and (max-width: 800px) { | ||
+ | .header-logo{ | ||
+ | |||
+ | } | ||
+ | } | ||
+ | |||
+ | .hamburger { | ||
+ | position: fixed; | ||
+ | top: 2.25em; | ||
+ | right: 0; | ||
+ | cursor: pointer; | ||
+ | z-index: 1000; | ||
+ | padding: 10px 15px 5px; | ||
+ | } | ||
+ | nav span { | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | .bars { | ||
+ | display: block; | ||
+ | position: relative; | ||
+ | width: 35px; | ||
+ | height: 5px; | ||
+ | background-color: white; | ||
+ | -webkit-transition: all .2s ease; | ||
+ | -moz-transition: all .2s ease; | ||
+ | -ms-transition: all .2s ease; | ||
+ | transition: all .2s ease; | ||
+ | } | ||
+ | .bars:before, .bars:after { | ||
+ | position: absolute; | ||
+ | content: " "; | ||
+ | width: 100%; | ||
+ | height: 5px; | ||
+ | background-color: white; | ||
+ | -webkit-transition: all .2s ease; | ||
+ | -moz-transition: all .2s ease; | ||
+ | -ms-transition: all .2s ease; | ||
+ | transition: all .2s ease; | ||
+ | } | ||
+ | .bars:before { | ||
+ | top: 10px; | ||
+ | } | ||
+ | .bars:after { | ||
+ | bottom: 10px; | ||
+ | } | ||
+ | |||
+ | |||
+ | .open .hamburger .bars { | ||
+ | background-color: transparent; | ||
+ | -webkit-transition: all .2s ease; | ||
+ | -moz-transition: all .2s ease; | ||
+ | -ms-transition: all .2s ease; | ||
+ | transition: all .2s ease; | ||
+ | } | ||
+ | .open .hamburger .bars:before { | ||
+ | top: 0; | ||
+ | -webkit-transform: rotate(-45deg); | ||
+ | -moz-transform: rotate(-45deg); | ||
+ | -ms-transform: rotate(-45deg); | ||
+ | transform: rotate(-45deg); | ||
+ | |||
+ | } | ||
+ | .open .hamburger .bars:after { | ||
+ | bottom: 0; | ||
+ | -webkit-transform: rotate(45deg); | ||
+ | -moz-transform: rotate(45deg); | ||
+ | -ms-transform: rotate(45deg); | ||
+ | transform: rotate(45deg); | ||
+ | } | ||
+ | |||
+ | |||
+ | .menu { | ||
+ | width: 90%; | ||
+ | height: 100%; | ||
+ | font-family: 'Arimo'; | ||
+ | font-style: normal; | ||
+ | font-weight: bold; | ||
+ | background-color: var(--gray); | ||
+ | box-shadow: 0 0 5px rgba(0, 0, 0, 0.7); | ||
+ | position: fixed; | ||
+ | right: -100%; | ||
+ | top: 0; | ||
+ | opacity: 0; | ||
+ | z-index: 999; | ||
+ | margin-top: 0; | ||
+ | -webkit-transition: all .2s ease; | ||
+ | -moz-transition: all .2s ease; | ||
+ | -ms-transition: all .2s ease; | ||
+ | transition: all .2s ease; | ||
+ | } | ||
+ | |||
+ | |||
+ | .open .menu { | ||
+ | right: 0; | ||
+ | opacity: 1; | ||
+ | -webkit-transition: all .2s ease; | ||
+ | -moz-transition: all .2s ease; | ||
+ | -ms-transition: all .2s ease; | ||
+ | transition: all .2s ease; | ||
+ | } | ||
+ | |||
+ | /* Content Style */ | ||
+ | |||
+ | .menu-header | ||
+ | { | ||
+ | background-color: var(--primary-color); | ||
+ | width: 100%; | ||
+ | padding: 10%; | ||
+ | color: white; | ||
+ | |||
+ | } | ||
+ | |||
+ | .menu-header p img | ||
+ | { | ||
+ | padding-right: 5px; | ||
+ | } | ||
+ | |||
+ | .menu-header p | ||
+ | { | ||
+ | font-size: 1.1em !important; | ||
+ | display: flex; | ||
+ | flex-direction: row; | ||
+ | align-items: center; | ||
+ | align-content: center; | ||
+ | } | ||
+ | .menu-header a:link, a:visited | ||
+ | { | ||
+ | color: white; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | .menu-header p | ||
+ | { | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | .menu-footer | ||
+ | { | ||
+ | background-color:var(--primary-color); | ||
+ | width: 100%; | ||
+ | padding: 1%; | ||
+ | bottom: 0px; | ||
+ | position: absolute; | ||
+ | color: white; | ||
+ | display: flex; | ||
+ | flex-direction: row; | ||
+ | align-items: center; | ||
+ | } | ||
+ | |||
+ | .m-dropdown | ||
+ | { | ||
+ | margin: inherit; | ||
+ | |||
+ | } | ||
+ | |||
+ | .menu-content a { | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | padding: 20px; | ||
+ | color: #0e0e0e; | ||
+ | } | ||
+ | |||
+ | |||
+ | .m-dropdown-content | ||
+ | { | ||
+ | transition: max-height .5s ease-in-out, opacity .5s ease; | ||
+ | opacity: 0; | ||
+ | max-height: 0px; | ||
+ | background-color: var(--gray-dark); | ||
+ | display: block; | ||
+ | pointer-events: none; | ||
+ | } | ||
+ | |||
+ | .show { | ||
+ | transition: max-height .5s ease-in, opacity .9s ease; | ||
+ | opacity: 1; | ||
+ | max-height: 1000px ; | ||
+ | pointer-events: all; | ||
+ | } | ||
+ | |||
+ | /*Mobile Navbar Icons/Links Style*/ | ||
+ | |||
+ | .menu-content | ||
+ | { | ||
+ | display: flex; | ||
+ | flex-direction: row; | ||
+ | overflow-y: auto; | ||
+ | height: 71%; | ||
+ | } | ||
+ | |||
+ | .menu-links | ||
+ | { | ||
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | } | ||
+ | |||
+ | .menu-links i | ||
+ | { | ||
+ | font-size: 2em; | ||
+ | position: relative; | ||
+ | top: 9px; | ||
+ | } | ||
+ | |||
+ | /*ICONS*/ | ||
+ | @font-face { | ||
+ | font-family: 'Material Icons'; | ||
+ | font-style: normal; | ||
+ | font-weight: 400; | ||
+ | src: url('https://static.igem.org/mediawiki/2018/8/81/T--WLC-Milwaukee--MaterialIcons-Regular.woff') format('woff'); | ||
+ | } | ||
+ | /*END ICONS*/ | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'Open Sans'; | ||
+ | src: url('https://static.igem.org/mediawiki/2018/4/4d/T--WLC-Milwaukee--OpenSans-Bold.woff') format('woff'); | ||
+ | font-weight: bold; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'Open Sans'; | ||
+ | src: url('https://static.igem.org/mediawiki/2018/5/55/T--WLC-Milwaukee--OpenSans-Regular.woff') format('woff'); | ||
+ | font-weight: normal; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'Arimo'; | ||
+ | src: url('https://static.igem.org/mediawiki/2018/d/d7/T--WLC-Milwaukee--Arimo-Regular.woff') format('woff'); | ||
+ | font-weight: normal; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | |||
+ | @font-face { | ||
+ | font-family: 'Arimo'; | ||
+ | src: url('https://static.igem.org/mediawiki/2018/b/bb/T--WLC-Milwaukee--Arimo-Bold.woff') format('woff'); | ||
+ | font-weight: bold; | ||
+ | font-style: normal; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | /*Main Vars*/ | ||
+ | :root{ | ||
+ | --primary-color: #654ea3; | ||
+ | --primary-dark: #4b3191; | ||
+ | --primary-light: #9981db; | ||
+ | --primary-test: #DAD3EE; | ||
+ | --gray: #F3F3F3; | ||
+ | --gray-dark: rgb(214, 214, 214); | ||
+ | } | ||
+ | |||
+ | html, body { | ||
+ | height: 100%; | ||
+ | min-width: 330px; | ||
+ | } | ||
+ | |||
+ | |||
+ | body { | ||
+ | display: flex; | ||
+ | flex-direction: column; | ||
+ | font-family: 'Open Sans', sans-serif !important; | ||
+ | font: initial !important; | ||
+ | } | ||
+ | .content { | ||
+ | margin-top: 60px; | ||
+ | flex: 1 0 auto; | ||
+ | z-index: 0; | ||
+ | } | ||
+ | .footer { | ||
+ | flex-shrink: 0; | ||
+ | } | ||
+ | |||
+ | body{ | ||
+ | margin: 0; | ||
+ | } | ||
+ | |||
+ | /*Main content container*/ | ||
+ | /*keeps content centered*/ | ||
+ | div.container{ | ||
+ | max-width: 55em; | ||
+ | margin: 5vmax auto; | ||
+ | margin-top: 10vmax; | ||
+ | padding: 0 4vmax; | ||
+ | } | ||
+ | |||
+ | |||
+ | div.row{ | ||
+ | display: inline-block; | ||
+ | width: 100%; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | /*full width container*/ | ||
+ | div.col-lg{ | ||
+ | color: #0e0e0e; | ||
+ | width: 100%; | ||
+ | } | ||
+ | |||
+ | div.container img | ||
+ | { | ||
+ | max-width: 100%; | ||
+ | display: block; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | |||
+ | /*Half width container*/ | ||
+ | div.col-md{ | ||
+ | color: #0e0e0e; | ||
+ | width: calc(50% - 1.5em); | ||
+ | float: left; | ||
+ | padding-right: 1.5em; | ||
+ | } | ||
+ | |||
+ | /*one third width container*/ | ||
+ | div.col-sm{ | ||
+ | color: #0e0e0e; | ||
+ | width: calc(33% - 1.5em); | ||
+ | float: left; | ||
+ | padding-right: 1.5em; | ||
+ | } | ||
+ | |||
+ | h1,h2,h3{ | ||
+ | font-family: 'Arimo', sans-serif !important; | ||
+ | font-weight: lighter !important; | ||
+ | } | ||
+ | |||
+ | p{ | ||
+ | font-family: 'Open sans', sans-serif !important; | ||
+ | line-height: 1.5em !important; | ||
+ | font-size: 1.1em !important; | ||
+ | } | ||
+ | |||
+ | /* Use a media query to add a break point at 800px: */ | ||
+ | @media screen and (max-width: 800px) { | ||
+ | div.col-md, div.col-sm{ | ||
+ | width: 100%; | ||
+ | } | ||
+ | } | ||
+ | |||
+ | |||
+ | /*ICONS*/ | ||
+ | .material-icons { | ||
+ | font-family: 'Material Icons'; | ||
+ | font-weight: normal; | ||
+ | font-style: normal; | ||
+ | font-size: 24px; /* Preferred icon size */ | ||
+ | display: inline-block; | ||
+ | line-height: 1; | ||
+ | text-transform: none; | ||
+ | letter-spacing: normal; | ||
+ | word-wrap: normal; | ||
+ | white-space: nowrap; | ||
+ | direction: ltr; | ||
+ | |||
+ | /* Support for all WebKit browsers. */ | ||
+ | -webkit-font-smoothing: antialiased; | ||
+ | /* Support for Safari and Chrome. */ | ||
+ | text-rendering: optimizeLegibility; | ||
+ | |||
+ | /* Support for Firefox. */ | ||
+ | -moz-osx-font-smoothing: grayscale; | ||
+ | |||
+ | /* Support for IE. */ | ||
+ | font-feature-settings: 'liga'; | ||
+ | } | ||
+ | /*END ICONS*/ | ||
+ | |||
#home_logo, #sideMenu, #top_title, .patrollink {display:none;} | #home_logo, #sideMenu, #top_title, .patrollink {display:none;} | ||
#content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} | #content { margin-left:0px; margin-top:-7px; padding:0px; width:100%;} | ||
body {background-color:white; } | body {background-color:white; } | ||
.judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;} | .judges-will-not-evaluate { border: 4px solid #e4dede; padding: 2% !important; width: 92%!important;} | ||
− | </style> | + | .navbar { |
+ | overflow: hidden; | ||
+ | background-color: var(--primary-color); | ||
+ | font-family: 'Arimo'; | ||
+ | font-style: normal; | ||
+ | font-weight: bold; | ||
+ | z-index: 2; | ||
+ | |||
+ | position: fixed; | ||
+ | top: 10px; | ||
+ | width: 100%; | ||
+ | transition: top 0.3s; | ||
+ | } | ||
+ | |||
+ | .m-facebook | ||
+ | { | ||
+ | |||
+ | } | ||
+ | a::-moz-focus-inner { | ||
+ | border: 0; | ||
+ | } | ||
+ | |||
+ | .shadow | ||
+ | { | ||
+ | -webkit-box-shadow: 0px -31px 12px 33px rgba(0,0,0,0.58); | ||
+ | -moz-box-shadow: 0px -31px 12px 33px rgba(0,0,0,0.58); | ||
+ | box-shadow: 0px -31px 12px 33px rgba(0,0,0,0.58); | ||
+ | } | ||
+ | |||
+ | .navbar a { | ||
+ | float: left; | ||
+ | font-size: 1em; | ||
+ | color: white; | ||
+ | text-align: center; | ||
+ | padding: 1.5em 2em; | ||
+ | text-decoration: none; | ||
+ | display: inline-block; | ||
+ | } | ||
+ | |||
+ | .navbar a.right{ | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | .dropdown { | ||
+ | float: left; | ||
+ | overflow: hidden; | ||
+ | } | ||
+ | |||
+ | .navbar a:hover, .dropdown:hover { | ||
+ | background-color: var(--primary-light); | ||
+ | transition: .23s ease-out all; | ||
+ | } | ||
+ | |||
+ | .dropdown-content { | ||
+ | display: none; | ||
+ | position: fixed; | ||
+ | top: 5.1em; | ||
+ | background-color: var(--primary-color); | ||
+ | min-width: 160px; | ||
+ | border-radius:0px 0px 5px 5px; | ||
+ | -moz-border-radius:0px 0px 5px 5px; | ||
+ | -webkit-border-radius:0px 0px 5px 5px; | ||
+ | } | ||
+ | .dropdown-content::after | ||
+ | { | ||
+ | content: ''; | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | -webkit-box-shadow:0px 13px 18px -8px rgba(0,0,0,0.75); | ||
+ | -moz-box-shadow: 0px 13px 18px -8px rgba(0,0,0,0.75); | ||
+ | box-shadow: 0px 13px 18px -8px rgba(0,0,0,0.75); | ||
+ | z-index: -1; | ||
+ | position: absolute; | ||
+ | border-radius:0px 0px 5px 5px; | ||
+ | -moz-border-radius:0px 0px 5px 5px; | ||
+ | -webkit-border-radius:0px 0px 5px 5px; | ||
+ | } | ||
+ | .dropdown-content a { | ||
+ | float: none; | ||
+ | color: white; | ||
+ | padding: 1em; | ||
+ | min-width: 15em; | ||
+ | text-decoration: none; | ||
+ | display: block; | ||
+ | text-align: left; | ||
+ | |||
+ | border-radius:5px 5px 5px 5px; | ||
+ | -moz-border-radius:5px 5px 5px 5px; | ||
+ | -webkit-border-radius:5px 5px 5px 5px; | ||
+ | } | ||
+ | |||
+ | .dropdown-content > a:hover{ | ||
+ | background-color: var(--primary-dark); | ||
+ | } | ||
+ | |||
+ | .dropdown:hover .dropdown-content { | ||
+ | display: block; | ||
+ | } | ||
+ | .unselectable { | ||
+ | -moz-user-select: none; | ||
+ | -webkit-user-select: none; | ||
+ | -ms-user-select: none; | ||
+ | user-select: none; | ||
+ | } | ||
+ | body{ | ||
+ | margin: 0; | ||
+ | } | ||
+ | .navigation { display: none; } | ||
+ | |||
+ | /* Use a media query to add a breakpoint at 836px: */ | ||
+ | @media only screen and (max-width:836px) { | ||
+ | /* For mobile phones: */ | ||
+ | .navbar a, .navbar .dropdown, .dropdown-content{ | ||
+ | width: 100%; | ||
+ | } | ||
+ | .dropdown{display:none;} | ||
+ | .navbar a { max-width: 40px;} | ||
+ | .navigation { display: block; visibility: visible;} | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <!--END HEADER STYLE--> | ||
+ | |||
+ | |||
+ | </head> | ||
+ | <body class="scroll"> | ||
+ | <!--Desktop Navbar--> | ||
+ | <div id="navbar" class="navbar unselectable shadow"> | ||
+ | <a href="/Team:WLC-Milwaukee"> | ||
+ | <img height="40" title="WLC-Milwaukee iGEM Home" class="header-logo" src="https://static.igem.org/mediawiki/2018/7/7b/T--WLC-Milwaukee--wlcMilwaukeeIgemLogo.png" alt="WLC-Milwaukee"> | ||
+ | </a> | ||
+ | |||
+ | <!--PROJECT DROPDOWN--> | ||
+ | <div class="dropdown"> | ||
+ | <a href="/Team:WLC-Milwaukee/Description">PROJECT</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="\Team:WLC-Milwaukee\Description">Overview</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Background">Background</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Applied_Design">System Design</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Experiments">Wet Lab</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Demonstrate">Results</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Improve">Parts</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--DOCUMENTATION DROPDOWN--> | ||
+ | <div class="dropdown"> | ||
+ | <a href="\Team:WLC-Milwaukee\Judging">DOCUMENTATION</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="\Team:WLC-Milwaukee\Safety">Safety</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Notebook">Timeline</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Judging">Judging</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--HUMAN PRACTICES DROPDOWN--> | ||
+ | <div class="dropdown"> | ||
+ | <a href="\Team:WLC-Milwaukee\HP">HUMAN PRACTICES</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="\Team:WLC-Milwaukee\HP">Overview</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Human_Practices">Investigations and Impact</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Public_Engagement">Outreach</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Collaborations">Collaborations</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--TEAM DROPDOWN--> | ||
+ | <div class="dropdown"> | ||
+ | <a href="\Team:WLC-Milwaukee\Team">TEAM</a> | ||
+ | <div class="dropdown-content"> | ||
+ | <a href="\Team:WLC-Milwaukee\Team">Members</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Attributions">Attributions</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | <!--Mobile Navbar--> | ||
+ | <nav class="navigation"> | ||
+ | <div class="hamburger"> | ||
+ | <span class="bars"></span> | ||
+ | </div> | ||
+ | <div class="menu"> | ||
+ | <div class="menu-header"> | ||
+ | <a href="/Team:WLC-Milwaukee"> | ||
+ | <p> | ||
+ | <img height="40" title="WLC-Milwaukee iGEM Home" src="https://static.igem.org/mediawiki/2018/7/7b/T--WLC-Milwaukee--wlcMilwaukeeIgemLogo.png" alt="WLC-Milwaukee"> | ||
+ | WLC-Milwaukee iGEM | ||
+ | </p> | ||
+ | </a> | ||
+ | </div> | ||
+ | |||
+ | <div class="menu-content"> | ||
+ | <div class="menu-links"> | ||
+ | <!--PROJECT DROPDOWN--> | ||
+ | <div class="m-dropdown"> | ||
+ | <a href="#"> | ||
+ | <i class="material-icons">insert_chart</i> | ||
+ | PROJECT | ||
+ | </a> | ||
+ | <div class="m-dropdown-content"> | ||
+ | <a href="\Team:WLC-Milwaukee\Description">Overview</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Background">Background</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Applied_Design">System Design</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Experiments">Wetlab</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Demonstrate">Results</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Improve">Parts</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--DOCUMENTATION DROPDOWN--> | ||
+ | <div class="m-dropdown"> | ||
+ | <a href="#"> | ||
+ | <i class="material-icons">developer_board</i> | ||
+ | DOCUMENTATION | ||
+ | </a> | ||
+ | <div class="m-dropdown-content"> | ||
+ | <a href="\Team:WLC-Milwaukee\Safety">Safety</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Notebook">Timeline</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Judging">Judging</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!--HUMAN PRACTICES DROPDOWN--> | ||
+ | <div class="m-dropdown"> | ||
+ | <a href="#"> | ||
+ | <i class="material-icons">nature_people</i> | ||
+ | HUMAN PRACTICES | ||
+ | </a> | ||
+ | <div class="m-dropdown-content"> | ||
+ | <a href="\Team:WLC-Milwaukee\HP">Overview</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Human_Practices">Investigations and Impact</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Public_Engagement">Outreach</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Collaborations">Collaborations</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!--TEAM DROPDOWN--> | ||
+ | <div class="m-dropdown"> | ||
+ | <a href="#"> | ||
+ | <i class="material-icons">people</i> | ||
+ | TEAM | ||
+ | </a> | ||
+ | <div class="m-dropdown-content"> | ||
+ | <a href="\Team:WLC-Milwaukee\Team">Members</a> | ||
+ | <a href="\Team:WLC-Milwaukee\Attributions">Attributions</a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | <div class="menu-footer"> | ||
+ | <a href="https://www.facebook.com/WLCiGEM"> | ||
+ | <img class="m-facebook" alt="Facebook" src="https://static.igem.org/mediawiki/2018/f/f5/T--WLC-Milwaukee--facebook.png" width="30"/> | ||
+ | </a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | </nav> | ||
+ | </body> | ||
+ | |||
+ | </html> |
Latest revision as of 02:13, 18 October 2018