Difference between revisions of "Team:East Chapel Hill/Safety"

Line 2: Line 2:
  
 
<style>
 
<style>
−
#top_title {display: none;}
+
  #top_title {display: none;}
−
#sideMenu  {display: none;}
+
  #sideMenu  {display: none;}
−
#content  {margin: auto; padding: 0; width: 60%;}
+
  #content  {margin: auto; padding: 0; width: 100%; background:#3aafa9;}
 
</style>
 
</style>
  
−
 
+
<center>
−
 
+
−
 
+
  
 
<head>
 
<head>
−
  <title>East Chapel Hill Highschool iGem</title>
 
 
   <meta charset="utf-8">
 
   <meta charset="utf-8">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
 
   <meta name="viewport" content="width=device-width, initial-scale=1">
Line 18: Line 15:
 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
 
   <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
−
 
  
 
   <style>
 
   <style>
−
    /* Remove the navbar's default margin-bottom and rounded borders */
+
     .navbar {margin: 12px 0 0 0; padding: 4px; border-radius: 0; width: 100%; }
−
   
+
−
     .navbar {
+
−
      margin-bottom: 0;
+
−
      margin-right: 0;
+
−
      border-radius: 0;
+
−
      width: 100%;
+
−
      /*background-color: #ffcccc;*/
+
−
    }
+
  
−
body {
+
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #000;  /*Sets the text hover color on navbar*/}
−
background-color: black;
+
 
−
}
+
     .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > 
−
+
    a:hover, .navbar-default .navbar-nav > .active > a:focus {
−
  */
+
    color: white; /*BACKGROUND color for active*/background-color: #ffe400;}
−
     /* Set height of the grid so .sidenav can be 100% (adjust as needed) */
+
 
−
     .row.content {height: 450px}
+
     .navbar-default { background-color: #2b7a78;border-color: #2b7a78; }
−
      
+
 
−
     /* Set gray background color and 100% height */
+
  .dropdown-menu > li > a:hover,
−
     .sidenav {
+
  .dropdown-menu > li > a:focus {
−
      padding-top: 20px;
+
     color: #262626;text-decoration: none;
−
      background-color: black;
+
     background-color: #66CCFF;  /*change color of links in drop down here*/}
−
      height: 100%;
+
 
−
    }
+
     .nav > li > a:hover,
−
   
+
    .nav > li > a:focus {
−
  ul.yourclass
+
    text-decoration: none;
−
  { display: inline-block;
+
    background-color: silver; /*Change rollover cell color here*/}
−
   
+
 
−
    padding-rigth: 15px;
+
 
−
  }
+
  .navbar-default .navbar-nav > li > a {
 +
  color: white; /*Change active text color here*/}
 +
 
 +
  .navbar-default .navbar-brand>img {height: 48px;width: auto; margin-top: -8px;}
 +
 
 +
  .row {display: table;}
  
−
   
+
  .row [class*="col-"] {float: none; display: table-cell;vertical-align: top; }
−
   
+
 
−
    /* Set black background color, white text and some padding */
+
  body {background-color: #3aafa9;}
−
    footer {
+
 
−
      background-color: #555;
+
  h1,h2{color:#ffe400;}
−
      color: white;
+
−
      padding: 15px;
+
−
    }
+
−
   
+
−
    /* On small screens, set height to 'auto' for sidenav and grid */
+
−
    @media screen and (max-width: 767px) {
+
−
      .sidenav {
+
−
        height: auto;
+
−
        padding: 15px;
+
−
      }
+
−
      .row.content {height:auto;}  
+
−
    }
+
 
   </style>
 
   </style>
  
Line 77: Line 59:
  
  
−
<nav class="navbar navbar-inverse">
+
<nav class="navbar navbar-default  navbar-fixed-top">
−
  <div class="container-fluid">
+
 
   <div class="navbar-header">
 
   <div class="navbar-header">
 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
 
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
Line 85: Line 66:
 
         <span class="icon-bar"></span>
 
         <span class="icon-bar"></span>
 
       </button>
 
       </button>
 +
      <a class="navbar-brand">
 +
          <img src="https://static.igem.org/mediawiki/2017/6/65/T--East_Chapel_Hill--Icon-new.png">
 +
      </a>
 
   </div>
 
   </div>
 
   <div class="collapse navbar-collapse" id="myNavbar">
 
   <div class="collapse navbar-collapse" id="myNavbar">
−
    <ul class="nav navbar-nav">
 
−
    <li><img align="middle" style="width:100%" height="55px" src="https://static.igem.org/mediawiki/2017/8/89/T--East_Chapel_Hill--Icon0.png"></img> </li>
 
−
    </ul>
 
 
     <ul class="nav navbar-nav navbar-right">
 
     <ul class="nav navbar-nav navbar-right">
 
         <li><a href="https://2017.igem.org/Team:East_Chapel_Hill">Home</a></li>
 
         <li><a href="https://2017.igem.org/Team:East_Chapel_Hill">Home</a></li>
−
         <li>
+
         <li class="dropdown">
−
          <a href="Team.html">Team</a>
+
        <a class="dropdown-toggle" data-toggle="dropdown" href="https://2017.igem.org/Team:East_Chapel_Hill/Team">Team
 +
        <span class="caret"></span></a>
 +
        <ul class="dropdown-menu">
 +
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Team">Members</a></li>
 +
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Attributions">Attributions</a></li>
 +
        </ul>
 
         </li>
 
         </li>
−
         <li><a href="Project.html">Project</a></li>
+
         <li class="dropdown active">
−
         <li><a href="Results.html">Results</a></li>
+
        <a class="dropdown-toggle" data-toggle="dropdown" href="https://2017.igem.org/Team:East_Chapel_Hill/Designs">Project
−
         <li><a href="Notebook.html">Notebook</a></li>
+
        <span class="caret"></span></a>
−
         <li class="active"><a href="Human_Practices.html">Human Practices</a></li>
+
        <ul class="dropdown-menu">
−
        <li><a href="Sponsors.html">Sponsors</a></li>
+
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Designs">Design and Method</a></li>
−
      </ul>
+
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Notebook">Lab Notebook</a></li>
 +
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Safety">Safety</a></li>
 +
        </ul>
 +
        </li>
 +
         <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/results">Results</a></li>
 +
<li><a href="https://2017.igem.org/Team:East_Chapel_Hill/HP">Human Practices </a></li>
 +
         <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Collaborations">Collaborations</a></li>
 +
         <li class="dropdown">
 +
        <a class="dropdown-toggle" data-toggle="dropdown" href="https://2017.igem.org/Team:East_Chapel_Hill/Awards">Awards
 +
        <span class="caret"></span></a>
 +
        <ul class="dropdown-menu">
 +
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/HP/Gold_Integrated">HP-Gold</a></li>
 +
          <li><a href="https://2017.igem.org/Team:East_Chapel_Hill/Engagement">Engagement</a></li>
 +
        </ul>
 +
        </li>
 +
    </ul>
 
   </div>
 
   </div>
 
</nav>  
 
</nav>  
  
  
−
<!-- div class="container-fluid" -->   
+
<div class="container" style="color:#feffff; margin-top:80px;">
−
  <!-- div class="row content"-->
+
<div class="row text-center">
−
    <div class="col-sm-2 sidenav">
+
−
      <img align="middle" style="width:100%" height="900px" src="https://static.igem.org/mediawiki/2017/9/9d/EastChapelHillGIF.gif"></img>
+
−
    </div>
+
−
   
+
  
 +
<div class="row">
 +
<h2> Lab Safety:</h2>
 +
</div>
  
 +
<p style="font-size:18px;">Safety in the lab is our top priority, especially considering that we were dealing with fluoride, a poisonous and toxic substance at concentrated levels. <br>
  
 +
Our lab work commenced on June 10 and lasted until August 31. Our research was conducted at the Genetic Medicines Building at the University of North Carolina at Chapel Hill under the supervision of our instructor Dr. Joseph Harrison and advisors Bo Zhao and Minnie Langlois. The following are the safety procedures outlined and followed by our team.
  
−
<h1> Lab Safety: </h1>
 
−
<h4> Safety in the lab is our top priority, especially considering that we were dealing with fluoride, a poisonous and toxic substance at concentrated levels. </h4>
 
−
<h4>Our lab work commenced on June 10 and lasted until August 31. Our research was conducted at the Genetic Medicines Building at the University of North Carolina at Chapel Hill under the supervision of our instructor Dr. Joseph Harrison and advisors Bo Zhao and Minnie Langlois. The following are the safety procedures outlined and followed by our team:</h4>
 
  
−
<h3>OUR LAB RULES: </h3>
+
</p>
  
−
<ul>
+
<div class="row">
−
         <li>-One must always safety goggles, powder-free nitrile examination gloves, long pants, closed-toed shoes, and lab coats, before entering the space
+
<h2> OUR LAB RULES: </h2>
 +
</div>
 +
 
 +
<ul style="font-size:18px; text-align: left;">
 +
         <li>One must always safety goggles, powder-free nitrile examination gloves, long pants, closed-toed shoes, and lab coats, before entering the space
  
 
</li>
 
</li>
−
         <li>-To sterilize the erlenmeyers flasks, place the flask next to a burning flame</li>
+
         <li>To sterilize the erlenmeyers flasks, place the flask next to a burning flame</li>
 
        
 
        
−
             <li>-Keep hair tied back at all times
+
             <li>Keep hair tied back at all times
  
 
</li>
 
</li>
−
             <li>-Use ethanol to disinfect work table
+
             <li>Use ethanol to disinfect work table
  
 
</li>
 
</li>
−
<li>-Supervisors must be present in the lab at all times
+
<li>Supervisors must be present in the lab at all times
 
</li>
 
</li>
−
<li>-No drinking or eating in the lab space</li>
+
<li>No drinking or eating in the lab space</li>
−
<li>-Dispose of pipette tips in waste bag</li>
+
<li>Dispose of pipette tips in waste bag</li>
−
<li>-Have all petri dishes, containers, erlenmeyer flasks, etc. CLEARLY LABELED in order to maintain an organized environment.  </li>
+
<li>Have all petri dishes, containers, erlenmeyer flasks, etc. CLEARLY LABELED in order to maintain an organized environment.  </li>
  
 
</ul>
 
</ul>
  
−
 
+
</div>
−
    </div>
+
</div>
−
   
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
  
  
 
</body>
 
</body>
−
 
−
 
 
</html>
 
</html>

Revision as of 09:09, 31 October 2017

Lab Safety:

Safety in the lab is our top priority, especially considering that we were dealing with fluoride, a poisonous and toxic substance at concentrated levels.
Our lab work commenced on June 10 and lasted until August 31. Our research was conducted at the Genetic Medicines Building at the University of North Carolina at Chapel Hill under the supervision of our instructor Dr. Joseph Harrison and advisors Bo Zhao and Minnie Langlois. The following are the safety procedures outlined and followed by our team.

OUR LAB RULES:

  • One must always safety goggles, powder-free nitrile examination gloves, long pants, closed-toed shoes, and lab coats, before entering the space
  • To sterilize the erlenmeyers flasks, place the flask next to a burning flame
  • Keep hair tied back at all times
  • Use ethanol to disinfect work table
  • Supervisors must be present in the lab at all times
  • No drinking or eating in the lab space
  • Dispose of pipette tips in waste bag
  • Have all petri dishes, containers, erlenmeyer flasks, etc. CLEARLY LABELED in order to maintain an organized environment.