Difference between revisions of "Team:UIUC Illinois/Safety"

(Prototype team page)
 
 
(10 intermediate revisions by 3 users not shown)
Line 2: Line 2:
 
<html>
 
<html>
  
 +
<style>
  
−
<div class="column full_size">
+
<font-family:"Arial";
−
 
+
        color:black;
 +
>
 +
</style>
 +
<center> 
 +
<div style="background-color: #ff7f24; border: 0.45vw #A9DCF1; display:table; width:90%">
 
<h1> Safety </h1>
 
<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 style="color: black; font-size:1.2vw; margin-left: 5vw; align=left; margin-right:5vw"> Safety has been our ultimate goal since we began our project. In an attempt to improve our personal protection the team was involved in multiple training seminars. We all completed University of Illinois safety training which included videos and quizzes. We also completed safety training for the Carl Woese Institute of Genomic Biology. Our lab space also had a specific lab safety presentation about their specific requirements and protocols. We learned so much from all of these training sessions which led us to have a very safe and effective work space. We also completed the iGEM safety sheets which allowed us to discussion in more detail with our mentors the safety of our specific project.  
 +
A few of the practical safety precautions we used everyday:</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>
+
<p style="color: black; font-size:1.2vw; margin-left: 5vw; align=left; margin-right:5vw">1. Closed toed shoes </p>
  
 +
<p style="color: black; font-size:1.2vw; margin-left: 5vw; align=left; margin-right:5vw">2. Gloves</p>
 +
 +
<p style="color: black; font-size:1.2vw; margin-left: 5vw; align=left; margin-right:5vw">3. Proper sterile technique </p>
 +
 +
<p style="color: black; font-size:1.2vw; margin-left: 5vw; align=left; margin-right:5vw">4. Always having another member present while doing lab work </p>
 +
<img src="https://static.igem.org/mediawiki/2018/1/12/T--UIUC_Illinois--bio-safety_hood.jpg" style="width:30%;float:center"/>
 +
<img src="https://static.igem.org/mediawiki/2018/6/67/T--UIUC_Illinois--Gelimaging.jpg" style="width:30%;float:center"/>
 +
</center>
 
</div>
 
</div>
 +
<head>
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 +
    <meta http-equiv="x-ua-compatible" content="ie=edge">
 +
    <title>Material Design Bootstrap</title>
 +
    <!-- Font Awesome -->
 +
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
 +
    <!-- Bootstrap core CSS -->
 +
    <link href="css/bootstrap.min.css" rel="stylesheet">
 +
    <!-- Material Design Bootstrap -->
 +
    <link href="css/mdb.min.css" rel="stylesheet">
 +
    <!-- Your custom styles (optional) -->
 +
    <link href="css/style.css" rel="stylesheet">
 +
</head>
 +
<style>
 +
/* Clear the default wiki settings */
  
 +
#home_logo, #sideMenu { display:none; }
 +
          #contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo {display:none;}
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { width:100%; padding:0px;  margin-top:-7px; margin-left:0px;}
 +
body {background-color:white; }
 +
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
  
−
<div class="column two_thirds_size">
 
−
<h3>Safe Project Design</h3>
 
  
−
<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>
+
@charset "UTF-8";
  
−
<ul>
 
−
<li>Choosing a non-pathogenic chassis</li>
 
−
<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>
+
.footer-distributed{
 +
background-color: #122b40;
 +
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
 +
box-sizing: border-box;
 +
width: 100%;
 +
text-align: left;
 +
padding: 45px 50px;
 +
margin-top: 80px;
 +
bottom: 0px;
 +
}
  
−
<div class="column third_size">
+
.footer-distributed .footer-left p{
−
<h3>Safe Lab Work</h3>
+
        color:  white;
 +
font-size: 14px;
 +
margin: 0;
 +
}
 +
.footer-distributed .footer-right p{
 +
        color: white;
 +
font-size: 14px;
 +
margin: 0;
 +
}
  
−
<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>
+
/* Footer links */
  
 +
.footer-distributed p.footer-links{
 +
font-size:18px;
 +
font-weight: bold;
 +
color:  #ffffff;
 +
margin: 0 0 10px;
 +
padding: 0;
 +
}
  
−
<h3>Safe Shipment</h3>
 
  
−
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
.footer-distributed p.footer-links a{
 +
display:inline-block;
 +
line-height: 1.8;
 +
text-decoration: none;
 +
color:  inherit;
 +
}
 +
 
 +
.footer-distributed .footer-right{
 +
float: right;
 +
margin-top: 6px;
 +
max-width: 400px;
 +
}
 +
 
 +
 
 +
 
 +
.footer-distributed .footer-right a{
 +
display: inline-block;
 +
width: 50px;
 +
height: 35px;
 +
 +
border-radius: 2px;
 +
 
 +
font-size: 20px;
 +
color: white;
 +
text-align: center;
 +
line-height: 35px;
 +
 
 +
margin-left: 3px;
 +
}
 +
 
 +
.sponsors {
 +
            margin: 2.5px;
 +
            width: 125px;
 +
        }
 +
 
 +
/* If you don't want the footer to be responsive, remove these media queries */
 +
 
 +
@media (max-width: 600px) {
 +
 
 +
.footer-distributed .footer-left,
 +
.footer-distributed .footer-right{
 +
text-align: center;
 +
}
 +
 
 +
.footer-distributed .footer-right{
 +
float: none;
 +
margin: 0 auto 20px;
 +
}
 +
 
 +
.footer-distributed .footer-left p.footer-links{
 +
line-height: 1.8;
 +
}
 +
}
 +
 
 +
 
 +
html, body {
 +
  padding: 0;
 +
  margin: 0;
 +
  height: 100%;
 +
}
 +
 
 +
footer {
 +
  width: 100%;
 +
}
 +
 
 +
#wrapper {
 +
  min-height: 100%;
 +
  position: relative;
 +
}
 +
 
 +
</style>
 +
 
 +
 
 +
<div id="wrapper">
 +
 
</div>
 
</div>
 +
 +
<footer class="footer-distributed">
 +
 +
<div class="footer-right">
 +
                <a target="_blank" href="mailto:illinoisigem@gmail.com"><i class="fa fa-envelope-o fa-2x"></i></a> 
 +
    <a target="_blank" href="https://www.facebook.com/UIUC-IGEM-1844032205901350/"><i class="fa fa-facebook fa-2x"></i></a>
 +
<a target="_blank" href="https://twitter.com/igem_uiuc?lang=en"><i class="fa fa-twitter fa-2x"></i></a>
 +
 +
<p> Email: illinoisigem@gmail.com</p>
 +
</div>
 +
 +
 +
<div class="footer-left">
 +
 +
<p class="footer-links">
 +
<a target="_blank" href="https://www.energy.gov/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2018/3/38/T--UIUC_Illinois--footerdoe.png">
 +
    </a>
 +
 +
<a target="_blank" href="https://cabbi.bio/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2018/e/e5/T--UIUC_Illinois--footercabbi.png">
 +
    </a>
 +
 +
<a target="_blank" href="https://www.igb.illinois.edu/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2018/3/36/T--UIUC_Illinois--footerigb.png">
 +
    </a>
 +
<a target="_blank" href="https://www.idtdna.com/pages">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2018/a/a9/T--UIUC_Illinois--footeridt.png">
 +
    </a>
 +
                             
 +
                                        <a target="_blank" href="https://www.neb.com/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2016/e/ed/T--Imperial_College--NEB.png">
 +
    </a> 
 +
 +
            <a target="_blank" href="https://www.biobasic.com/">
 +
        <img class="sponsors" src="https://static.igem.org/mediawiki/2018/e/ed/T--UIUC_Illinois--footerbiobasic.png">
 +
    </a>
 +
 +
 +
</p>
 +
 +
 +
</div>
 +
 +
</footer>
 +
  
  
 
</html>
 
</html>

Latest revision as of 03:58, 18 October 2018

Safety

Safety has been our ultimate goal since we began our project. In an attempt to improve our personal protection the team was involved in multiple training seminars. We all completed University of Illinois safety training which included videos and quizzes. We also completed safety training for the Carl Woese Institute of Genomic Biology. Our lab space also had a specific lab safety presentation about their specific requirements and protocols. We learned so much from all of these training sessions which led us to have a very safe and effective work space. We also completed the iGEM safety sheets which allowed us to discussion in more detail with our mentors the safety of our specific project. A few of the practical safety precautions we used everyday:

1. Closed toed shoes

2. Gloves

3. Proper sterile technique

4. Always having another member present while doing lab work

Material Design Bootstrap

Email: illinoisigem@gmail.com