Difference between revisions of "Team:CMUQ/Safety"

(Prototype team page)
 
Line 1: Line 1:
−
{{CMUQ}}
 
 
<html>
 
<html>
  
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
  
−
<div class="column full_size">
+
<link href="https://fonts.googleapis.com/css?family=Lora" rel="stylesheet">
 +
    <link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet">
 +
    <link href="https://fonts.googleapis.com/css?family=Roboto:300" rel="stylesheet">
  
−
<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>
+
<link rel='stylesheet prefetch' href='https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css'>
  
−
<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>
+
<!-- Latest compiled and minified CSS -->
 +
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  
−
</div>
+
<style>
 +
@media (min-width: 768px) {
 +
    .dropdown:hover .dropdown-menu {
 +
    display: block;
 +
    }
 +
}
 +
.centered {
 +
    position: absolute;
 +
    top: 200px;
 +
    left: 330px;
  
 +
  color: white;
 +
}
  
−
<div class="column full_size">
+
.footer{
−
<h5>Safe Project Design</h5>
+
    display: table;
 +
    text-align: center;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
}
 +
p{
 +
font-family: 'Roboto', sans-serif;
 +
}
 +
body, html {
 +
    height: 100%;
 +
}
  
−
<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>
+
.main{
 +
    /* The image used */
 +
    background-image: url('https://static.igem.org/mediawiki/2017/f/f3/IMG_0030.jpg');
  
−
<ul>
+
    /* Full height */
−
<li>Choosing a non-pathogenic chassis</li>
+
    height: 1000px;
−
<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>
+
    /* Create the parallax scrolling effect */
 +
    background-attachment: fixed;
 +
    background-position: center;
 +
    background-repeat: no-repeat;
 +
    background-size: cover;
 +
  opacity: 0.9;
 +
   
 +
}
  
−
<div class="column half_size">
 
−
<h5>Safe Lab Work</h5>
 
  
−
<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>
+
.division{
 +
    font-family: 'Raleway', sans-serif;
 +
   
 +
    height:370px;   
 +
   
 +
}
 +
html {
 +
font-size: 13px;
 +
}
 +
h1 {
 +
font-size: 8rem;
 +
position: absolute;
 +
}
 +
h2 {
 +
font-size: 2rem;
 +
position: absolute;
 +
}
 +
p {
 +
font-size: 1rem;
 +
word-wrap: break-word;
 +
word-break: keep-all;
 +
}
 +
  
 +
 +
@media screen and (min-width: 500px){
 +
  html{
 +
    font-size: 14px;
 +
  }
 +
}
 +
@media screen and (min-width: 570px){
 +
  html{
 +
    font-size: 15px;
 +
  }
 +
}
 +
@media screen and (min-width: 620px){
 +
  html{
 +
    font-size: 16px;
 +
  }
 +
}
 +
@media screen and (min-width: 680px){
 +
  html{
 +
    font-size: 17px;
 +
  }
 +
}
 +
@media screen and (min-width: 720px){
 +
  html{
 +
    font-size: 18px;
 +
  }
 +
}
 +
@media screen and (min-width: 800px){
 +
  html{
 +
    font-size: 19px;
 +
  }
 +
}
 +
@media screen and (min-width: 860px){
 +
  html{
 +
    font-size: 20px;
 +
  }
 +
}
 +
@media screen and (min-width: 920px){
 +
  html{
 +
    font-size: 21px;
 +
  }
 +
}
 +
@media screen and (min-width: 1000px){
 +
  html{
 +
    font-size: 22px;
 +
  }
 +
}    
 +
 +
            /* Collapsing Navbar Styles */
 +
 +
    @media(min-width:768px) {
 +
      .navbar-default {
 +
        -webkit-transition: all .35s;
 +
        -moz-transition: all .35s;
 +
        transition: all .35s;
 +
        padding: 15px 0;
 +
        background-color: transparent;
 +
                border-width: 0px;
 +
 +
        /* Add additional styles here for the UNCOLLAPSED state */
 +
      }
 +
      .navbar-default.affix {
 +
        padding: 0;
 +
margin-top: 9px;
 +
        background-color: white;
 +
        /* Add additional styles here for the COLLAPSED state */
 +
      }
 +
    }
 +
    .navbar.navbar-default.navbar-fixed-top a {
 +
    color: black;
 +
    font-size: 15px;
 +
                font-family: 'Montserrat', sans-serif;
 +
 +
    }
 +
 +
/***************************************************** DEFAULT WIKI SETTINGS  ****************************************************/
 +
 +
/* Clear the default wiki settings */
 +
 +
#home_logo, #sideMenu { 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; }
 +
 +
 +
 +
 +
 +
/***************************************************** CONTENT OF THE PAGE ****************************************************/
 +
 +
/* Wrapper for the content */
 +
.igem_2017_content_wrapper {
 +
width: 81%;
 +
margin: 2%;
 +
display:block;
 +
float:left;
 +
background-color:white;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
 +
 +
 +
/********************************* HTML STYLING  *********************************/
 +
 +
/* styling for the titles h1 h2 */
 +
.igem_2017_content_wrapper h1, .igem_2017_content_wrapper h2 {
 +
padding:5px 15px;
 +
border-bottom: 0px;
 +
color: #3399ff;
 +
}
 +
 +
 +
/* styling for the titles  h3 h4 h5 h6*/
 +
.igem_2017_content_wrapper h3, .igem_2017_content_wrapper h4, .igem_2017_content_wrapper h5, .igem_2017_content_wrapper h6 {
 +
padding:5px 15px;
 +
border-bottom:0px;
 +
color: #000000; 
 +
}
 +
 +
 +
/* font and text */
 +
.igem_2017_content_wrapper p {
 +
padding: 0px 15px;
 +
font-size: 13px;
 +
}
 +
 +
/* Links */
 +
.igem_2017_content_wrapper a {
 +
font-weight: bold;
 +
text-decoration: underline;
 +
text-decoration-color: #3399ff;
 +
color:  #3399ff;
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease;
 +
transition: all 0.4s ease;
 +
}
 +
 +
/* hover for the links */
 +
.igem_2017_content_wrapper a:hover {
 +
text-decoration:none;
 +
color:#000000;
 +
}
 +
 +
/* non numbered lists */
 +
.igem_2017_content_wrapper ul {
 +
padding:0px 20px;
 +
font-size: 13px;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
 +
 +
/* numbered lists */
 +
.igem_2017_content_wrapper ol {
 +
padding:0px;
 +
font-size: 13px;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
 +
 +
/* Table */
 +
.igem_2017_content_wrapper table {
 +
width: 97%;
 +
margin:15px 10px;
 +
border: 1px solid #d3d3d3;
 +
border-collapse: collapse;
 +
}
 +
 +
/* table cells */
 +
.igem_2017_content_wrapper  td {
 +
padding: 10px;
 +
vertical-align: text-top;
 +
border: 1px solid #d3d3d3;
 +
border-collapse: collapse;
 +
}
 +
 +
/* table headers */
 +
.igem_2017_content_wrapper th {
 +
padding: 10px;
 +
vertical-align: text-top;
 +
border: 1px solid #d3d3d3;
 +
border-collapse: collapse;
 +
background-color:#f2f2f2;
 +
}
 +
 +
 +
/**********************************LAYOUT CLASSES **********************************/
 +
 +
/* general class for column divs */
 +
.igem_2017_content_wrapper .column  {
 +
padding: 10px 0px;
 +
float:left;
 +
}
 +
 +
/* class for a full width column */
 +
.column .full_size {
 +
width:100%;
 +
}
 +
 +
/* styling for images in a full width column*/
 +
.column.full_size img {
 +
width:97%;
 +
padding: 10px 15px;
 +
}
 +
 +
/* class for a half width column */
 +
.column.half_size {
 +
width: 50%;
 +
}
 +
/* styling for images in a half width column*/
 +
.column.half_size img {
 +
width: 94.5%;
 +
padding: 10px 15px;
 +
}
 +
 +
 +
 +
 +
/********************************* SUPPORT CLASSES ********************************/
 +
 +
/* class that clears content below*/
 +
.igem_2017_content_wrapper .clear {
 +
clear:both;
 +
}
 +
 +
 +
/* adds extra spacing when clearing content */
 +
.igem_2017_content_wrapper  .clear.extra_space {
 +
height: 30px;
 +
}
 +
 +
 +
/* highlight class, makes content slightly smaller */
 +
.igem_2017_content_wrapper .highlight {
 +
margin: 0px 15px;
 +
padding: 15px 0px;
 +
}
 +
 +
 +
/* highlight class, adds a gray background */
 +
.igem_2017_content_wrapper .highlight.gray {
 +
background-color: #f2f2f2;
 +
}
 +
 +
/* highlight with decoration blue line on top */
 +
.igem_2017_content_wrapper .highlight.blue_top {
 +
    border-top: 4px solid #3399ff;
 +
}
 +
 +
/* highlight with a full blue border decoration */
 +
.igem_2017_content_wrapper .highlight.blue_border {
 +
    border: 4px solid  #3399ff;
 +
}
 +
 +
 +
/* button class */
 +
.igem_2017_content_wrapper .button{
 +
max-width: 35%;
 +
margin: 30px auto;
 +
padding: 12px 10px;
 +
    background-color: #3399ff;
 +
    text-align: center;
 +
  color: #ffffff;
 +
-webkit-transition: all 0.4s ease;
 +
-moz-transition: all 0.4s ease;
 +
-ms-transition: all 0.4s ease;
 +
-o-transition: all 0.4s ease; transition: all 0.4s ease; 
 +
}
 +
 +
/* styling for button on hover */
 +
.igem_2017_content_wrapper .button:hover{
 +
background-color: #3399ff;
 +
    color: #000000;
 +
}
 +
 +
 +
 +
 +
/***************************************************** RESPONSIVE STYLING ****************************************************/
 +
 +
/* IF THE SCREEN IS LESS THAN 1200PX */
 +
@media only screen and (max-width: 1200px) {
 +
 +
#content {width:100%; }
 +
.igem_2017_menu_wrapper {width:15%; right:0;}
 +
.highlight {padding:10px 0px;}
 +
.igem_2017_menu_wrapper #display_menu_control { display:none; }
 +
#menu_content { display:block;}
 +
.menu_button.direct_to_page {padding-left: 17px;}
 +
 +
}
 +
 +
/* IF THE SCREEN IS LESS THAN 800PX */
 +
@media only screen and (max-width: 800px) {
 +
 +
.igem_2017_menu_wrapper { width:100%; height: 15%; position:relative; left:0%;}
 +
.igem_2017_content_wrapper {width:100%; margin-left:0px;}
 +
.column.half_size  {width:100%; }
 +
.column.full_size img, .column.half_size img {  width: 100%; padding: 10px 0px;}
 +
.highlight {padding:15px 5px;}
 +
.igem_2017_menu_wrapper #display_menu_control { display:block; }
 +
#menu_content { display:none;}
 +
.igem_2017_menu_wrapper .menu_button .expand_collapse_icon { width: 5%; }
 +
.menu_bottom_padding {display:none;}
 +
.menu_button.direct_to_page { padding-left: 36px; }
 +
}
 +
 +
 +
 +
 +
 +
 +
</style>
 +
 +
 +
<!--- THIS IS WHERE THE HTML BEGINS --->
 +
 +
 +
 +
<head>
 +
 +
<!-- This tells the browser that your page is responsive -->
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 +
 +
</head>
 +
<nav id="mainNav" class="navbar navbar-default navbar-fixed-top">
 +
    <div class="container">
 +
      <!-- Brand and toggle get grouped for better mobile display -->
 +
      <div class="navbar-header">
 +
        <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
 +
          <span class="sr-only">Toggle navigation</span>
 +
          <span class="icon-bar"></span>
 +
          <span class="icon-bar"></span>
 +
          <span class="icon-bar"></span>
 +
        </button>
 +
        <a class="navbar-brand" href="https://2017.igem.org/Team:CMUQ" >CMUQ</a>
 +
      </div>
 +
 +
      <!-- Collect the nav links, forms, and other content for toggling -->
 +
      <div class="collapse navbar-collapse" id= "expand">
 +
        <ul class="nav navbar-nav navbar-right">
 +
            <li class="dropdown">
 +
                <a class="dropdown-toggle" data-toggle="dropdown" href="#">PROJECT <span class="caret"> </span></a>
 +
                <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/descritpion">Description</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/design">Design</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/safety">Safety</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/Demonstrate">Demonstrate</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/Model">Model</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/Collaborations">Collaborations</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/JudgingForm">Judging Form </a> </li>
 +
                           
 +
                </ul>
 +
            </li>
 +
            <li class="dropdown">
 +
                <a class="dropdown-toggle" data-toggle="dropdown" href="#"> COMMUNITY INVOLVEMENT <span class="caret"> </span></a>
 +
                <ul class="dropdown-menu">
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/humanpractices">Human Practices</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/HP/Silver"> Silver HP </a></li>
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/Engagement"> Outreach</a></li>
 +
                </ul>
 +
            </li>
 +
            <li class="dropdown">
 +
                <a class="dropdown-toggle" data-toggle="dropdown" href="#"> LAB WORK <span class="caret"> </span></a>
 +
                <ul class="dropdown-menu">
 +
                           
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/Notebook">Notebook</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/protocols">Procedures</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/InterLab">InterLab Study</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/results">Analysis</a></li>
 +
                </ul>
 +
            </li>
 +
           
 +
            <li class="dropdown">
 +
                <a class="dropdown-toggle" data-toggle="dropdown" href="#"> TEAM <span class="caret"> </span></a>
 +
                <ul class="dropdown-menu">
 +
                    <li><a href="https://2017.igem.org/Team:CMUQ/Team">Team</a></li>
 +
                            <li><a href="https://2017.igem.org/Team:CMUQ/Attributions">Attributions</a></li>
 +
                </ul>
 +
            </li>
 +
            <li><a href="https://2017.igem.org/Team:CMUQ/gallery">GALLERY</a></li>
 +
           
 +
        </ul>
 +
      </div>
 +
      <!-- /.navbar-collapse -->
 +
    </div>
 +
    <!-- /.container -->
 +
  </nav>
 +
 +
<div class="main">
 +
<div class="centered"> <h1>Safety </h1> </div>
 
</div>
 
</div>
  
−
<div class="column half_size">
+
<body>
−
<h5>Safe Shipment</h5>
+
  
−
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
 
 +
 
 +
 
 +
<p style="font-family: 'Lora', serif; margin-right: 120px; margin-left:120px;font-size:25px;margin-top:30px;">The Safety Level of our lab is Level 1 (low risk), our work areas to handle biological materials include open bench and biosafety cabinet. All of our team members have received biosafety training from CMUQ’s biosafety office prior to entering the lab. The training topics included, Lab access and rules, responsible individuals, difference between biosafety levels, biosafety equipment, good microbial technique and chemicals, fire and electrical safety.
 +
</p>
 +
<br>
 +
<p style="font-family: 'Lora', serif; margin-right: 120px; margin-left:120px;font-size:25px;margin-top:30px;">Dr. Ravichandra Bachu (rbachu@qatar.cmu.edu) is in charge of the Safety of the labs in CMUQ. The laboratory biosafety guidelines followed by us are the same as Carnegie Mellon University Pittsburgh. The link to these guidelines is <a href=""https://www.cmu.edu/ehs/biological/index.html"">here </a>. Fortunately, we didn’t encounter any uncertainties concerning institutional, regional, national or international rules and regulations. </p>
 +
<br>
 +
<p style="font-family: 'Lora', serif; margin-right: 120px; margin-left:120px;font-size:25px;margin-top:30px;">Regarding our project, the team intends to clone a bacterium which will respond differently to different salt concentrations in its surrounding. As a result of this, we will use the determined salt concentrations to estimate the Sulfate Reducing Bacteria (SRB) populations in the sea water at any given time. Based on this estimate, it will be easier to decide the amount of biocide that should be added to kill the SRB in order to prevent Microbial Induced Corrosion (MIC).
 +
</p>
 +
<br>
 +
<p style="font-family: 'Lora', serif; margin-right: 120px; margin-left:120px;font-size:25px;margin-top:30px;">Our project could be applied in the natural environment, as the engineered cells are a strain of E. Coli, which are abundantly found in the environment . Therefore, they do not have any health hazards for the Marine life. Our project does not include the use of gene drives nor animals. Antimicrobial resistance factors are used as they are commonly used in research and all parts used are included in the whitelist.
 +
</p>
 +
<br>
 +
<p style="font-family: 'Lora', serif; margin-right: 120px; margin-left:120px;font-size:25px;margin-top:30px;">During the project, only bacteria will be used, DH5a strain of E.coli will be transformed with a proU osmolarity promoter that will detect high salt in the extracellular environment. To avoid any uncertainties or gaps in our project safety, we have worked with one of our PI, who is a Microbiologist and also received guidance from the laboratory technicians.
 +
 +
</p>
 +
 
 +
 
 +
 
 +
 
 +
<div class="footer">
 +
<hr>
 +
<span class="glyphicon glyphicon-chevron-up"></span>
 +
</br>
 +
<img src = "https://static.igem.org/mediawiki/2017/e/e5/Occidental_Logo..png" width = "15%;" >
 +
<img src = "https://static.igem.org/mediawiki/2017/6/66/Logo_w-o_bg_green_mangroves.png" width = "20%;" >
 +
<img src = "https://static.igem.org/mediawiki/2017/f/fa/IDT_logo.cmuq.png" width = "20%;" >
 +
<img src = "https://static.igem.org/mediawiki/2017/5/53/Benchling-logo.png" width = "20%; " >  
 
</div>
 
</div>
  
  
 +
 +
 +
 +
 +
<script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>
 +
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js'></script>
 +
<script type="text/javascript">
 +
// Initialize affix and add an offset to add affix class on scroll
 +
$('#mainNav').affix({
 +
  offset: {
 +
    top: 100
 +
  }
 +
})
 +
</script>
 +
 +
<!-- Latest compiled and minified JavaScript -->
 +
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
 +
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
 +
 +
</body>
 
</html>
 
</html>

Revision as of 17:05, 1 November 2017

Safety

The Safety Level of our lab is Level 1 (low risk), our work areas to handle biological materials include open bench and biosafety cabinet. All of our team members have received biosafety training from CMUQ’s biosafety office prior to entering the lab. The training topics included, Lab access and rules, responsible individuals, difference between biosafety levels, biosafety equipment, good microbial technique and chemicals, fire and electrical safety.


Dr. Ravichandra Bachu (rbachu@qatar.cmu.edu) is in charge of the Safety of the labs in CMUQ. The laboratory biosafety guidelines followed by us are the same as Carnegie Mellon University Pittsburgh. The link to these guidelines is here . Fortunately, we didn’t encounter any uncertainties concerning institutional, regional, national or international rules and regulations.


Regarding our project, the team intends to clone a bacterium which will respond differently to different salt concentrations in its surrounding. As a result of this, we will use the determined salt concentrations to estimate the Sulfate Reducing Bacteria (SRB) populations in the sea water at any given time. Based on this estimate, it will be easier to decide the amount of biocide that should be added to kill the SRB in order to prevent Microbial Induced Corrosion (MIC).


Our project could be applied in the natural environment, as the engineered cells are a strain of E. Coli, which are abundantly found in the environment . Therefore, they do not have any health hazards for the Marine life. Our project does not include the use of gene drives nor animals. Antimicrobial resistance factors are used as they are commonly used in research and all parts used are included in the whitelist.


During the project, only bacteria will be used, DH5a strain of E.coli will be transformed with a proU osmolarity promoter that will detect high salt in the extracellular environment. To avoid any uncertainties or gaps in our project safety, we have worked with one of our PI, who is a Microbiologist and also received guidance from the laboratory technicians.