Difference between revisions of "Team:BostonU HW"

Line 1: Line 1:
−
{{Global_Menubar}}
 
−
{{Team:BostonU_Hardware/CSS}}
 
 
<html lang="en">
 
<html lang="en">
 
<head>
 
<head>
Line 8: Line 6:
 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
 
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
  
−
<title>BostonU_HW Main Page</title>
+
<title>BostonU_HW</title>
  
 
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
 
<meta content='width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0' name='viewport' />
 +
<style>
 +
 +
/* ADJUSTS DEFAULT iGEM CONTENT */
 +
 +
.logo_2017, #sideMenu, #firstHeading, #bars_item { /* HIDES SOME UNWANTED STUFF COMPLETELY */
 +
    display: none;
 +
}
 +
#globalWrapper, #content { /* MAKES BACKGROUND OF MEDIAWIKI TRANSPARENT */
 +
    background-color: transparent;
 +
}
 +
body, html, #globalWrapper, #bodyContent, #HQ_page {
 +
width: 100%;
 +
margin: 0;
 +
padding: 0;
 +
height: 100%;
 +
}
 +
#content {
 +
width: 100%;
 +
margin: 0;
 +
margin-top: -33px;
 +
padding: 0;
 +
height: 100%;
 +
}
 +
html {
 +
-webkit-font-smoothing: antialiased;
 +
}
 +
#logo{
 +
height:3%;
 +
width:30%;
 +
margin-top: 2%;
 +
}
 +
.dropdown-menu li a{
 +
font-size: 15px !important;
 +
margin-bottom: 5px !important;
 +
margin-top: 5px !important;
 +
padding-left: 16px !important;
 +
padding-right: 16px !important;
 +
padding-top: 10px !important;
 +
padding-bottom: 10px !important;
 +
}
 +
.navbar .navbar-nav > li > a{
 +
font-size: 16px !important;
 +
}
 +
.navbar-header{
 +
width: 300px !important;
 +
}
 +
</style>
  
−
<style>
 
−
#pic1{
 
−
width: 100%;
 
−
height: 100%;
 
−
}
 
−
#wrapper1{
 
−
height: 100%;
 
−
}
 
−
</style>
 
  
 
</head>
 
</head>
Line 26: Line 62:
 
<body>
 
<body>
  
−
<!-- THIS IS MAIN PAGE -->
+
<!-- NAVBAR -->
−
<div class ="landing-page">
+
<nav class="navbar navbar-danger navbar-fixed-top navbar-color-on-scroll">
−
<div class="wrapper" id="wrapper1">
+
<div class="container">
−
<img src="https://static.igem.org/mediawiki/2017/2/22/MainPage.png" id="pic1">
+
        <div class="navbar-header">
−
</div>
+
    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navigation-index">
 +
        <span class="sr-only">Toggle navigation</span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
        <span class="icon-bar"></span>
 +
    </button>
 +
    <a href="https://2017.igem.org/Team:BostonU_HW">
 +
<img src="https://static.igem.org/mediawiki/2017/3/32/MARSNAV.png" alt="MARS Logo" rel="tooltip" title="MARS was developed and designed by the 2017 BU iGEM HW Team" data-placement="bottom" data-html="true" id="logo">
 +
      </a>
 +
    </div>
 +
 
 +
    <div class="collapse navbar-collapse" id="navigation-index">
 +
    <ul class="nav navbar-nav navbar-right">
 +
 
 +
<!-- Team Section -->
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Team
 +
<b class="caret"></b>
 +
</a>
 +
<ul class="dropdown-menu dropdown-menu">
 +
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Team">Meet The Team</a></li>
 +
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Attributions">Attributions</a></li>
 +
<li class="divider"></li>
 +
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Collaboration">iGEM Collaborations</a></li>
 +
</ul>
 +
  <!-- END Team Section -->
 +
 
 +
<!-- Project Section -->
 +
<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Project
 +
<b class="caret"></b>
 +
</a>
 +
<ul class="dropdown-menu dropdown-menu">
 +
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/LearnMARS">What is MARS?</a></li>
 +
<li class="divider"></li>
 +
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/IntrouF">Microfluidics 101</a></li>
 +
<li class="divider"></li>
 +
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Archive">MARS Archive</a></li>
 +
<li class="divider"></li>
 +
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Videos">Video Tutorials</a></li>
 +
<li class="divider"></li>
 +
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/FF">Fluid Functionality</a></li>
 +
</ul>
 +
</li>
 +
<!-- END Project Section -->
 +
 
 +
<!-- Notebook Section -->
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Notebook
 +
<b class="caret"></b>
 +
</a>
 +
<ul class="dropdown-menu dropdown-menu">
 +
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Timeline">Timeline</a></li>
 +
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Chip_Progression">Chip Progression</a></li>
 +
</ul>
 +
<!-- END Notebook Section -->
 +
 
 +
<!-- Human Practices Section -->
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Human Practices
 +
<b class="caret"></b>
 +
</a>
 +
<ul class="dropdown-menu dropdown-menu">
 +
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/HP_Silver">Silver Human Practices</a></li>
 +
<li class="divider"></li>
 +
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/HP_Gold">Integrating Outreach</a></li>
 +
</ul>
 +
<!-- END Human Practices Section -->
 +
 
 +
<!-- Medal Critera Section -->
 +
<li class="dropdown">
 +
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Medal Criteria
 +
<b class="caret"></b>
 +
</a>
 +
<ul class="dropdown-menu dropdown-menu">
 +
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Bronze">Bronze</a></li>
 +
<li class="divider"></li>
 +
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Silver">Silver</a></li>
 +
<li class="divider"></li>
 +
<li class="menu_section"><a href="https://2017.igem.org/Team:BostonU_HW/Gold">Gold</a></li>
 +
</ul>
 +
<!-- Medal Critera Section -->
 +
 
 +
<!-- RANDOM EXAMPLE
 +
<li>
 +
<a href="components-documentation.html" target="_blank">
 +
<i class="material-icons">dashboard</i> Components
 +
</a>
 +
</li>
 +
-->
 +
 
 +
    </ul>
 +
    </div>
 +
 
 +
 
 +
</div>
 +
</nav>
  
−
<!-- This is to test menu -->
 
−
<div class="wrapper">
 
−
<div class="header" style="background-image: url('https://static.igem.org/mediawiki/2017/3/3b/MARS_Flowchart.png');">
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<!-- END OF MAIN PAGE -->
 
  
  
 
</body>
 
</body>
  
−
</html>
 
  
−
{{Team:BostonU_Hardware/Javascript}}
+
</html>

Revision as of 02:10, 26 October 2017

BostonU_HW