Difference between revisions of "Team:UrbanTundra Edmonton/Notebook"

 
(14 intermediate revisions by 4 users not shown)
Line 1: Line 1:
<!--{{UrbanTundra_Edmonton}}-->
+
{{UrbanTundra_Edmonton/Main-CSS}}
{{UrbanTundra_Edmonton/ResearchPages}}
+
{{UrbanTundra_Edmonton/Header}}
 +
 
 
<html>
 
<html>
  
<head>
+
<div id="ute-services-section">
<style>
+
<div class="container">
 
+
                    <div class="row">
.timeline ul li {
+
  list-style-type: none;
+
  position: relative;
+
  width: 6px;
+
  margin: 0 auto;
+
  padding-top: 50px;
+
  background: #fff;
+
}
+
+
.timeline ul li::after {
+
  content: '';
+
  position: absolute;
+
  left: 50%;
+
  bottom: 0;
+
  transform: translateX(-50%);
+
  width: 30px;
+
  height: 30px;
+
  border-radius: 50%;
+
  background: inherit;
+
}
+
 
+
.timeline ul li div {
+
  position: relative;
+
  bottom: 0;
+
  width: 400px;
+
  padding: 15px;
+
  background: #F45B69;
+
}
+
+
.timeline ul li div::before {
+
  content: '';
+
  position: absolute;
+
  bottom: 7px;
+
  width: 0;
+
  height: 0;
+
  border-style: solid;
+
}
+
 
+
.timeline ul li:nth-child(odd) div {
+
  left: 45px;
+
}
+
+
.timeline ul li:nth-child(odd) div::before {
+
  left: -15px;
+
  border-width: 8px 16px 8px 0;
+
  border-color: transparent #F45B69 transparent transparent;
+
}
+
 
+
.timeline ul li:nth-child(even) div {
+
  left: -439px;
+
}
+
+
.timeline ul li:nth-child(even) div::before {
+
  right: -15px;
+
  border-width: 8px 0 8px 16px;
+
  border-color: transparent transparent transparent #F45B69;
+
}
+
 
+
</style>
+
 
+
</head>
+
 
+
 
+
 
+
<div class="column full_size">
+
 
+
<section class="timeline">
+
  <ul>
+
    <li>
+
      <div>
+
        <time>1934</time>
+
        Some content here
+
      </div>
+
    </li>
+
 
+
 
+
<li>
+
      <div>
+
        <time>1934</time>
+
        Some content here
+
      </div>
+
    </li>
+
  
  
  
<li>
+
<!--NAV LINKS-->
      <div>
+
        <time>1934</time>
+
        Some content here
+
      </div>
+
    </li>
+
  
 +
  <div class="col-md-3 side-nav">
 +
    <div class="side-nav-container">
 +
      <ul style="list-style-type: none;">
 +
        <li class="side-nav-toplink">TEAM</li>
 +
        <ul class="sublist">
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Our_Story">Our Story</a></li>
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Team">Team</a></li>
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Collaborations">Collaborations</a></li>
 +
        </ul>
 +
        <li class="side-nav-toplink">PROJECT</li>
 +
        <ul class="sublist">
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Description">Background</a></li>
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Overview">Overview</a></li>
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Design">Gene Design</a></li>
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Experiments">Experimental</a></li>
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Proof">Bio Reaction</a></li>
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Demonstrate">O<sub>2</sub></a></li>
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Notebook">Notebook</a></li>
 +
        </ul>
 +
        <li class="side-nav-toplink">PARTS</li>
 +
        <ul class="sublist">
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Parts">BioBrick</a></li>
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Composite_Part">CLD-</a></li>
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Part_Collection">Collection</a></li>
 +
        </ul>
 +
        <li  class="side-nav-toplink">SAFETY</li>
 +
        <ul class="sublist">
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Lab_Safety">Lab Safety</a></li>
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Protocals">Protocols</a></li>
 +
        </ul>
 +
        <li class="side-nav-toplink">ATTRIBUTIONS</li>
 +
        <ul class="sublist">
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Attributions">Support</a></li>
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/FullCitations">Citations</a></li>
 +
        </ul>
 +
        <li class="side-nav-toplink">HUMAN PRACTICES</li>
 +
        <ul class="sublist">
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Integrated_Practices">Integrated Practices</a></li>
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/BroaderApplications">Broader Applications</a></li>
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Engagement">Outreach</a></li>
 +
        </ul>
 +
        <li class="side-nav-toplink">ACHIEVEMENTS</li>
 +
        <ul class="sublist">
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/HP/Silver">Silver</a></li>
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/HP/Gold">Gold</a></li>
 +
          <li><a href="https://2016.igem.org/Team:UrbanTundra_Edmonton/Awards">Awards</a></li>
 +
        </ul>
 +
      </ul>
 +
    </div>
 +
  </div>
  
<li>
+
<!-- THIS IS WHERE THE CONTENT GOES-->
      <div>
+
        <time>1934</time>
+
        Some content here
+
      </div>
+
    </li>
+
   
+
    <!-- more list items here -->
+
  </ul>
+
</section>
+
  
<script>
+
<div class="col-md-9 content-area">
function isElementInViewport(el) {
+
<div class="content-container">
  var rect = el.getBoundingClientRect();
+
<h1>Lab Notebook</h1>
  return (
+
<br>
    rect.top >= 0 &&
+
    rect.left >= 0 &&
+
    rect.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&
+
    rect.right <= (window.innerWidth || document.documentElement.clientWidth)
+
  );
+
}
+
</script>
+
  
 +
<h3 style:"text-align: center"><a href="https://static.igem.org/mediawiki/2016/b/b8/T--UrbanTundra_Edmonton--JuneNotebook_.pdf" target="_blank">June</a></h3>
 +
<h3 style:"text-align: center"><a href="https://static.igem.org/mediawiki/2016/5/5e/T--UrbanTundra_Edmonton--JulyNotebook_.pdf" target="_blank">July</a></h3>
 +
<h3 style:"text-align: center"><a href="https://static.igem.org/mediawiki/2016/5/5d/T--UrbanTundra_Edmonton--AugustNotebook_.pdf" target="_blank">August</a></h3>
 +
<h3 style:"text-align: center"><a href="https://static.igem.org/mediawiki/2016/e/eb/T--UrbanTundra_Edmonton--SeptemberNotebook_.pdf" target="_blank">September</a></h3>
 +
</div>
 
</html>
 
</html>

Latest revision as of 03:32, 2 December 2016


Urban Tundra | Intelligent Innovation