Difference between revisions of "Team:BostonU HW/Safety"

 
(12 intermediate revisions by 3 users not shown)
Line 1: Line 1:
−
{{BUHW2016}}
+
{{Template:BUHW2016_NavBar}}
 +
 
 +
 
 +
{{Template:BUHW2016_Bootstrap}}
 
<html>
 
<html>
 +
<head>
 +
<style>
 +
 +
 +
/********************************* DEFAULT WIKI SETTINGS  ********************************/
 +
 +
  #sideMenu, #top_title {display:none;}
 +
  #content { padding:0px; width:100%; margin-top:-12px; margin-left:0px;}
 +
  body {background-color:white; }
 +
  #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
 +
 +
 +
 +
@font-face {
 +
    font-family: openSans;
 +
    src: url(https://static.igem.org/mediawiki/2016/1/1e/T--BostonU_HW--openSansLight_rcwolf.ttf);
 +
}
 +
 +
 +
html,body
 +
{
 +
    width: 100%;
 +
    min-width: 100%;
 +
    height: 100%;
 +
    margin: 0px;
 +
    padding: 0px;
 +
    overflow-x: hidden;
 +
}
 +
 +
 +
body{
 +
background-color: white;
 +
}
 +
 +
* {
 +
font-family: openSans !important;
 +
}
 +
 +
 +
.navbar {
 +
  background-color: black;
 +
  border-color: black;
 +
margin-top: 10px;
 +
 
 +
}
 +
 +
 +
 +
.navbar-default .navbar-header .navbar-brand,
 +
.navbar-default .navbar-header .navbar-brand:hover,
 +
.navbar-default .navbar-header .navbar-brand:focus {
 +
      color: white;
 +
  }
 +
  .navbar-default .nav > li > a,
 +
  .navbar-default .nav > li > a:focus {
 +
      color: white;
 +
      font-size: medium;
 +
  }
 +
  .navbar-default .nav > li > a:hover,
 +
  .navbar-default .nav > li > a:focus:hover {
 +
      color: white;
 +
      font-size: medium;
 +
  }
 +
  .navbar-default.affix {
 +
      background-color: white;
 +
      border-color: white;
 +
  }
 +
 +
 +
  /*  Animated Underlining For Menu Items  */
 +
.dropbtn {
 +
  display: inline-block;
 +
  position: relative;
 +
  padding-bottom: 3px;
 +
}
 +
.dropbtn:after {
 +
  content: '';
 +
  display: block;
 +
  margin: auto;
 +
  height: 2px;
 +
  width: 0px;
 +
  background: transparent;
 +
  transition: width .5s ease, background-color .5s ease;
 +
}
 +
.sliding-middle-out:hover > .dropbtn:after {
 +
  width: 100%;
 +
  background: white;
 +
}
 +
 +
 +
 +
 +
 +
/*  Dropdown Menu Functionality  */
 +
/* Style The Dropdown Button */
 +
.dropbtn {
 +
    color: white;
 +
    border: none;
 +
    cursor: pointer;
 +
}
 +
 +
/* The container <div> - needed to position the dropdown content */
 +
.dropdown {
 +
    position: relative;
 +
    display: inline-block;
 +
}
 +
 +
/* Dropdown Content (Hidden by Default) */
 +
.dropdown-content {
 +
    display: none;
 +
    position: absolute;
 +
    background-color: rgba(249,249,249,0.4);
 +
    min-width: 160px;
 +
}
 +
 +
/* Links inside the dropdown */
 +
.dropdown-content a {
 +
    color: black;
 +
    font-size: 15px;
 +
    padding: 10px 16px;
 +
    text-decoration: none;
 +
    display: block;
 +
}
 +
 +
/* Change color of dropdown links on hover */
 +
.dropdown-content a:hover {background-color: #f1f1f1}
 +
 +
/* Show the dropdown menu on hover */
 +
.dropdown:hover .dropdown-content {
 +
    display: block;
 +
}
 +
 +
.paddedNav{
 +
padding-left: 23px;
 +
padding-right: 23px;
 +
padding-bottom: 5px;
 +
}
 +
 +
 +
 +
 +
 +
 +
</style>
 +
 +
 +
</head>
 +
 +
 +
 +
 +
 +
 +
  
  
 
<body>
 
<body>
−
<div class="services bg-primary">
 
−
<div class="row text-center">
 
−
          <div class="col-lg-10 col-lg-offset-1">
 
−
        <div class="text-vertical-center" style="color: white;">
 
−
            <h1>Safety</h1>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
</div>
 
−
<br><br/>
 
  
 +
<header id="top" class="header">
  
−
<div class="column full_size">
+
<nav class="navbar navbar-default navbar-fixed-top" style="max-height: 70px !important;">
 +
  <div class="container-fluid paddedNav">
 +
    <!-- 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" aria-expanded="false">
 +
        <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://2016.igem.org/Team:BostonU_HW"><img src="https://static.igem.org/mediawiki/2016/9/97/T--BostonU_HW--NeptuneLogo_rcwolf.png" height="38" width="55" style="display: inline-block; padding-right: 17px; ">BU HW 2016</a>
 +
    </div>
  
 +
    <!-- Collect the nav links, forms, and other content for toggling -->
 +
    <div class="collapse navbar-collapse " >
 +
      <ul class="nav navbar-nav navbar-right">
 +
        <li class="sliding-middle-out dropdown">
 +
            <a href="#" class="dropbtn">TEAM </a>
 +
            <div class="dropdown-content">
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Team">Meet the Team </a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Attributions">Attributions</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Collaborations">Collaborations</a>
 +
            </div>
 +
        </li>
 +
        <li class="sliding-middle-out dropdown">
 +
            <a href="#" class="dropbtn">PROJECT</a>
 +
           
 +
            <div class="dropdown-content">
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Results">Results</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Demonstrate">Demonstration</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Proof">Proof</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Design">Design</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Parts">Parts</a>
 +
            </div>
 +
        </li>
 +
        <li class="sliding-middle-out dropdown">
 +
            <a href="#" class="dropbtn">NOTEBOOK</a>
 +
            <img src="https://static.igem.org/mediawiki/2016/5/58/T--BostonU_HW--indexTriangle_rcwolf.png" width="36" height="18" style="margin-bottom: 0 !important; margin-top: 0; padding-bottom: 0 !important; border: none; display: block; margin: 0 auto;">
 +
            <div class="dropdown-content">
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Notebook">Timeline</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Experiments">Experiments</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Safety">Safety</a>
 +
            </div>
 +
        </li>
 +
        <li class="sliding-middle-out dropdown">
 +
            <a href="https://2016.igem.org/Team:BostonU_HW/Human_Practices" class="dropbtn">HUMAN PRACTICES</a>
 +
            <div class="dropdown-content">
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/HP/Silver">Silver</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/HP/Gold">Gold</a>
  
−
<p>Please visit <a href="https://2016.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>
+
            </div>
 +
        </li>
 +
        <li class="sliding-middle-out dropdown">
 +
            <a href="#" class="dropbtn">AWARDS</a>
 +
            <div class="dropdown-content">
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Integrated_Practices">Integrated Practices</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Software">Software</a>
 +
            </div>
 +
        </li>
 +
        <li class="sliding-middle-out dropdown">
 +
            <a href="#" class="dropbtn">MEDAL CRITERIA </a>
 +
            <div class="dropdown-content">
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Bronze">Bronze</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Silver">Silver</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Gold">Gold</a>
 +
 
 +
            </div>
 +
        </li>
 +
       
 +
 
 +
      </ul>
 +
    </div><!-- /.navbar-collapse -->
 +
  </div><!-- /.container-fluid -->
 +
</nav>
 +
 
  
 
</div>
 
</div>
  
  
−
<div class="column full_size">
 
−
<h5>Safe Project Design</h5>
 
  
−
<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>
+
</body>
  
−
<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>
 
  
−
<div class="column half_size">
+
<html>
−
<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>
 
  
−
</div>
 
  
−
<div class="column half_size">
 
−
<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>
 
−
</div>
 
  
  
 +
<html>
  
−
     <!-- Footer -->
+
<style>
−
    <footer id="contact">
+
 
−
        <div class="container">
+
  html {
−
            <div class="row">
+
     background-color: #D2D2D2;
−
             
+
  }
−
<div class="col-lg-10 col-lg-offset-1 text-center">
+
  body {
−
                    <h2>Contact Us</h2>
+
    background-color: #D2D2D2;
−
                    <ul>
+
  }
−
<div class="col-md-6 col-lg-offset-1">
+
 
−
<img src= "https://static.igem.org/mediawiki/2016/2/25/ValenciaUPV_twitterLogo.png" height="50px">
+
  #greyWrapper {
−
                      <a href="http://twitter.com/iGemHWBU">Twitter </a>  
+
    padding-top: 30px;
 +
    background-color: #D2D2D2;
 +
    margin: 0px 0px 40px 0px;
 +
    min-height: 1000px;
 +
  }
 +
  #pageTitle {
 +
    margin-left: 25px;
 +
    padding-bottom: 16px;
 +
  }
 +
  .pageBanner {
 +
    position: fixed;
 +
    color:black;
 +
    background-color:white;
 +
    width:100%;
 +
    top:70px;
 +
    z-index: 1;
 +
  }
 +
  .densmoreCard {
 +
    background-color: white;
 +
    padding:0;
 +
  }
 +
  .advisorCard {
 +
    background-color: white;
 +
  }
 +
  .miniBio {
 +
    padding-left: 20px;
 +
    padding-right:20px;
 +
    padding-bottom:30px;
 +
  }
 +
  .bioIcon {
 +
    border: none;
 +
    display: block;
 +
    margin-top: -24px;
 +
    margin-bottom: -20px;
 +
    margin-left: auto;
 +
    margin-right: auto;
 +
  }
 +
 
 +
 
 +
 
 +
 
 +
 
 +
.btn {
 +
    padding: 14px 24px;
 +
    border: 0 none;
 +
    border-radius: 0;
 +
    font-weight: 700;
 +
    font-size: 15px;
 +
    letter-spacing: 0.5px;
 +
    text-transform: uppercase;
 +
    -webkit-box-shadow: 5px 5px 0px rgba(4, 4, 4, 0.3);
 +
    -moz-box-shadow:    5px 5px 0px rgba(4, 4, 4, 0.3);
 +
    box-shadow:        5px 5px 0px rgba(4, 4, 4, 0.3);
 +
    outline: #545454 solid 2px;
 +
   
 +
}
 +
 +
.btn:focus, .btn:active:focus, .btn.active:focus {
 +
    outline: 0 none;
 +
}
 +
 +
.btn-primary {
 +
    background: #ffffff;
 +
    color: #000000;
 +
}
 +
 
 +
.btn-primary:active, .btn-primary.active {
 +
    background: #ffffff;
 +
    color: #000000;
 +
}
 +
 
 +
 +
 
 +
.btn-primary:focus {
 +
    background: #ffffff;
 +
    color: #000000;
 +
}
 +
 +
 
 +
.btn:active:focus {
 +
    background: #545454 !important;
 +
    color: white;
 +
    box-shadow: none;
 +
}
 +
.btn-primary:hover{
 +
    background: #545454;
 +
    color: white;
 +
}
 +
 
 +
 
 +
</style>
 +
 
 +
 
 +
 
 +
<body>
 +
<!-- PAGE TITLE BANNER -->
 +
  <div id="greyWrapper">  
 +
    <div class="pageBanner">
 +
      <h3 id="pageTitle">SAFETY</h3>
 +
    </div>
 +
    <br><br><br><br>
 +
   
 +
   
 +
 
 +
 
 +
<div class="row" style="padding-top:0px; padding-bottom:50px;">
 +
  <div class="col-md-1"></div>
 +
  <div class="col-md-10" style="font-size: 3em; line-height: 130%;">Safety Considerations</div>
 +
  <div class="col-md-1"></div>
 
</div>
 
</div>
−
<div class="col-md-2">
+
 
−
<img src= "https://static.igem.org/mediawiki/2016/2/2c/ValenciaUPV_mailLogo.png" height="50px">
+
<div class="row" style="padding-top:100px; padding-bottom:100px;">
−
                      <a href="mailto:bu.igemhw2016@gmail.com"> Email</a>
+
  <div class="col-md-1"></div>
 +
  <div class="col-md-10" style="background-color: white; padding-top:50px; padding-bottom:50px;">
 +
    <div class="row">
 +
      <div class="col-md-1"></div>
 +
      <div class="col-md-10">
 +
        <div style="font-size: 2em; line-height: 150%; color:#355E62;">SAFE LAB WORK</div>
 +
        <br><br>
 +
        <div>
 +
          Being a hardware team, we work in a computer laboratory with no chemicals, toxins, or extreme cold temperatures. However, we do have machines and tools. To ensure lab safety, we wear eye protection when working with the drills and soldering irons, and wear gloves when necessary.
 +
<br><br>
 +
In all collaboration experiments involving mammalian cells, no team member handled biological materials.
 +
        </div>
 +
      </div>
 +
      <div class="col-md-1"></div>
 +
    </div>
 +
  </div>
 +
  <div class="col-md-1"></div>
 
</div>
 
</div>
−
                      <br/><br/><br/>
+
 
−
                    </ul>
+
<div class="row" style="padding-top:100px; padding-bottom:100px;">
−
                    <hr class="small">
+
  <div class="col-md-1"></div>
−
                    <p class="text-muted" style="text-align:center">Copyright &copy; Boston University Hardware Team Website 2016</p>
+
  <div class="col-md-10" style="background-color: white; padding-top:50px; padding-bottom:50px;">  
−
    </div>
+
    <div class="row">
−
</div>
+
      <div class="col-md-1"></div>
 +
      <div class="col-md-10">
 +
        <div style="font-size: 2em; line-height: 150%; color:#355E62;">PROJECT DESIGN</div>
 +
        <br><br>
 +
        <div>
 +
          <br> To create our microfluidic chip, we use a Polydimethylsiloxane (PDMS) layer to bind the control layer and the flow layer. This is a polymeric organosilicon compound that has 'no marked harmful effects on organisms in the environment' according to <a href= 'https://dx.doi.org/10.1002%2F14356007.a24_057'> Ullmann's Encyclopedia.</a>Thus, it is a safe silicone to use for our consumer market, which are biologists in labs. Consequently, the materials and tools we are using will not harm any living organism.
 +
<br>
 +
<br> When all of our materials are used up, our materials can be safely dealt with. Our polycarbonate base for the entire setup and microfluidic chip is recyclable, and the rest of the plastics (the 3D printed parts and PDMS layer) can be easily discarded. However, these materials are safe and much cheaper than other technologies that do the same thing.
 +
 
 +
 
 
         </div>
 
         </div>
−
     </footer>
+
      </div>
 +
      <div class="col-md-1"></div>
 +
     </div>
 +
  </div>
 +
  <div class="col-md-1"></div>
 +
</div>
 +
 
 +
 
 +
 
 +
<br><br>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
  
  
 +
</body>
 
</html>
 
</html>

Latest revision as of 03:16, 20 October 2016


SAFETY





Safety Considerations
SAFE LAB WORK


Being a hardware team, we work in a computer laboratory with no chemicals, toxins, or extreme cold temperatures. However, we do have machines and tools. To ensure lab safety, we wear eye protection when working with the drills and soldering irons, and wear gloves when necessary.

In all collaboration experiments involving mammalian cells, no team member handled biological materials.
PROJECT DESIGN



To create our microfluidic chip, we use a Polydimethylsiloxane (PDMS) layer to bind the control layer and the flow layer. This is a polymeric organosilicon compound that has 'no marked harmful effects on organisms in the environment' according to Ullmann's Encyclopedia.Thus, it is a safe silicone to use for our consumer market, which are biologists in labs. Consequently, the materials and tools we are using will not harm any living organism.

When all of our materials are used up, our materials can be safely dealt with. Our polycarbonate base for the entire setup and microfluidic chip is recyclable, and the rest of the plastics (the 3D printed parts and PDMS layer) can be easily discarded. However, these materials are safe and much cheaper than other technologies that do the same thing.