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

 
(33 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">
−
#cd-timeline {
+
−
  position: relative;
+
−
  padding: 2em 0;
+
−
  margin-top: 2em;
+
−
  margin-bottom: 2em;
+
−
}
+
−
#cd-timeline::before {
+
−
  /* this is the vertical line */
+
−
  content: '';
+
−
  position: absolute;
+
−
  top: 0;
+
−
  left: 18px;
+
−
  height: 100%;
+
−
  width: 4px;
+
−
  background: #d7e4ed;
+
−
}
+
−
 
+
−
.cssanimations .cd-timeline-img.is-hidden {
+
−
  visibility: hidden;
+
−
}
+
−
.cssanimations .cd-timeline-img.bounce-in {
+
−
  visibility: visible;
+
−
  animation: cd-bounce-1 0.6s;
+
−
}
+
−
+
−
@keyframes cd-bounce-1 {
+
−
  0% {
+
−
    opacity: 0;
+
−
    transform: scale(0.5);
+
−
  }
+
−
+
−
  60% {
+
−
    opacity: 1;
+
−
    transform: scale(1.2);
+
−
  }
+
−
+
−
  100% {
+
−
    transform: scale(1);
+
−
  }
+
−
}
+
−
</style>
+
−
 
+
−
</head>
+
−
 
+
−
 
+
−
 
+
−
<div class="column full_size">
+
−
 
+
−
 
+
−
<section id="cd-timeline">
+
−
<div class="cd-timeline-block">
+
−
<div class="cd-timeline-img">
+
−
<img src="img/cd-icon-picture.svg" alt="Picture">
+
−
</div> <!-- cd-timeline-img -->
+
−
+
−
<div class="cd-timeline-content">
+
−
<h2>Title of section 1</h2>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.</p>
+
−
<a href="#0" class="cd-read-more">Read more</a>
+
−
<span class="cd-date">Jan 14</span>
+
−
</div> <!-- cd-timeline-content -->
+
−
</div> <!-- cd-timeline-block -->
+
−
 
+
−
 
+
−
<div class="cd-timeline-block">
+
−
<div class="cd-timeline-img">
+
−
<img src="img/cd-icon-picture.svg" alt="Picture">
+
−
</div> <!-- cd-timeline-img -->
+
−
+
−
<div class="cd-timeline-content">
+
−
<h2>Title of section 1</h2>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.</p>
+
−
<a href="#0" class="cd-read-more">Read more</a>
+
−
<span class="cd-date">Jan 14</span>
+
−
</div> <!-- cd-timeline-content -->
+
−
</div> <!-- cd-timeline-block -->
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="cd-timeline-block">
+
−
<div class="cd-timeline-img">
+
−
<img src="img/cd-icon-picture.svg" alt="Picture">
+
−
</div> <!-- cd-timeline-img -->
+
−
+
−
<div class="cd-timeline-content">
+
−
<h2>Title of section 1</h2>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.</p>
+
−
<a href="#0" class="cd-read-more">Read more</a>
+
−
<span class="cd-date">Jan 14</span>
+
−
</div> <!-- cd-timeline-content -->
+
−
</div> <!-- cd-timeline-block -->
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<div class="cd-timeline-block">
+
−
<div class="cd-timeline-img">
+
−
<img src="img/cd-icon-picture.svg" alt="Picture">
+
−
</div> <!-- cd-timeline-img -->
+
−
+
−
<div class="cd-timeline-content">
+
−
<h2>Title of section 1</h2>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.</p>
+
−
<a href="#0" class="cd-read-more">Read more</a>
+
−
<span class="cd-date">Jan 14</span>
+
−
</div> <!-- cd-timeline-content -->
+
−
</div> <!-- cd-timeline-block -->
+
−
 
+
−
 
+
−
<div class="cd-timeline-block">
+
−
<div class="cd-timeline-img">
+
−
<img src="img/cd-icon-picture.svg" alt="Picture">
+
−
</div> <!-- cd-timeline-img -->
+
−
+
−
<div class="cd-timeline-content">
+
−
<h2>Title of section 1</h2>
+
−
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iusto, optio, dolorum provident rerum aut hic quasi placeat iure tempora laudantium ipsa ad debitis unde? Iste voluptatibus minus veritatis qui ut.</p>
+
−
<a href="#0" class="cd-read-more">Read more</a>
+
−
<span class="cd-date">Jan 14</span>
+
−
</div> <!-- cd-timeline-content -->
+
−
</div> <!-- cd-timeline-block -->
+
−
+
−
</section>
+
  
  
−
<script>
 
  
−
$(window).on('scroll', function(){
+
<!--NAV LINKS-->
−
$timeline_block.each(function(){
+
−
if( $(this).offset().top <= $(window).scrollTop()+$(window).height()*0.75 && $(this).find('.cd-timeline-img').hasClass('is-hidden') ) {
+
−
$(this).find('.cd-timeline-img, .cd-timeline-content').removeClass('is-hidden').addClass('bounce-in');
+
−
}
+
−
});
+
−
});
+
  
−
</script>
+
  <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>
  
 +
<!-- THIS IS WHERE THE CONTENT GOES-->
  
 +
<div class="col-md-9 content-area">
 +
<div class="content-container">
 +
<h1>Lab Notebook</h1>
 +
<br>
  
 +
<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>
 
</div>
 
</html>
 
</html>

Latest revision as of 03:32, 2 December 2016


Urban Tundra | Intelligent Innovation