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

 
(24 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{Austin_UTexas}}
 
{{Austin_UTexas}}
 +
 
<html>
 
<html>
 +
<head>
 +
<style>
  
 +
body {
 +
  background: #282828;
 +
}
  
<div class="column full_size">
+
p {
 +
    font-family:verdana;
 +
}
  
<h1> Safety </h1>
 
<p>Please visit <a href="https://2017.igem.org/Safety">the main Safety page</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p>
 
  
<p>On this page of your wiki, you should write about how you are addressing any safety issues in your project. The wiki is a place where you can <strong>go beyond the questions on the safety forms</strong>, and write about whatever safety topics are most interesting in your project. (You do not need to copy your safety forms onto this wiki page.)</p>
+
.column-left{ float: left; width: 33%; }
 +
.column-right{ float: right; width: 33%; }
 +
.column-center{ display: inline-block; width: 33%; }
 +
.column-halfleft{ float: left; width: 50%; }
 +
.column-halfright{ float: right; width: 50%; }
  
</div>
+
html {
 +
  box-sizing: border-box;
 +
}
  
 +
*, *:before, *:after {
 +
  box-sizing: inherit;
 +
}
  
<div class="column full_size">
+
.columns {
<h5>Safe Project Design</h5>
+
  float: left;
 +
  width: 33.3%;
 +
  margin-bottom: 16px;
 +
  padding: 0 8px;
 +
}
  
<p>Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:</p>
+
@media (max-width: 650px) {
 +
  .columns {
 +
    width: 100%;
 +
    display: block;
 +
  }
 +
}
  
<ul>
+
.card {
<li>Choosing a non-pathogenic chassis</li>
+
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
<li>Choosing parts that will not harm humans / animals / plants</li>
+
}
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
+
<li>Including an "induced lethality" or "kill-switch" device</li>
+
</ul>
+
  
</div>
+
.container {
 +
  padding: 0 16px;
 +
}
  
<div class="column half_size">
+
.container::after, .row::after {
<h5>Safe Lab Work</h5>
+
  content: "";
 +
  clear: both;
 +
  display: table;
 +
}
  
<p>What safety procedures do you use every day in the lab? Did you perform any unusual experiments, or face any unusual safety issues? Write about them here!</p>
+
.title {
 +
  color: grey;
 +
}
  
</div>
+
.button {
 +
  border: none;
 +
  outline: 0;
 +
  display: inline-block;
 +
  padding: 8px;
 +
  color: white;
 +
  background-color: #2cb1b4;
 +
  text-align: center;
 +
  cursor: pointer;
 +
  width: 100%;
 +
}
  
<div class="column half_size">
+
.button:hover {
<h5>Safe Shipment</h5>
+
  background-color: #39999B;
 +
}
 +
</style>
 +
</head>
 +
<body>
  
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
<div class="column full_size">
</div>
+
<div style="background-color: lightcyan;padding:14px; font-family: verdana">
  
<html>
+
<h2 align = "center",style="font-family: verdana">Safety!</h2>
<head>
+
<style>
+
body {
+
    background-image: url(https://static.igem.org/mediawiki/2016/3/38/T--Austin_UTexas--MainPageCropped.jpg);
+
    background-repeat: no-repeat;
+
    background-position: 0px 0px;
+
    background-attachment: relative;
+
    background-size: 100%;
+
}
+
  
 +
<p style="font-family: verdana">This year we worked with <i>Lactobacillus plantarum</i> and <i>Escherichia coli</i>. These organisms are classified as Risk Group 1 (low risk) according to the DSMZ, a collection microorganism and cell cultures run by Leibniz-Institute. <i>Lactobacillus plantarum </i> and <i>Escherichia coli</i> were obtained from the Barrick Lab who ordered them from the American Type Culture Collection (ATCC).</p>
  
}
+
<br>
.content {
+
    padding: 0px;
+
    background:rgba(255,255,255);
+
    margin:auto;
+
}
+
  
.page {
+
<p style="font-family: verdana">When work was done in the lab space, everyone wore gloves, lab coats, and goggles to ensure personal protection from any chemicals and microbes. Additionally, if any accidental emergency were to happen, all members of the team knew where safety equipment such as fire extinguishers, emergency shut off valves, eye wash station, etc., were located. Contamination prevention was an extensive part of the lab’s safety. To abide by contamination prevention measures, all waste was disposed of in the proper waste containers. Furthermore, to prevent confusion, all laboratory equipment, such as test tubes, and bottles, had labels with proper identification to ensure that accidental usage of the reagents and other media was prevented. All team members also followed general laboratory safety protocols, such as no eating/drinking within the lab space.</p>
    width:100%;
+
</div>
    margin:auto;
+
<br>
}
+
  
IMG.iGemLogo{
+
<div class="row">
    display: block;
+
  <div class="columns">
     margin-left: 10px;
+
     <div class="card">
    margin-top: -30px;
+
      <img src="https://static.igem.org/mediawiki/2017/3/36/Zachsafety.png" width = "100%">
    margin-right: auto;
+
      <div class="container">
    width: 10%;
+
        <h3></h3>
    opacity: 0.5;
+
     
}
+
  
IMG.teamName{
+
      </div>
     display: block;
+
     </div>
    margin-left: auto;
+
  </div>
    margin-right: auto;
+
<div class="row">
     margin-top: -25px;
+
  <div class="columns">
    width: 60%;
+
     <div class="card">
}
+
      <img src="https://static.igem.org/mediawiki/2017/5/5a/Rachhsafety.png" alt="Rachel" style="width:100%">
IMG.scroll{
+
      <div class="container">
    display: block;
+
        <h3></h3>
    margin-left: auto;
+
    margin-right: auto;
+
    margin-top: 135px;
+
    width: 20%;
+
    opacity: 0.5;
+
}
+
  
.iGemLogo:hover{
+
      </div>
  opacity: 1.0;
+
    </div>
}
+
  </div>
.scroll:hover{
+
  opacity: 1.0;
+
}
+
</style>
+
<script>
+
  
$(document).ready(function(){
+
<div class="row">
  // Add smooth scrolling to all links
+
  $("a").on('click', function(event) {
+
  
     // Make sure this.hash has a value before overriding default behavior
+
  <div class="columns">
    if (this.hash !== "") {
+
     <div class="card">
       // Prevent default anchor click behavior
+
      <img src="https://static.igem.org/mediawiki/2017/4/4a/Matsafety.png" alt="Jayvin" style="width:100%">
       event.preventDefault();
+
       <div class="container">
 +
        <h3></h3>     
 +
 +
       </div>
 +
    </div>
 +
  </div>
  
      // Store hash
 
      var hash = this.hash;
 
  
      // Using jQuery's animate() method to add smooth page scroll
+
</body>
      // 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>
+
 
</html>
 
</html>

Latest revision as of 01:15, 2 November 2017

Safety!

This year we worked with Lactobacillus plantarum and Escherichia coli. These organisms are classified as Risk Group 1 (low risk) according to the DSMZ, a collection microorganism and cell cultures run by Leibniz-Institute. Lactobacillus plantarum and Escherichia coli were obtained from the Barrick Lab who ordered them from the American Type Culture Collection (ATCC).


When work was done in the lab space, everyone wore gloves, lab coats, and goggles to ensure personal protection from any chemicals and microbes. Additionally, if any accidental emergency were to happen, all members of the team knew where safety equipment such as fire extinguishers, emergency shut off valves, eye wash station, etc., were located. Contamination prevention was an extensive part of the lab’s safety. To abide by contamination prevention measures, all waste was disposed of in the proper waste containers. Furthermore, to prevent confusion, all laboratory equipment, such as test tubes, and bottles, had labels with proper identification to ensure that accidental usage of the reagents and other media was prevented. All team members also followed general laboratory safety protocols, such as no eating/drinking within the lab space.


Rachel

Jayvin