Difference between revisions of "Team:Queens Canada/Safety"

 
(40 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{Queens_Canada}}
+
{{Queens Canada/Header}}
 +
{{Queens Canada/Navbar}}
 
<html>
 
<html>
 +
<style>
 +
body {
 +
    background-color: white;
 +
    font-family: Helvetica, sans-serif;
 +
    margin-top: 25px;
 +
    position: relative;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
}
 +
* {box-sizing: border-box;}
  
−
<body>
+
.myFirstSlides {
−
<div class="column full_size">
+
    display: none
−
<h1> Safety </h1>
+
}
−
<p>Please visit the <a href="https://2018.igem.org/Safety">Safety Hub</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>
+
.mySecondSlides {
−
</div>
+
    display: none
 +
}
  
 +
img {
 +
    vertical-align: middle;
 +
}
  
−
<div class="column two_thirds_size">
+
/* Slideshow container */
−
<h3>Safe Project Design</h3>
+
.first-slideshow-container, .second-slideshow-container {
 +
  max-width: 1000px;
 +
  position: relative;
 +
  margin: auto;
 +
}
  
−
<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>
+
/* Next & previous buttons */
 +
.prev, .next {
 +
  cursor: pointer;
 +
  position: absolute;
 +
  top: 50%;
 +
  width: auto;
 +
  padding: 16px;
 +
  margin-top: -22px;
 +
  color: black;
 +
  font-weight: bold;
 +
  font-size: 18px;
 +
  transition: 0.6s ease;
 +
  border-radius: 0 3px 3px 0;
 +
}
  
−
<ul>
+
/* Position the "next button" to the right */
−
<li>Choosing a non-pathogenic chassis</li>
+
.next {
−
<li>Choosing parts that will not harm humans / animals / plants</li>
+
  right: 0;
−
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
+
  border-radius: 3px 0 0 3px;
−
<li>Including an "induced lethality" or "kill-switch" device</li>
+
}
−
</ul>
+
−
</div>
+
  
−
<div class="column third_size">
+
/* On hover, add a black background color with a little bit see-through */
−
<h3>Safe Lab Work</h3>
+
.prev:hover, .next:hover {
 +
  background-color: rgba(0,0,0,0.8);
 +
}
  
−
<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>
+
/* Caption text */
 +
.text {
 +
  color: #727272;
 +
  font-size: 20px;
 +
  padding: 8px 12px;
 +
  position: relative;
 +
  bottom: 0px;
 +
  width: 100%;
 +
  text-align: center;
 +
}
  
 +
/* Number text (1/3 etc) */
 +
.numbertext {
 +
  color: #f2f2f2;
 +
  font-size: 22px;
 +
  padding: 8px 12px;
 +
  position: relative;
 +
  top: 40px;
 +
}
  
−
<h3>Safe Shipment</h3>
+
/* The dots/bullets/indicators */
 +
.dot1, .dot2 {
 +
  cursor: pointer;
 +
  height: 15px;
 +
  width: 15px;
 +
  margin: 0 2px;
 +
  background-color: #bbb;
 +
  border-radius: 50%;
 +
  display: inline-block;
 +
  transition: background-color 0.6s ease;
 +
}
  
−
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
.active, .dot1:hover, .dot2:hover {
 +
  background-color: #717171;
 +
}
 +
 
 +
/* On smaller screens, decrease text size */
 +
@media only screen and (max-width: 300px) {
 +
  .prev, .next,.text {font-size: 11px}
 +
}
 +
</style>
 +
<body>
 +
<h2 style="width:70%;margin-left:15%">Safety</h2>
 +
<p style="width:70%;margin-left:15%; font-size: 18px;">By ensuring all of our QGEM team members have undergone the necessary laboratory safety training, Workplace Hazardous Materials Information System (WHMIS) training and Biosafety Level 1 training, we are creating a safe and informed workplace.</p>
 +
<p style="width:70%;margin-left:15%;font-size: 18px;">Prior to any experiments, the required SDS are read to ensure all relevant safety information, personal protective equipment (PPE) is worn and all necessary precautions are taken to avoid any harm to lab workers and the environment.
 +
</p>
 +
 
 +
 
 +
<div style="width:70%;margin-left:15%">
 +
<p style="font-size:18px">Lab safety training includes the following:</p>
 +
<ul>
 +
<li>Location and use of fire alarms, exits, and extinguishers</li>
 +
<li>Location and use of eyewash stations, safety showers, first aid kits, chemical spill kits and response cards, laboratory gas shut off valves</li>
 +
<li>Standard laboratory safety rules, including proper lab wear, protective gear, use of hazardous equipment</li>
 +
<li>Proper method of disposal and spill response for biohazardous materials, sharps, chemicals, radioactive material, ethidium bromide gels</li>
 +
<li>Proper use and handling of autoclaves (undergone with the department's designated trainer)</li>
 +
</ul>
 +
<p style="font-size:18px">Risk Group 1 (non-pathogenic organisms) Escherichia coli DH5-a strain in regulation with the Canadian Biosafety Standards was used for plasmid housing, has no 'natural' environment or habitat as it does not exist in nature. The primary strain of E. coli used for expression was BL21 and it does not pose any threat to laboratory workers, the general public, or the environment. Standard lab biosafety regulations were followed to ensure that any modified strains were not introduced to people or the environment outside of the lab.</p>
 +
 
 +
<p style="font-size:18px">All of our work is done under the direct supervision of Dr. Martin Petkovich, Dr. Donald Cameron, Dr. Virginia Walker or Kristy Moniz to ensure lab equipment and materials are being utilized in a safe and effective manner.</p>
 
</div>
 
</div>
  
 +
<div class="first-slideshow-container" style="width:70%;margin-left:15%">
  
 +
<div class="myFirstSlides">
 +
  <div class="numbertext">1 / 4</div>
 +
  <img src="https://static.igem.org/mediawiki/2018/f/f5/T--Queens_Canada--SafetyEllis.jpg" style="width:50%;"/>
 +
  <div class="text">Wet-Lab Ellis being safe.</div>
 +
</div>
  
−
<div class="column full_size">
+
<div class="myFirstSlides">
−
<h1>These are some of our safety pictures</h1>
+
  <div class="numbertext">2 / 4</div>
−
<div style="display:inline-block"><img src="https://static.igem.org/mediawiki/2018/2/29/T--Queens_Canada--MainLabBench2018.jpg" alt="Lab bench" height="300"></div>
+
  <img src="https://static.igem.org/mediawiki/2018/e/e5/T--Queens_Canada--SafetyLabBench.jpg" style="max-height:680px;"/>
−
<div style="display:inline-block"><h3>Our main lab bench</h3></div>
+
  <div class="text">Our neat and safe lab bench.</div>
−
<br>
+
</div>
−
<div style="display:inline-block"><h3>Our emergency shower</h3></div>
+
−
<div style="display:inline-block"><img src="https://static.igem.org/mediawiki/2018/7/7d/T--Queens_Canada--EmergencyShower2018.jpg" alt="Eshower" height="400">
+
  
−
<br>
+
<div class="myFirstSlides">
−
<img src="https://static.igem.org/mediawiki/2018/9/90/T--Queens_Canada--EmergencySpillKit2018.jpg" alt="Espill kit" width="300">
+
  <div class="numbertext">3 / 4</div>
−
<h3>Our emergency spill kit</h3>
+
  <img src="https://static.igem.org/mediawiki/2018/4/4b/T--Queens_Canada--SafetyEmergencyShower.jpg" style="width:50%"/>
 +
  <div class="text">A critical component of safety, the emergency shower helps keep us safe (and clean).</div>
 
</div>
 
</div>
 +
 +
<div class="myFirstSlides">
 +
  <div class="numbertext">4 / 4</div>
 +
  <img src="https://static.igem.org/mediawiki/2018/5/54/T--Queens_Canada--SafetyBucket.jpg" style="width:50%"/>
 +
  <div class="text">Safety bucket.</div>
 
</div>
 
</div>
−
</body>
 
  
 +
<a class="prev" onclick="plusFirstSlides(-1)">&#10094;</a>
 +
<a class="next" onclick="plusFirstSlides(1)">&#10095;</a>
 +
 +
</div>
 +
 +
 +
<footer style="background-color: #212121;height:90px ">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="col-md-4">
 +
                        <ul class="list-inline quicklinks">
 +
                            <li><a href="https://igem.org/Main_Page" style="color:white; font-size:16pt">iGEM Headquarters</a>
 +
                            </li>
 +
                        </ul>
 +
                    </div>
 +
                    <div class="col-md-4">
 +
                        <ul class="list-inline social-buttons" style="margin-left:20%">
 +
                            <li><a href="https://twitter.com/iGEMQueens"style="    display: block;
 +
    background-color: #fff;
 +
    height: 40px;
 +
    width: 40px;
 +
    border-radius: 100%;
 +
    font-size: 20px;
 +
    line-height: 40px;
 +
    color: #000;
 +
    outline: 0;
 +
    -webkit-transition: all .3s;
 +
    -moz-transition: all .3s;
 +
    transition: all .3;"><i class="fa fa-twitter"style="color:black; font-family:FontAwesome;margin-left:10.75px;"></i></a>
 +
                            </li>
 +
                            <li><a href="https://www.facebook.com/iGEMQueens/?fref=ts"style="    display: block;
 +
    background-color: #fff;
 +
    height: 40px;
 +
    width: 40px;
 +
    border-radius: 100%;
 +
    font-size: 20px;
 +
    line-height: 40px;
 +
    color: #000;
 +
    outline: 0;
 +
    -webkit-transition: all .3s;
 +
    -moz-transition: all .3s;
 +
    transition: all .3;"><i class="fa fa-facebook"style="color:black;font-family:FontAwesome;margin-left:10.75px;"></i></a>
 +
                            </li>
 +
                            <li><a href="mailto:director@qgemteam.com" style="    display: block;
 +
    background-color: #fff;
 +
    height: 40px;
 +
    width: 40px;
 +
    border-radius: 100%;
 +
    font-size: 20px;
 +
    line-height: 40px;
 +
    color: #000;
 +
    outline: 0;
 +
    -webkit-transition: all .3s;
 +
    -moz-transition: all .3s;
 +
    transition: all .3;"><i class="fa fa-envelope"style="color:black;font-family:FontAwesome;margin-left:10.75px;"></i></a>
 +
                            </li>
 +
                            <li><a href="https://www.linkedin.com/company/1633448?trk=tyah&amp;trkInfo=clickedVertical%3Acompany%2CclickedEntityId%3A1633448%2Cidx%3A1-1-1%2CtarId%3A1464110668532%2Ctas%3Aqgem" style="    display: block;
 +
    background-color: #fff;
 +
    height: 40px;
 +
    width: 40px;
 +
    border-radius: 100%;
 +
    font-size: 20px;
 +
    line-height: 40px;
 +
    color: #000;
 +
    outline: 0;
 +
    -webkit-transition: all .3s;
 +
    -moz-transition: all .3s;
 +
    transition: all .3;"><i class="fa fa-linkedin"style="color:black; font-family:FontAwesome;margin-left:10.75px;"></i></a>
 +
                            </li>
 +
                        </ul>
 +
                    </div>
 +
                    <div class="col-md-4">
 +
                        <ul class="list-inline quicklinks" style="color: white;font-size:16pt;">
 +
                            <li><a href="http://www.queensu.ca/" style="color:white;margin-left:100px;">Queen's University</a>
 +
                            </li>
 +
                        </ul>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </footer>
 +
 +
<script>
 +
var firstSlideIndex = 1;
 +
showFirstSlides(firstSlideIndex);
 +
 +
function plusFirstSlides(n) {
 +
  showFirstSlides(firstSlideIndex += n);
 +
}
 +
 +
function currentFirstSlide(n) {
 +
  showFirstSlides(firstSlideIndex = n);
 +
}
 +
 +
function showFirstSlides(n) {
 +
  var i;
 +
  var slides = document.getElementsByClassName("myFirstSlides");
 +
  var dots = document.getElementsByClassName("dot1");
 +
  if (n > slides.length) {firstSlideIndex = 1}   
 +
  if (n < 1) {firstSlideIndex = slides.length}
 +
  for (i = 0; i < slides.length; i++) {
 +
      slides[i].style.display = "none"; 
 +
  }
 +
  for (i = 0; i < dots.length; i++) {
 +
      dots[i].className = dots[i].className.replace(" active", "");
 +
  }
 +
  slides[firstSlideIndex-1].style.display = "block"; 
 +
  dots[firstSlideIndex-1].className += " active";
 +
}
 +
</script>
 +
</body>
 
</html>
 
</html>

Latest revision as of 00:01, 16 October 2018

Safety

By ensuring all of our QGEM team members have undergone the necessary laboratory safety training, Workplace Hazardous Materials Information System (WHMIS) training and Biosafety Level 1 training, we are creating a safe and informed workplace.

Prior to any experiments, the required SDS are read to ensure all relevant safety information, personal protective equipment (PPE) is worn and all necessary precautions are taken to avoid any harm to lab workers and the environment.

Lab safety training includes the following:

  • Location and use of fire alarms, exits, and extinguishers
  • Location and use of eyewash stations, safety showers, first aid kits, chemical spill kits and response cards, laboratory gas shut off valves
  • Standard laboratory safety rules, including proper lab wear, protective gear, use of hazardous equipment
  • Proper method of disposal and spill response for biohazardous materials, sharps, chemicals, radioactive material, ethidium bromide gels
  • Proper use and handling of autoclaves (undergone with the department's designated trainer)

Risk Group 1 (non-pathogenic organisms) Escherichia coli DH5-a strain in regulation with the Canadian Biosafety Standards was used for plasmid housing, has no 'natural' environment or habitat as it does not exist in nature. The primary strain of E. coli used for expression was BL21 and it does not pose any threat to laboratory workers, the general public, or the environment. Standard lab biosafety regulations were followed to ensure that any modified strains were not introduced to people or the environment outside of the lab.

All of our work is done under the direct supervision of Dr. Martin Petkovich, Dr. Donald Cameron, Dr. Virginia Walker or Kristy Moniz to ensure lab equipment and materials are being utilized in a safe and effective manner.

1 / 4
Wet-Lab Ellis being safe.
2 / 4
Our neat and safe lab bench.
3 / 4
A critical component of safety, the emergency shower helps keep us safe (and clean).
4 / 4
Safety bucket.