Team:Stony Brook/Safety

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(4 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 +
<html xmlns="http://www.w3.org/1999/xhtml">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 +
<title>Untitled Document</title>
 +
</head>
 +
<body>
 +
<body bgcolor="#ffffff">
 +
<div id="yellow_header">  <a href="http://www.stonybrook.edu/">Stony Brook University</a></div>
-
{{CSS/Main}}
+
<div id="blue_header"> <a href="https://2014.igem.org/Team:Stony_Brook"><img src="https://static.igem.org/mediawiki/2014/1/1e/Stony_Brook_Apis-biotics_header.png"/ id="apis-biotics"/></a>
 +
  <div id="yellow_navigation_container">
 +
    <div id="yellow_navigation"> <a href="https://2014.igem.org/Team:Stony_Brook"><img src="https://static.igem.org/mediawiki/2014/7/78/Stony_Brook_NavIcon2_Home.png"/></a>
 +
      <p> Home </p>
 +
    </div>
 +
    <div id="yellow_navigation"> <a href="https://2014.igem.org/Team:Stony_Brook/Team"><img src="https://static.igem.org/mediawiki/2014/6/66/Stony_Brook_NavIcon2_Team.png"/></a>
 +
      <p> Team </p>
 +
    </div>
 +
    <div id="yellow_navigation"> <a href="https://2014.igem.org/Team:Stony_Brook/Project"><img src="https://static.igem.org/mediawiki/2014/9/99/Stony_Brook_NavIcon2_Project.png"/></a>
 +
      <p> Project </p>
 +
    </div>
 +
    <div id="yellow_navigation"> <a href="https://2014.igem.org/Team:Stony_Brook/Notebook"><img src="https://static.igem.org/mediawiki/2014/5/57/Stony_Brook_NavIcon2_Notebook.png"/></a>
 +
      <p> Notebook </p>
 +
    </div>
 +
<div id="yellow_navigation">
 +
  <a href="https://2014.igem.org/Team:Stony_Brook/Results"> <img src="https://static.igem.org/mediawiki/2014/0/04/Stony_Brook_NavIcon2_Results.png"/></a>
 +
      <p>Results</p>
 +
</div>
 +
    <div id="yellow_navigation"> <a href="https://2014.igem.org/Team:Stony_Brook/Outreach"><img src="https://static.igem.org/mediawiki/2014/8/80/Stony_Brook_NavIcon2_Outreach.png"/></a>
 +
      <p> Outreach </p>
 +
    </div>
 +
<div id="yellow_navigation">
 +
  <a href="https://2014.igem.org/Team:Stony_Brook/Safety"> <img src="https://static.igem.org/mediawiki/2014/0/07/Stony_Brook_NavIcon2_Safety.png"/></a>
 +
      <p>Safety</p>
 +
</div>
 +
    <div id="yellow_navigation"> <a href="https://2014.igem.org/Team:Stony_Brook/Attributions"><img src="https://static.igem.org/mediawiki/2014/0/03/Stony_Brook_NavIcon2_Acknowledgements.png"/></a>
 +
      <p> Attributions </p>
 +
    </div>
 +
 
 +
</div>
 +
</div>
-
<html>
+
<div id="project"><p>Safety</p>
 +
</div>
 +
<div id="contents"><p> We worked in a BSL-1 lab over the summer, where we were required to wear protective lab coats and gloves while doing our experiments. Before entering the lab, all team members were required to take two online safety courses on biosafety and hazardous waste management. We also attended an in-person safety training course together as a team over the summer.</p>
 +
<p>Our main safety concerns for Apis-Biotics this summer were the environmental and personal risks that our project would pose. Since melittin is a nonspecific, pore-forming cytolytic peptide, there was a chance that it could attack other bacteria or microbes in the environment. To alleviate some of that risk, we developed a biosensor so that our melittin would only be produced in the presence of our target bacteria. In addition, our <i>E.coli</i> has two antibiotic markers, both kanamycin and ampicillin, preventing it from thriving in any environment outside of the lab.  </p></div>
 +
<div id="picture"> <img src="https://static.igem.org/mediawiki/2014/7/7d/Stony_Brook_SafetyPic.JPG" /></div>
 +
</body>
 +
<style type="text/css">
 +
#yellow_header{
 +
position: absolute;
 +
width: 100%;
 +
top: 0%;
 +
height: 18px;
 +
background-color: #FDCA1C;
 +
padding: 0;
 +
left:0;
 +
font-size: x-small;
 +
font-weight: bold;
 +
}
 +
#yellow_header a{
 +
text-decoration: none;
 +
height: 18px;
 +
line-height: 18px;
 +
padding: 20px;
 +
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
 +
color: #000;
 +
font-size: x-small;
 +
font-weight: normal;
 +
}
-
<!--main content -->
+
#yellow_header a:hover{
-
<table width="70%" align="center">
+
color:#FFFFFF;
 +
}
 +
#blue_header{
 +
position: absolute;
 +
height: 170px;
 +
width: 100%;
 +
background-color: #234678;
 +
padding: 0px;
 +
left: 0;
 +
top: 18px;
 +
}
 +
 +
#blue_header a img{
 +
border: none;
 +
}
 +
#blue_header a:hover img{
 +
opacity: 0.8;
 +
filter:alpha(opacity=80);
 +
}
-
<!--welcome box -->
+
-
<tr>
+
#apis-biotics{
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
position: absolute;
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
top: 17%;
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
right: 50%;
-
<br>On this page you can document your project, introduce your team members, document your progress <br> and share your iGEM experience with the rest of the world! </p>
+
margin-right: -112px;
-
<br>
+
}
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:Stony_Brook/Safety&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3" height="5px"> </td></tr>
+
#yellow_navigation{
-
<!-- end welcome box -->
+
width: 53px;
-
<tr>
+
float: left;
 +
padding: 7px;
 +
color: #FFF;
 +
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 +
text-align: center;
 +
font-size:x-small;
 +
font-weight:bold;
-
<!--navigation menu -->
+
}
-
<td align="center" colspan="3">
+
-
<table  width="100%">
+
#yellow_navigation p{
-
<tr heigth="15px"></tr>
+
display: none;
-
<tr heigth="75px">
+
}
 +
#yellow_navigation a:hover + p{
 +
display: block;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#yellow_navigation a img{
-
<a href="https://2014.igem.org/Team:Stony_Brook"style="color:#000000">Home </a> </td>
+
border: none;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#yellow_navigation_container{
-
<a href="https://2014.igem.org/Team:Stony_Brook/Team"style="color:#000000"> Team </a> </td>
+
width: 600px;
 +
height: 86px;
 +
position: absolute;
 +
top: 38%;
 +
right: 50%;
 +
margin-right: -335px;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#project {
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=Stony_Brook"style="color:#000000"> Official Team Profile </a></td>
+
position: absolute;
 +
height: 42px;
 +
width: 1000px;
 +
top: 240px;
 +
left:50%;
 +
margin-left: -500px;
 +
padding:0;
 +
background-color: #FDCA1C;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#project p{
-
<a href="https://2014.igem.org/Team:Stony_Brook/Project"style="color:#000000"> Project</a></td>
+
position:absolute;
 +
padding-left:20px;
 +
left: 6%;
 +
font-family:Arial, Helvetica, sans-serif;
 +
font-weight: bold;
 +
}
 +
#contents{
 +
position: absolute;
 +
padding:5px;
 +
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
 +
font-size:medium;
 +
width:500px;
 +
left:50%;
 +
margin-left:10px;
 +
top:300px;
 +
}
 +
#picture{
 +
position:absolute;
 +
left:50%;
 +
top: 300px;
 +
width:400px;
 +
margin-left: -490px;
 +
}
 +
/* Start general reset ================================================== */
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
html body {
-
<a href="https://2014.igem.org/Team:Stony_Brook/Parts"style="color:#000000"> Parts</a></td>
+
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
    font-family: inherit;
-
<a href="https://2014.igem.org/Team:Stony_Brook/Modeling"style="color:#000000"> Modeling</a></td>
+
    background-color: transparent;
 +
    color: inherit;
 +
    padding: 0;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
div#globalWrapper {
-
<a href="https://2014.igem.org/Team:Stony_Brook/Notebook"style="color:#000000"> Notebook</a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
    margin: 0;
-
<a href="https://2014.igem.org/Team:Stony_Brook/Safety"style=" color:#000000"> Safety </a></td>
+
    padding: 0;
 +
    position: static;
 +
    width: auto;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
/* Start top-section reset ============================================== */
-
<a href="https://2014.igem.org/Team:Stony_Brook/Attributions"style="color:#000000"> Attributions </a></td>
+
 +
div#top-section {
 +
    border: 0;
 +
    height: auto;
 +
    margin: 0;
 +
    position: static;
 +
    width: auto;
 +
}
-
<td align ="center"> <a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" width="55px"></a> </td>
+
div#p-logo {
-
</tr>
+
    height: auto;
-
</table>
+
    position: static;
-
<!--end navigation menu -->
+
    width: auto;
-
</tr>
+
    z-index: auto;
-
</tr>
+
}
-
</td>
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
div#p-logo a, div#p-logo a:hover {
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
    text-decoration: none;
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
}
-
<!--safety content-->
+
div#search-controls {
-
<tr><td > <h3> Welcome! </h3></td>
+
    background-color: transparent;
-
<td ></td >
+
    height: auto;
-
<td > <h3> Timeline</h3></td>
+
    position: static;
-
</tr>
+
    right: 0;
 +
    text-align: left;
 +
    top: 0;
 +
    width: auto;
 +
    z-index: auto;
 +
}
-
<tr>
 
-
<td width="45%"  valign="top">
 
-
<p> Visit the <a href="https://2014.igem.org/Safety" >Safety Hub</a> to see this year's safety requirements. The Safety Hub is the central page for everything related to safety in iGEM. You can also go there to learn about general biosafety topics, and how to think about the future implications of your project.</p>
 
 +
/* Start content reset ================================================== */
 +
div#content {
 +
    background: transparent;
 +
    border: 0;
 +
    color: inherit;
 +
    line-height: inherit;
 +
    margin: 0;
 +
    padding: 0;
 +
    position: static;
 +
    width: auto;
 +
    z-index: auto;
 +
}
-
<br>
+
body li {
-
<h3> Edit this page!</h3>
+
    margin: 0;
-
<p>
+
}
-
Please use this page to write about anything related to safety in your project. <!--Be sure to talk about both
+
-
<ul>
+
-
<li> <a href=" ">Learn about lab Safety for Today</a></li>
+
-
<li> <a href="">Learn about Safety for the future of your project.</a></li>
+
-
</ul>
+
-
-->
+
-
</p>
+
-
<h3> Your Lab </h3>
+
body h1, body h2, body h3, body h4, body h5, body h6 {
 +
    background: transparent;
 +
    border: 0;
 +
    color: inherit;
 +
    padding: 0;
 +
}
 +
body .firstHeading {
 +
    margin: 0;
 +
}
-
<p> Use this section to tell us about your laboratory. Where is it located? What sort of equipment do you use every day? Have you decorated it for the summer? How do you look wearing a lab coat? Take pictures! Show off your space! </p>
+
div#contentSub {
-
<!--
+
    color: inherit;
-
<gallery>
+
    font-size: inherit;
-
Image:Example2_Lab_1.png|The building our lab is in!
+
    line-height: inherit;
-
Image:Example2_Lab_2.png|The inside of our lab!
+
    margin: 0;
-
Image:Example2_Lab_3.png|Team Member 3 doing an experiment
+
    width: auto;
-
Image:Example2_Lab_4.png|Working in biosafety cabinets
+
}
-
Image:Example2_Lab_5.png|Team all gloved up and ready for work!
+
-
Image:Example2_Lab_6.png|Equipment that we use to do SCIENCE!
+
-
Image:Example2_Lab_7.png|We decorated this part of our lab
+
-
Image:Example2_Lab_8.png|Whatever else you want
+
-
</gallery>-->
+
-
</td>
+
div#catlinks {
-
<td></td>
+
    background-color: transparent;
 +
    border: 0;
 +
    clear: both;
 +
    margin: 0;
 +
    padding: 0;
 +
}
-
<td width="45%"  valign="top">
+
/* Start footer reset =================================================== */
 +
div#footer-box {
 +
    background-color: transparent;
 +
    border: 0;
 +
    margin: 0;
 +
    padding: 0;
 +
    width: auto;
 +
}
-
<ul>
+
div#footer {
-
<li> <b>Now :</b>  Read the <a href="https://2014.igem.org/Safety">Safety Hub </a> and learn about safety in iGEM. Ask questions by emailing safety at <i> igem DOT org </i>. </li>
+
    color: inherit;
-
<li><b>Now - Jamboree:</b> Complete <b>Check-Ins</b> and receive approval before acquiring and using certain materials in your lab</li>
+
    font-size: inherit;
-
<li><b>Now - Wiki Freeze:</b> Edit this Safety page to tell us about what you're doing</li>
+
    text-align: left;
-
<li><b>June 9: </b>Submit the About Our Lab form.</li>
+
}
-
<li><b>Let us know by June 25 </b>if you will need an extension on the Preliminary Version, or your Preliminary Version will be significantly incomplete.</li>
+
-
<li><b>June 30: </b>Submit the Preliminary Version of the <b>Safety Form</b>.</li>
+
-
<li>Participate in Virtual Open Office Hours to ask questions and discuss safety topics (exact date to be determined).</li>
+
-
<li><b>September 1:</b> Submit the Final Version of the Safety Form.</li>
+
-
<li><b>October: </b> Wiki freeze (exact date to be determined)</li>
+
-
<li><b>October 30 - November 3: </b>GIANT JAMBOREE!</li>
+
-
</ul>
+
div#f-poweredbyico, div#f-copyrightico {
-
</td>
+
    float: none;
 +
}
-
</tr>
+
div#footer li {
 +
    margin: 0;
 +
    display: list-item;
 +
}
 +
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, .printfooter, .firstHeading,.visualClear {display: none;}
-
 
+
</style>
-
 
+
-
 
+
-
<tr>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
</table>
+
</html>
</html>

Latest revision as of 02:37, 18 October 2014

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Untitled Document

Home

Team

Project

Notebook

Results

Outreach

Safety

Attributions

Safety

We worked in a BSL-1 lab over the summer, where we were required to wear protective lab coats and gloves while doing our experiments. Before entering the lab, all team members were required to take two online safety courses on biosafety and hazardous waste management. We also attended an in-person safety training course together as a team over the summer.

Our main safety concerns for Apis-Biotics this summer were the environmental and personal risks that our project would pose. Since melittin is a nonspecific, pore-forming cytolytic peptide, there was a chance that it could attack other bacteria or microbes in the environment. To alleviate some of that risk, we developed a biosensor so that our melittin would only be produced in the presence of our target bacteria. In addition, our E.coli has two antibiotic markers, both kanamycin and ampicillin, preventing it from thriving in any environment outside of the lab.