Difference between revisions of "Template:Team:Harvard BioDesign/skin2015.css"

 
(3 intermediate revisions by the same user not shown)
Line 1: Line 1:
−
<!--
+
<!-- Prologue by HTML5 UP html5up.net | @n33co Free for personal and commercial use under the CCA 3.0 license (html5up.net/license) -->
−
  Prologue by HTML5 UP
+
−
  html5up.net | @n33co
+
−
  Free for personal and commercial use under the CCA 3.0 license (html5up.net/license)
+
−
-->
+
  
−
<html>
+
<html> <head> <title>Prologue by HTML5 UP</title> <meta charset="utf-8"/> <meta name="viewport" content="width=device-width, initial-scale=1"/> <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]--> <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Harvard_BioDesign/CSS_Scroll0?action=raw&ctype=text/css"/> <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'> <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]--> <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
−
  <head>
+
−
    <title>Prologue by HTML5 UP</title>
+
−
    <meta charset="utf-8" />
+
−
    <meta name="viewport" content="width=device-width, initial-scale=1" />
+
−
    <!--[if lte IE 8]><script src="assets/js/ie/html5shiv.js"></script><![endif]-->
+
−
    <link rel="stylesheet" type="text/css" href="https://2015.igem.org/Template:Harvard_BioDesign/CSS_Scroll0?action=raw&ctype=text/css" />
+
−
    <link href='http://fonts.googleapis.com/css?family=Lato:300,400,700,900' rel='stylesheet' type='text/css'>
+
−
    <!--[if lte IE 8]><link rel="stylesheet" href="assets/css/ie8.css" /><![endif]-->
+
−
    <!--[if lte IE 9]><link rel="stylesheet" href="assets/css/ie9.css" /><![endif]-->
+
  
−
<script>
+
<style>
−
$(document).ready(function () {
+
−
    $(document).on("scroll", onScroll);
+
−
   
+
−
    //smoothscroll
+
−
    $('a[href^="#"]').on('click', function (e) {
+
−
        e.preventDefault();
+
−
        $(document).off("scroll");
+
−
       
+
−
        $('a').each(function () {
+
−
            $(this).removeClass('active');
+
−
        })
+
−
        $(this).addClass('active');
+
−
     
+
−
        var target = this.hash,
+
−
            menu = target;
+
−
        $target = $(target);
+
−
        $('html, body').stop().animate({
+
−
            'scrollTop': $target.offset().top+2
+
−
        }, 500, 'swing', function () {
+
−
            window.location.hash = target;
+
−
            $(document).on("scroll", onScroll);
+
−
        });
+
−
    });
+
−
});
+
  
−
function onScroll(event){
+
/*BUTTON*/ #buttonbox{ position:relative; height:133px; width:134px; margin: 0 auto; }
−
    var scrollPos = $(document).scrollTop();
+
−
    $('#menu-center a').each(function () {
+
−
        var currLink = $(this);
+
−
        var refElement = $(currLink.attr("href"));
+
−
        if (refElement.position().top <= scrollPos && refElement.position().top + refElement.height() > scrollPos) {
+
−
            $('#menu-center ul li a').removeClass("active");
+
−
            currLink.addClass("active");
+
−
        }
+
−
        else{
+
−
            currLink.removeClass("active");
+
−
        }
+
−
    });
+
−
}
+
−
</script>
+
−
<style>
+
  
 +
h4.mid { position: relative; top:90px; text-align:center; text-decoration:none; z-index:1; color:#000; }
  
−
/*BUTTON*/
+
  img.rot { -webkit-transition: -webkit-transform .8s ease-in-out; transition: transform .8s ease-in-out; position:absolute; right:0px; z-index: 5; }
−
#buttonbox{
+
−
  position:relative;
+
−
height:133px;
+
−
width:134px;
+
−
margin: 0 auto;
+
−
/*background-color: #003344;*/
+
  
−
}
+
img.rot:hover { -webkit-transform: rotate(720deg); transform: rotate(720deg); z-index: 5; } /*END OF BUTTON*/ </style>
  
 +
</head> <body>
  
−
h4.mid {
+
  <!-- HEADER --> <div id="header"> <div class="inner"> <div class="top">
−
  position: relative;
+
−
top:90px;
+
−
text-align:center;
+
−
text-decoration:none;
+
−
z-index:1;
+
−
color:#000;
+
−
}
+
  
−
img.rot {
+
<!-- Logo --> <div id="logo"> <span class="harvardLogo"><a href="https://2015.igem.org/Team:Harvard_BioDesign"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo" style="width:212px;height:144px;"/></a></span> <!-- <h1 id="title">Harvard BioDesign 2015</h1>--> </div><!-- #Logo -->
−
  /*border-radius: 50%;*/
+
−
  -webkit-transition: -webkit-transform .8s ease-in-out;
+
−
  transition: transform .8s ease-in-out;
+
−
  position:absolute;
+
−
  right:0px;
+
−
  z-index: 5;
+
−
}
+
  
 +
<!-- Nav --> <nav id="nav">
  
−
img.rot:hover {
+
<!-- Subsections --> <h4> Content </h4> <ul> <li><a href="#welcome" id="top-link" class="skel-layers-ignoreHref active"><span class="icon fa-home">Welcome</span></a></li> <li><a href="#sitemap" id="sitemap-link" class="skel-layers-ignoreHref"><span class="icon fa-user">Site Map</span></a></li> <li><a href="#teampage" id="teampage-link" class="skel-layers-ignoreHref"><span class="icon fa-user">Page Overviews</span></a></li> </ul> </nav> </div><!--#top-->
−
  -webkit-transform: rotate(720deg);
+
−
  transform: rotate(720deg);
+
−
  z-index: 5;
+
−
}
+
  
−
body, html {
+
<div class="bottom"> <nav id="nav"> <!-- Main Menu --> <h4><div class="innertwo">Main Pages</div></h4> <ul> <li><a class="curPage" href="https://2015.igem.org/Team:Harvard_BioDesign">Home</a></li> <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Project">Project</a></li> <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Notebook">Notebook</a></li> <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Parts">Parts</a></li> <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Practices">Practices</a></li> <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Collaborations">Collaborations</a></li> <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Attributions">Attributions</a></li> <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Team">Team</a></li> <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Safety">Safety</a></li> </ul> </nav>
−
    margin: 0;
+
−
    padding: 0;
+
−
    height: 100%;
+
−
    width: 100%;
+
−
}
+
−
.menu {
+
−
    width: 100%;
+
−
    height: 75px;
+
−
    background-color: rgba(0, 0, 0, 1);
+
−
    position: fixed;
+
−
    background-color:rgba(4, 180, 49, 0.6);
+
−
    -webkit-transition: all 0.3s ease;
+
−
    -moz-transition: all 0.3s ease;
+
−
    -o-transition: all 0.3s ease;
+
−
    transition: all 0.3s ease;
+
−
}
+
−
.light-menu {
+
−
    width: 100%;
+
−
    height: 75px;
+
−
    background-color: rgba(255, 255, 255, 1);
+
−
    position: fixed;
+
−
    background-color:rgba(4, 180, 49, 0.6);
+
−
    -webkit-transition: all 0.3s ease;
+
−
    -moz-transition: all 0.3s ease;
+
−
    -o-transition: all 0.3s ease;
+
−
    transition: all 0.3s ease;
+
−
}
+
−
#menu-center {
+
−
    width: 980px;
+
−
    height: 75px;
+
−
    margin: 0 auto;
+
−
}
+
−
#menu-center ul {
+
−
    margin: 15px 0 0 0;
+
−
}
+
−
#menu-center ul li {
+
−
    list-style: none;
+
−
    margin: 0 30px 0 0;
+
−
    display: inline;
+
−
}
+
−
.active {
+
−
    font-family:'Droid Sans', serif;
+
−
    font-size: 14px;
+
−
    color: #fff;
+
−
    text-decoration: none;
+
−
    line-height: 50px;
+
−
}
+
−
a {
+
−
    font-family:'Droid Sans', serif;
+
−
    font-size: 14px;
+
−
    color: black;
+
−
    text-decoration: none;
+
−
    line-height: 50px;
+
−
}
+
−
#home {
+
−
    background-color: grey;
+
−
    height: 100%;
+
−
    width: 100%;
+
−
    overflow: hidden;
+
−
    background-image: url(images/home-bg2.png);
+
−
}
+
−
#portfolio {
+
−
    background-image: url(images/portfolio-bg.png);
+
−
    height: 100%;
+
−
    width: 100%;
+
−
}
+
−
#about {
+
−
    background-color: blue;
+
−
    height: 100%;
+
−
    width: 100%;
+
−
}
+
−
#contact {
+
−
    background-color: red;
+
−
    height: 100%;
+
−
    width: 100%;
+
−
}
+
−
</style>
+
  
−
  </head>
+
<!-- Social Icons --> <ul class="icons">
−
  <body>
+
  
 +
<li><a href="https://www.facebook.com/harvardigem2015" target="_blank"><img src="https://static.igem.org/mediawiki/2015/e/ed/Harvard2015Facebookwhite.png"alt="Facebook Logo" style="width:51px;height:51px;"></a></li> <li><a href="https://twitter.com/HarvardiGEM2015" target="_blank"><img src="https://static.igem.org/mediawiki/2015/6/64/Harvard2015Twitterlogowhite.png"alt="Twitter Logo" style="width:51px;height:51px;"></a></li> <li><a href="mailto:harvardigem2015@gmail.com"><img src="https://static.igem.org/mediawiki/2015/9/98/Harvard2015Emaillogowhite.png" alt="Email Logo" style="width:51px;height:51px;"></a></li> </ul> </div><!--#bottom--> </div><!--#inner--> </div><!--#header-->
  
 +
<!-- #################Main################# --> <div id="main"> <!-- Intro --> <section id="intro" class="one"> <div class="container"> <header> <h2 class="alt">Welcome to the <strong>Harvard BioDesign 2015</strong> wiki!</h2><br/> <p>The "official" place where flocculation happens and llamas are appreciated.</p> <img src="https://static.igem.org/mediawiki/2015/3/38/HarvardLlamaoutline.png" alt="Email Logo" style="width:127px;height:150px;"> </header>
  
−
    <!-- header -->
+
  Curious?<br/> </div>
−
      <div id="header">
+
−
        <div class="inner">
+
−
        <div class="top">
+
−
          <!-- Logo -->
+
−
            <div id="logo">
+
−
              <span class="harvardLogo"><a href="https://2015.igem.org/Team:Harvard_BioDesign"><img src="https://static.igem.org/mediawiki/2015/9/94/HarvardBioDesign2015Logo2.png"alt="Harvard Logo" style="width:212px;height:144px;"/></a> </span>
+
−
            <!-- <h1 id="title">Harvard BioDesign 2015</h1>-->
+
−
            </div><!-- #Logo -->
+
  
−
          <!-- Nav -->
+
<footer> <div id="buttonbox"> <a href="#sitemap" style="font-family:'Lato';color:#9DE8BD;font-size:23px;"><h4 class="mid" style="font-size:90%;">Start Here</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> </div> </footer>
−
            <nav id="nav">
+
−
              <!--
+
  
−
                Prologue's nav expects links in one of two formats:
+
</section>
  
−
                1. Hash link (scrolls to a different section within the page)
+
<section id="teampage" class="four"> <div class="container"></div> <img src="https://static.igem.org/mediawiki/2015/e/e2/Harvard2015_Team.png" alt="Team Logo" style="width:200px;height:200px;"/></a> <header><h3>See who participated on this year’s iGEM team.</h3></header> <footer> <div id="buttonbox"> <a href="https://2015.igem.org/Team:Harvard_BioDesign/Team" style="font-family:'Lato';color:#CDFCFF;"><h4 class="mid">Team</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> </div> </footer> </section>
  
−
                  <li><a href="#foobar" id="foobar-link" class="icon fa-whatever-icon-you-want skel-layers-ignoreHref"><span class="label">Foobar</span></a></li>
+
<section id="project" class="five"> <div class="container"> <img src="https://static.igem.org/mediawiki/2015/8/85/Harvard_2015_Project.png" alt="Project Logo" style="width:200px;height:200px;"/> <header><h3>Learn what we are all about. Here you can learn how we set up and conducted our research.</h3></header> <footer> <div id="buttonbox"> <a href="https://2015.igem.org/Team:Harvard_BioDesign/Project" style="font-family:'Lato';color:#ADFFB7;"><h4 class="mid">Project</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> </div> </div> </footer></section>
  
−
                2. Standard link (sends the user to another page/site)
+
<section id="results" class="six"> <img src="https://static.igem.org/mediawiki/2015/4/40/Harvard2015_Results.png" alt="Results Logo" style="width:200px;height:200px;"/></a> <header><h3>Find our major accomplishments here and where we plan to go with them.</h3></header> <footer> <div id="buttonbox"> <a href="https://2015.igem.org/Team:Harvard_BioDesign/Results" style="font-family:'Lato';color:#E0FFD5;"><h4 class="mid">Results</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> </div> </footer> </section>
  
−
                  <li><a href="http://foobar.tld" id="foobar-link" class="icon fa-whatever-icon-you-want"><span class="label">Foobar</span></a></li>
+
<section id="parts" class="seven"> <img src="https://static.igem.org/mediawiki/2015/b/b1/Harvard2015_Parts.png" alt="Parts Logo" style="width:200px;height:200px;"/></a> <header><h3>View the parts we created.</h3></header> <footer> <div id="buttonbox"> <a href="https://2015.igem.org/Team:Harvard_BioDesign/Parts" style="font-family:'Lato';color:#B9FFEE;"><h4 class="mid">Parts</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> </div> </footer> </section>
  
−
              -->
+
<section id="notebook" class="eight"> <img src="https://static.igem.org/mediawiki/2015/5/53/Harvard2015_Notebook.png" alt="Notebook Logo" style="width:200px;height:200px;"/></a> <header><h3>The story of our hard work.</h3></header> <footer> <div id="buttonbox"> <a href="https://2015.igem.org/Team:Harvard_BioDesign/Notebook" style="font-family:'Lato';color:#E1FFEE;"><h4 class="mid">Notes</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> </div> </footer> </section>
−
          <!-- Subsections -->
+
−
<h4> Content </h4>
+
−
            <ul>
+
−
                <li><a href="#top" id="top-link" class="skel-layers-ignoreHref active"><span class="icon fa-home">Welcome</span></a></li>
+
−
                <li><a href="#sitemap" id="sitemap-link" class="skel-layers-ignoreHref"><span class="icon fa-user">Site Map</span></a></li>
+
−
                <li><a href="#teampage" id="teampage-link" class="skel-layers-ignoreHref"><span class="icon fa-user">Page Overviews</span></a></li>
+
−
            </ul>
+
−
</nav>
+
−
</div><!--#top-->
+
  
−
        <div class="bottom">
+
<section id="collabs" class="nine"> <img src="https://static.igem.org/mediawiki/2015/8/82/Harvard2015_Collabs.png" alt="Collabs Logo" style="width:200px;height:200px;"/></a> <header><h3>Outreach to our fellow iGEMers.</h3></header> <footer> <div id="buttonbox"> <a href="https://2015.igem.org/Team:Harvard_BioDesign/Collaborations" style="font-family:'Lato';color:#9DE3E8;"><h4 class="mid">Collabs</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> </div> </footer> </section>
−
        <nav id="nav">
+
−
          <!-- Main Menu -->
+
−
        <h4><div class="innertwo">Main Pages</div></h4>
+
−
            <ul>
+
−
                <li><a class="curPage" href="https://2015.igem.org/Team:Harvard_BioDesign">Home</a></li>
+
−
                <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Team">Team</a></li>
+
−
                <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Project">Project</a></li>
+
−
                <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Results">Results</a></li>
+
−
                <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Notebook">Notebook</a></li>
+
−
                <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Parts">Parts</a></li>
+
−
                <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Collaborations">Collaborations</a></li>
+
−
                <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Attributions">Attributions</a></li>
+
−
                <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Practices">Practices</a></li>
+
−
                <li><a href="https://2015.igem.org/Team:Harvard_BioDesign/Safety">Safety</a></li>
+
−
            </ul>
+
−
          </nav>
+
  
 +
<section id="practices" class="ten"> <img src="https://static.igem.org/mediawiki/2015/c/c8/Harvard2015_Practices.png" alt="Practices Logo" style="width:200px;height:200px;"/></a> <header><h3>A guide to how to take research to the next level.</h3></header> <footer> <div id="buttonbox"> <a href="https://2015.igem.org/Team:Harvard_BioDesign/Practices" style="font-family:'Lato';color:#C1E8DE;font-size:23px;"><h4 class="mid">Practices</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> </div> </footer> </section>
  
 +
<section id="safey" class="one"> <img src="https://static.igem.org/mediawiki/2015/4/44/Harvard2015_Safety.png" alt="Safety Logo" style="width:200px;height:200px;"/></a> <header><h3>Safety is what really matters.</h3></header> <footer> <div id="buttonbox"> <a href="https://2015.igem.org/Team:Harvard_BioDesign/Safety" style="font-family:'Lato';color:#9DE8BD;"><h4 class="mid">Safety</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> </div> </footer> </section>
  
−
          <!-- Social Icons -->
+
<section id="end" class="two"> <img src="https://static.igem.org/mediawiki/2015/1/1b/Harvard2015_Attributions.png" alt="Attributions Logo" style="width:200px;height:200px;"/></a> <header><h3>A shoutout to those who made us possible.</h3></header> <footer> <div id="buttonbox"> <a href="https://2015.igem.org/Team:Harvard_BioDesign/Attributions" style="font-family:'Lato';color:#C1E8C5;"><h4 class="mid">Thanks</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a> </div> </footer> </section>
−
            <ul class="icons">
+
  
−
              <li><a href="https://www.facebook.com/harvardigem2015" target="_blank">
+
<!-- Footer --> <div id="footer">
−
                    <img src="https://static.igem.org/mediawiki/2015/e/ed/Harvard2015Facebookwhite.png"alt="Facebook Logo" style="width:51px;height:51px;"></a></li>
+
−
              <li><a href="https://twitter.com/HarvardiGEM2015" target="_blank">
+
−
                    <img src="https://static.igem.org/mediawiki/2015/6/64/Harvard2015Twitterlogowhite.png"alt="Twitter Logo" style="width:51px;height:51px;"></a></li>
+
−
              <li><a href="mailto:harvardigem2015@gmail.com">
+
−
                    <img src="https://static.igem.org/mediawiki/2015/9/98/Harvard2015Emaillogowhite.png" alt="Email Logo" style="width:51px;height:51px;"></a></li>
+
−
            </ul>
+
−
        </div><!--#bottom-->
+
−
      </div><!--#inner-->
+
−
      </div><!--#header-->
+
  
−
    <!-- Main -->
+
<!-- Copyright --> <ul class="copyright"> <li> target="_blank">Site Map</a></li><li>Site template designed by: <a href="http://html5up.net">HTML5 UP</a></li><h5> </ul> </div>
  
−
      <div id="main">
+
<!-- Scripts -->
−
<div class="m1 menu">
+
      <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll1?action=raw&ctype=text/javascript"></script>
−
    <div id="menu-center">
+
      <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll2?action=raw&ctype=text/javascript"></script>
−
        <ul>
+
      <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll3?action=raw&ctype=text/javascript"></script>
−
            <li><a class="active" href="#home">Home</a>
+
      <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll4?action=raw&ctype=text/javascript"></script>
−
            </li>
+
      <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll5?action=raw&ctype=text/javascript"></script>
−
            <li><a href="#teampage">Portfolio</a>
+
      <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
−
            </li>
+
      <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll0?action=raw&ctype=text/javascript"></script>
−
            <li><a href="#about">About</a>
+
  
−
            </li>
+
  </div><!--main--> </body> </html>
−
            <li><a href="#contact">Contact</a>
+
−
 
+
−
            </li>
+
−
        </ul>
+
−
    </div>
+
−
</div>
+
−
<div id="home"></div>
+
−
<div id="portfolio"></div>
+
−
<div id="about"></div>
+
−
<div id="contact"></div>
+
−
        <!-- Intro -->
+
−
          <section id="home" class="one">
+
−
            <div class="container">
+
−
 
+
−
              <header>
+
−
                <h2 class="alt">Welcome to the <strong>Harvard BioDesign 2015</strong> wiki!</h2><br/>
+
−
                <p>The "official" place where flocculation happens and llamas are appreciated.</p>
+
−
  <img src="https://static.igem.org/mediawiki/2015/3/38/HarvardLlamaoutline.png" alt="Email Logo" style="width:127px;height:150px;">
+
−
              </header>
+
−
 
+
−
            Curious?<br/>
+
−
            <!--  <div class="wrap">
+
−
                <a href="#sitemap" class="button scrolly" style="font-family:'Lato';text-decoration:none;background-color:#9DE8BD;color:#000;"><br/>Start Here</a>
+
−
                <div class="circle angled"></div>
+
−
              </div>-->
+
−
            </div>
+
−
 
+
−
<footer>
+
−
<div id="buttonbox">
+
−
<a href="#sitemap" style="font-family:'Lato';color:#9DE8BD;font-size:23px;"><h4 class="mid" style="font-size:90%;">Start Here</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a>
+
−
</div>
+
−
</footer>
+
−
          </section>
+
−
 
+
−
          <section id="sitemap" class="three">
+
−
            <div class="container">
+
−
 
+
−
              <header>
+
−
                <h2>How to navigate our site</h2>
+
−
              </header>
+
−
 
+
−
              <h6>Here is an easy guide to finding information on our wiki site. On the top of every page you will see a flask. When you click on it, it will open up the main navigation menu. The top section includes links of the different sections on the current page. The lower links are to switch to a new page. You can see all the pages by looking at our site map listed below. You can also get a brief idea of what you'll find on each page by scrolling down.</h6>
+
−
              <br/>
+
−
              <p><a href="https://static.igem.org/mediawiki/2015/c/ce/Harvard2015SiteMap.png" target="_blank">Click Here</a> to see our site map</p>
+
−
            </div>
+
−
  </section>
+
−
 
+
−
<section id="teampage" class="four"><div class="container"></div>
+
−
<img src="https://static.igem.org/mediawiki/2015/e/e2/Harvard2015_Team.png" alt="Team Logo" style="width:200px;height:200px;"/></a>
+
−
<header><h3>See who participated on this year’s iGEM team.</h3></header>
+
−
<footer>
+
−
<div id="buttonbox">
+
−
<a href="https://2015.igem.org/Team:Harvard_BioDesign/Team" style="font-family:'Lato';color:#CDFCFF;"><h4 class="mid">Team</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a>
+
−
</div>
+
−
</footer>
+
−
</section>
+
−
 
+
−
<section id="top" class="five"><div class="container"></div>
+
−
<img src="https://static.igem.org/mediawiki/2015/8/85/Harvard_2015_Project.png" alt="Project Logo" style="width:200px;height:200px;"/></a>
+
−
<header><h3>Learn what we are all about. Here you can learn how we set up and conducted our research.</h3></header>
+
−
<footer>
+
−
<div id="buttonbox">
+
−
<a href="https://2015.igem.org/Team:Harvard_BioDesign/Project" style="font-family:'Lato';color:#ADFFB7;"><h4 class="mid">Project</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a>
+
−
</div>
+
−
</footer>
+
−
</section>
+
−
 
+
−
<section id="top" class="six">
+
−
<img src="https://static.igem.org/mediawiki/2015/4/40/Harvard2015_Results.png" alt="Results Logo" style="width:200px;height:200px;"/></a>
+
−
<header><h3>Find our major accomplishments here and where we plan to go with them.</h3></header>
+
−
<footer>
+
−
<div id="buttonbox">
+
−
<a href="https://2015.igem.org/Team:Harvard_BioDesign/Results" style="font-family:'Lato';color:#E0FFD5;"><h4 class="mid">Results</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a>
+
−
</div>
+
−
</footer>
+
−
</section>
+
−
 
+
−
<section id="top" class="seven">
+
−
<img src="https://static.igem.org/mediawiki/2015/b/b1/Harvard2015_Parts.png" alt="Parts Logo" style="width:200px;height:200px;"/></a>
+
−
<header><h3>View the parts we created.</h3></header>
+
−
<footer>
+
−
<div id="buttonbox">
+
−
<a href="https://2015.igem.org/Team:Harvard_BioDesign/Parts" style="font-family:'Lato';color:#B9FFEE;"><h4 class="mid">Parts</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a>
+
−
</div>
+
−
</footer>
+
−
</section>
+
−
 
+
−
<section id="top" class="eight">
+
−
<img src="https://static.igem.org/mediawiki/2015/5/53/Harvard2015_Notebook.png" alt="Notebook Logo" style="width:200px;height:200px;"/></a>
+
−
<header><h3>The story of our hard work.</h3></header>
+
−
<footer>
+
−
<div id="buttonbox">
+
−
<a href="https://2015.igem.org/Team:Harvard_BioDesign/Notebook" style="font-family:'Lato';color:#E1FFEE;"><h4 class="mid">Notes</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a>
+
−
</div>
+
−
</footer>
+
−
</section>
+
−
 
+
−
<section id="top" class="nine">
+
−
<img src="https://static.igem.org/mediawiki/2015/8/82/Harvard2015_Collabs.png" alt="Collabs Logo" style="width:200px;height:200px;"/></a>
+
−
<header><h3>Outreach to our fellow iGEMers.</h3></header>
+
−
<footer>
+
−
<div id="buttonbox">
+
−
<a href="https://2015.igem.org/Team:Harvard_BioDesign/Collaborations" style="font-family:'Lato';color:#9DE3E8;"><h4 class="mid">Collabs</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a>
+
−
</div>
+
−
</footer>
+
−
</section>
+
−
 
+
−
<section id="top" class="ten">
+
−
<img src="https://static.igem.org/mediawiki/2015/c/c8/Harvard2015_Practices.png" alt="Practices Logo" style="width:200px;height:200px;"/></a>
+
−
<header><h3>A guide to how to take research to the next level.</h3></header>
+
−
<footer>
+
−
<div id="buttonbox">
+
−
<a href="https://2015.igem.org/Team:Harvard_BioDesign/Practices" style="font-family:'Lato';color:#C1E8DE;font-size:23px;"><h4 class="mid">Practices</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a>
+
−
</div>
+
−
</footer>
+
−
</section>
+
−
 
+
−
<section id="top" class="one">
+
−
<img src="https://static.igem.org/mediawiki/2015/4/44/Harvard2015_Safety.png" alt="Safety Logo" style="width:200px;height:200px;"/></a>
+
−
<header><h3>Safety is what really matters.</h3></header>
+
−
<footer>
+
−
<div id="buttonbox">
+
−
<a href="https://2015.igem.org/Team:Harvard_BioDesign/Safety" style="font-family:'Lato';color:#9DE8BD;"><h4 class="mid">Safety</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a>
+
−
</div>
+
−
</footer>
+
−
</section>
+
−
 
+
−
<section id="top" class="two">
+
−
<img src="https://static.igem.org/mediawiki/2015/1/1b/Harvard2015_Attributions.png" alt="Attributions Logo" style="width:200px;height:200px;"/></a>
+
−
<header><h3>A shoutout to those who made us possible.</h3></header>
+
−
<footer>
+
−
<div id="buttonbox">
+
−
<a href="https://2015.igem.org/Team:Harvard_BioDesign/Attributions" style="font-family:'Lato';color:#C1E8C5;"><h4 class="mid">Thanks</h4><img class="rot" src="https://static.igem.org/mediawiki/2015/6/64/Harvard_Circle_Outside.png"/></a>
+
−
</div>
+
−
</footer>
+
−
</section>
+
−
 
+
−
    <!-- Footer -->
+
−
      <div id="footer">
+
−
 
+
−
        <!-- Copyright -->
+
−
          <ul class="copyright">
+
−
            <li><a href="https://static.igem.org/mediawiki/2015/c/ce/Harvard2015SiteMap.png" target="_blank">Site Map</a></li><li>Site template designed by: <a href="http://html5up.net">HTML5 UP</a></li><h5>
+
−
          </ul>
+
−
 
+
−
      </div>
+
−
 
+
−
    <!-- Scripts -->
+
−
      <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll1?action=raw&ctype=text/javascript"></script>
+
−
      <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll2?action=raw&ctype=text/javascript"></script>
+
−
      <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll3?action=raw&ctype=text/javascript"></script>
+
−
      <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll4?action=raw&ctype=text/javascript"></script>
+
−
      <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll5?action=raw&ctype=text/javascript"></script>
+
−
      <!--[if lte IE 8]><script src="assets/js/ie/respond.min.js"></script><![endif]-->
+
−
      <script type="text/javascript" src="https://2015.igem.org/Template:Harvard_BioDesign/JS_Scroll0?action=raw&ctype=text/javascript"></script>
+
−
  </div><!--main-->
+
−
  </body>
+
−
</html>
+

Latest revision as of 03:39, 18 September 2015


Prologue by HTML5 UP

Welcome to the Harvard BioDesign 2015 wiki!


The "official" place where flocculation happens and llamas are appreciated.

Email Logo
Curious?
Team Logo

See who participated on this year’s iGEM team.

Project Logo

Learn what we are all about. Here you can learn how we set up and conducted our research.

Results Logo

Find our major accomplishments here and where we plan to go with them.

Parts Logo

View the parts we created.

Notebook Logo

The story of our hard work.

Collabs Logo

Outreach to our fellow iGEMers.

Practices Logo

A guide to how to take research to the next level.

Safety Logo

Safety is what really matters.

Attributions Logo

A shoutout to those who made us possible.