Difference between revisions of "Team:iTesla-SoundBio/description"

Line 9: Line 9:
 
  <br>You want to see in the world</h1>
 
  <br>You want to see in the world</h1>
 
</center>
 
</center>
−
 
−
 
−
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 
−
<script>
 
−
$(document).ready(function(){
 
−
  // Add smooth scrolling to all links
 
−
  $("a").on('click', function(event) {
 
−
 
−
    // Make sure this.hash has a value before overriding default behavior
 
−
    if (this.hash !== "") {
 
−
      // Prevent default anchor click behavior
 
−
      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>
 
  
 
<style>
 
<style>
−
body {
 
−
    font-family: "Lato", sans-serif;
 
−
}
 
−
 
−
.sidenav {
 
−
    height: 80%;
 
−
    width: 180px;
 
−
    position: fixed;
 
−
    z-index: 1;
 
−
    top: 0;
 
−
    left: 0;
 
−
    background-color: #111;
 
−
    overflow-x: hidden;
 
−
    padding-top: 200px;
 
−
}
 
−
 
−
.sidenav a {
 
−
    padding: 5px 5px 5px 5px;
 
−
    text-decoration: none;
 
−
    font-size: 20px;
 
−
    color: #818181;
 
−
    display: block;
 
−
}
 
−
 
−
.sidenav a:hover {
 
−
    color: #f1f1f1;
 
−
}
 
−
 
−
.main {
 
−
    margin-left: 180px; /* Same as the width of the sidenav */
 
−
    padding: 0px 10px;
 
−
    font-family: arial;
 
−
    font-size: 20px;
 
−
    padding: 30px
 
−
}
 
−
@media screen and (max-height: 450px) {
 
−
    .sidenav {padding-top: 15px;}
 
−
    .sidenav a {font-size: 18px;}
 
−
}
 
−
.graphicsum {
 
−
  width: 100%;
 
−
  margin: auto;
 
−
}
 
−
.text {
 
−
    font-size: 20px;
 
−
    letter-spacing: .16em;
 
−
    padding-left: 10px;
 
−
    padding-right: 100px;
 
−
    padding-top: 10px;
 
−
    padding-bottomL 10px;
 
−
    color: white;
 
−
 
 
−
}
 
  
 
h1 {
 
h1 {
Line 130: Line 48:
 
     z-index: -1;
 
     z-index: -1;
 
     -webkit-mask-image: url(https://f.cl.ly/items/1t1C0W3y040g1J172r3h/mask.png);
 
     -webkit-mask-image: url(https://f.cl.ly/items/1t1C0W3y040g1J172r3h/mask.png);
−
}
 
−
.horizontalline {
 
−
    border: 2px solid black;
 
−
    width: 50%;
 
−
    height: 1 px;
 
−
    margin: auto;
 
−
    margin-top: 50px;
 
−
    margin-bottom: 10px;
 
 
}
 
}
 
</style>
 
</style>
Line 143: Line 53:
 
<body>
 
<body>
  
−
 
−
 
−
 
−
 
−
 
−
 
−
<div class="main">
 
−
<div id="graphicsum">
 
 
<center>
 
<center>
 
<img src="https://static.igem.org/mediawiki/2018/9/9b/T--iTesla-Soundbio--Project_Description1.png" alt="DID YOU KNOW? Every year, hundreds of thousands of horseshoe crabs are caught each year and drained of up to to 30% of their blood. Why? To collect LAL, a chemical that is crucial in the detection of endotoxins in everything from drugs to medical equipment", width=80%>
 
<img src="https://static.igem.org/mediawiki/2018/9/9b/T--iTesla-Soundbio--Project_Description1.png" alt="DID YOU KNOW? Every year, hundreds of thousands of horseshoe crabs are caught each year and drained of up to to 30% of their blood. Why? To collect LAL, a chemical that is crucial in the detection of endotoxins in everything from drugs to medical equipment", width=80%>
 
</center>
 
</center>
−
</div>
 
−
 
−
 
−
 
−
 
−
 
−
</div>
 
−
</div>
 
 
</body>
 
</body>
  

Revision as of 03:14, 30 September 2018

Safety Protocols
InterLab
Team Members Attributions
Human Practices Collaborations
Project Description Design Results Biobrick Parts Lab Notebook
iT-SB 2018 iT-SB 2017

Build the change

You want to see in the world

DID YOU KNOW? Every year, hundreds of thousands of horseshoe crabs are caught each year and drained of up to to 30% of their blood. Why? To collect LAL, a chemical that is crucial in the detection of endotoxins in everything from drugs to medical equipment