Difference between revisions of "Team:Austin UTexas/Safety"

Line 1: Line 1:
−
<html>
 
−
<head>
 
−
<style>
 
  
−
body {
+
<div class = "column full_size_outer" id = "top">
−
    background-image: url(https://static.igem.org/mediawiki/2016/6/64/T--Austin_UTexas--bg2.jpg);
+
<div class = "column_full_size_inner">
−
    background-repeat: no-repeat;
+
<h2>Results</h2>
−
    background-position: 0px 0px;
+
<br>
−
    background-attachment:fixed;
+
<img src="https://static.igem.org/mediawiki/2016/6/6d/T--Austin_UTexas--Timeline.png" style="width:100%">
−
    background-size: 100%;
+
<p>
−
}
+
Click on one of the images below to learn more about our results!
 +
</p>
 +
<br>
 +
<div class="column sixth_size">
 +
<a href="#section1"><img src="https://static.igem.org/mediawiki/2016/4/40/T--Austin_UTexas--StrainNavi.png" style="width:100%"> <p>Kombucha Strains </p></a>
 +
</div>
  
−
div.naviSection {
+
<div class="column sixth_size">
−
}
+
<a href="#section2"><img src="https://static.igem.org/mediawiki/2016/6/64/T--Austin_UTexas--ConjugationPic.png" style="width:100%"><p>Conjugation </p></a>
 +
</div>
  
−
figure {
+
<div class="column sixth_size">
−
    display: table;
+
<a href="#section3"><img src="https://static.igem.org/mediawiki/2016/0/04/T--Austin_UTexas--RecapNavi.png" style="width:100%"><p>Recapitulation</p></a>
−
    width: 1px;
+
</div>
−
}
+
−
img, figcaption {
+
−
    display: table-row;
+
−
    text-align:left;
+
−
}
+
  
−
</style>
+
<div class="column sixth_size">
−
<script>
+
<a href="#section4"><img src="https://static.igem.org/mediawiki/2016/b/bb/T--Austin_UTexas--EtOHNavi.png" style="width:100%"><p>Ethanol</p></a>
 +
</div>
  
−
$(document).ready(function(){
+
<div class="column sixth_size">
−
  // Add smooth scrolling to all links
+
<a href="#section6"><img src ="https://static.igem.org/mediawiki/2016/e/e7/T--Austin_UTexas--pHNavi.png" style="width:100%"><p>pH Sensors</p></a>
−
  $("a").on('click', function(event) {
+
</div>
  
−
    // Make sure this.hash has a value before overriding default behavior
+
<div class="column sixth_size">
−
    if (this.hash !== "") {
+
<a href="#section7"><img src ="https://static.igem.org/mediawiki/2016/9/92/T--Austin_UTexas--GellanNavi.png" style="width:100%"><p>Gellan Gum</p></a>
−
      // Prevent default anchor click behavior
+
</div>
−
      event.preventDefault();
+
−
 
+
−
      // Store hash
+
−
      var hash = this.hash;
+
−
 
+
−
      // Using jQuery's animate() method to add smooth page scroll
+
−
      // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
+
−
      $('html, body').animate({
+
−
        scrollTop: $(hash).offset().top
+
−
      }, 800, function(){
+
−
 
+
−
        // Add hash (#) to URL when done scrolling (default click behavior)
+
−
        window.location.hash = hash;
+
−
      });
+
−
    } // End if
+
−
  });
+
−
});
+
−
 
+
−
</script>
+
−
</head>
+
−
<body>
+
−
</html>
+

Revision as of 02:01, 27 October 2017

Results


<img src="T--Austin_UTexas--Timeline.png" style="width:100%">

Click on one of the images below to learn more about our results!


<a href="#section1"><img src="T--Austin_UTexas--StrainNavi.png" style="width:100%">

Kombucha Strains

</a>
<a href="#section2"><img src="T--Austin_UTexas--ConjugationPic.png" style="width:100%">

Conjugation

</a>
<a href="#section3"><img src="T--Austin_UTexas--RecapNavi.png" style="width:100%">

Recapitulation

</a>
<a href="#section4"><img src="T--Austin_UTexas--EtOHNavi.png" style="width:100%">

Ethanol

</a>
<a href="#section6"><img src ="T--Austin_UTexas--pHNavi.png" style="width:100%">

pH Sensors

</a>
<a href="#section7"><img src ="T--Austin_UTexas--GellanNavi.png" style="width:100%">

Gellan Gum

</a>