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

Line 1: Line 1:
−
{{BUHW2016}}
+
{{Template:BUHW2016_NavBar}}
 +
 
 +
 
 +
{{Template:BUHW2016_Bootstrap}}
 
<html>
 
<html>
 +
<head>
 
<style>
 
<style>
  
−
h4 {
+
 
−
     line-height: 200%;
+
/********************************* 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);
 
}
 
}
  
−
.myheader{
 
−
position: relative;
 
  
−
background-color: lightseagreen;
+
html,body
−
height: 150px;
+
{
−
width: 100%;
+
    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>
 
</style>
 +
 +
 +
</head>
 +
 +
 +
 +
 +
 +
  
  
  
 
<body>
 
<body>
−
<div class="services bg-primary myheader">
+
 
−
<div class="row text-center">
+
<header id="top" class="header">
−
          <div class="col-lg-10 col-lg-offset-1">
+
 
−
         <div class="text-vertical-center" style="color: black;">
+
<nav class="navbar navbar-default navbar-fixed-top" style="max-height: 70px !important;">
−
            <h1>Safety</h1>
+
  <div class="container-fluid paddedNav">
−
</div>
+
    <!-- 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>
 +
            <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/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">Documentation</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>
 +
            <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>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Integrated_Practices">Integrated Practices</a>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/Engagement">Engagement</a>
 +
            </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/Hardware">Hardware</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>
 +
                  <a href="https://2016.igem.org/Team:BostonU_HW/AboveAndBeyond">Above & Beyond</a>
 +
            </div>
 +
        </li>
 +
       
 +
 
 +
      </ul>
 +
    </div><!-- /.navbar-collapse -->
 +
  </div><!-- /.container-fluid -->
 +
</nav>
 +
 
 +
 
 
</div>
 
</div>
 +
 +
 +
 +
</body>
 +
 +
 +
 +
<html>
 +
 +
 +
 +
 +
 +
 +
<html>
 +
 +
<style>
 +
 +
  html {
 +
    background-color: #D2D2D2;
 +
  }
 +
  body {
 +
    background-color: #D2D2D2;
 +
  }
 +
 
 +
  #greyWrapper {
 +
    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</div>
 +
  <div class="col-md-1"></div>
 
</div>
 
</div>
 +
 +
<div class="row" style="padding-top:100px; padding-bottom:100px;">
 +
  <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 wear gloves when needed.
 +
        </div>
 +
      </div>
 +
      <div class="col-md-1"></div>
 +
    </div>
 +
  </div>
 +
  <div class="col-md-1"></div>
 
</div>
 
</div>
−
<br><br/>
 
  
−
<div id="design" class="col-lg-10 col-lg-offset-1">
+
<div class="row" style="padding-top:100px; padding-bottom:100px;">
−
<h2 align="center"> Project Design </h2>
+
  <div class="col-md-1"></div>
−
            <br>
+
  <div class="col-md-10" style="background-color: white; padding-top:50px; padding-bottom:50px;">
−
 
+
    <div class="row">
−
<h4> Our microfluidic device is designed for cell-free systems for simplicity. Following further development, we could proceed to extend our systems to include mammalian cells. This would reduce the risk of harming any human, animal, or plant.</h4>
+
      <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>
 +
          Our microfluidic device is designed for cell-free systems for simplicity. Following further development, we could proceed to extend our systems to include mammalian cells. This would reduce the risk of harming any human, animal, or plant.
 
<br>
 
<br>
−
<h4> 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, if our product is successful and is extended to include cell systems, the chemicals and tools we are using will not harm any living organism.</h4>
+
<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, if our product is successful and is extended to include cell systems, the chemicals and tools we are using will not harm any living organism.
 
<br>
 
<br>
−
<h4> 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. </h4>
+
<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.  
 
<br>
 
<br>
  
−
<h4> One problem that could arise with our project design is creating a living environment inside the microfluidic chip for future use with cell systems. This would require more thinking and future experiments to find a good solution. </h4>
+
<br>One problem that could arise with our project design is creating a living environment inside the microfluidic chip for future use with cell systems. This would require more thinking and future experiments to find a good solution.
 +
        </div>
 +
      </div>
 +
      <div class="col-md-1"></div>
 +
    </div>
 +
  </div>
 +
  <div class="col-md-1"></div>
 
</div>
 
</div>
  
  
−
<div id="procedures" class="col-lg-10 col-lg-offset-1">
 
−
<h2 align="center"> Safe Lab Work </h2>
 
−
<br>
 
  
−
<h4> 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 wear gloves when needed. <br><br></h4>
+
<br><br>
  
−
</div>
 
  
  
  
−
</html>
 
  
  
−
{{BUHW2016Footer}}
+
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
</body>
 +
</html>

Revision as of 23:07, 18 October 2016


SAFETY





SAFETY
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 wear gloves when needed.
PROJECT DESIGN


Our microfluidic device is designed for cell-free systems for simplicity. Following further development, we could proceed to extend our systems to include mammalian cells. This would reduce the risk of harming any human, animal, or plant.

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, if our product is successful and is extended to include cell systems, the chemicals 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.

One problem that could arise with our project design is creating a living environment inside the microfluidic chip for future use with cell systems. This would require more thinking and future experiments to find a good solution.