Team:UCSC/Safety

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(20 intermediate revisions not shown)
Line 6: Line 6:
<html>
<html>
 +
<!--main content -->
<!--main content -->
-
<table width="70%" align="center">
+
<head>
 +
<style>
 +
#menuWrapper {
 +
width:100%; /* Menu width */
 +
height:35px;
 +
padding-left:12px;
 +
background: SteelBlue;/* Background color */
 +
background-size: 100%;
 +
}
 +
.menu {
 +
padding:0;
 +
margin:0;
 +
list-style:none;
 +
height:75px;
 +
position:relative;
 +
z-index:5;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
}
 +
.menu li:hover li a {
 +
background:none;
 +
}
 +
.menu li.top {display:block; float:left;}
 +
.menu li a.top_link {
 +
display:block;
 +
float:left;
 +
height:45px;
 +
line-height:34px;
 +
color:Gold;
 +
text-decoration:none;
 +
font-family:Tahoma, Geneva, sans-serif;
 +
font-size:18px; /* Font size */
 +
padding:0 0 0 10px;
 +
cursor:pointer;
 +
}
 +
.menu li a.top_link span {
 +
float:left;
 +
display:block;
 +
padding:0 24px 0 12px;
 +
height:35px;
 +
}
 +
.menu li a.top_link span.down {
 +
float:left;
 +
display:block;
 +
padding:0 24px 0 12px;
 +
height:35px;
 +
}
 +
.menu li a.top_link:hover, .menu li:hover > a.top_link {color:#fff; }
 +
.menu li:hover {position:relative; z-index:2;}
 +
.menu ul,
 +
.menu li:hover ul ul,
 +
.menu li:hover ul li:hover ul ul,
 +
.menu li:hover ul li:hover ul li:hover ul ul,
 +
.menu li:hover ul li:hover ul li:hover ul li:hover ul ul
 +
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}
 +
.menu li:hover ul.sub {
 +
left:0;
 +
top:35px;
 +
background:SteelBlue; /* Submenu background color */
 +
padding:3px;
 +
white-space:nowrap;
 +
width:200px;
 +
height:auto;
 +
z-index:3;
 +
}
 +
.menu li:hover ul.sub li {
 +
display:block;
 +
height:30px;
 +
position:relative;
 +
float:left;
 +
width:200px;
 +
font-weight:normal;
 +
}
 +
.menu li:hover ul.sub li a{
 +
display:block;
 +
height:30px;
 +
width:200px;
 +
line-height:30px;
 +
text-indent:5px;
 +
color:#ccc;
 +
text-decoration:none;
 +
}
 +
.menu li ul.sub li a.fly {
 +
/* Submenu Background Color */
 +
background:RosyBrown
 +
}
 +
.menu li:hover ul.sub li a:hover {
 +
background:#orange; /* Background Color on mouseover */
 +
color: white;
 +
}
 +
.menu li:hover ul.sub li a.fly:hover, .menu li:hover ul li:hover > a.fly {
 +
/* Background on Mouseover */
 +
background:#646464 url(http://2.bp.blogspot.com/-38QeToUdU48/UWmqpRNO-LI/AAAAAAAADP4/A4AJhnSm0Fg/s1600/arrow_over.gif) 185px 10px no-repeat; color:#fff;}
-
<!--welcome box -->
+
.menu li:hover ul li:hover ul,
-
<tr>
+
.menu li:hover ul li:hover ul li:hover ul,
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
.menu li:hover ul li:hover ul li:hover ul li:hover ul,
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
.menu li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul {
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
left:200px;
-
<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>
+
top:-4px;
-
<br>
+
background: #333; /* Background Color of the Submenu */
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UCSC/Safety&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
padding:3px;
-
</td>
+
white-space:nowrap;
-
</tr>
+
width:200px;
 +
z-index:4;
 +
height:auto;
 +
}
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
#wrapperHeader{
-
<!-- end welcome box -->
+
  width: 100%;
-
<tr>
+
  height: 320px;
 +
  background:url(https://static.igem.org/mediawiki/2014/5/54/Images-4.jpeg) no-repeat top center;
 +
  background-size: 100%;
 +
  text-align: center;
 +
}
 +
#wrapperHeader div#header {
 +
width:1000px;
 +
height:200px;
 +
margin:0 auto;
 +
}   
-
<!--navigation menu -->
+
#contact{
-
<td align="center" colspan="3">
+
padding-left:35px;
 +
padding-right:35px;
 +
padding-top:35px;
 +
padding-bottom:50px;
 +
width: 450px;
 +
float: left;
 +
left: 50%;
 +
position: absolute;
 +
}
-
<table  width="100%">
+
.contact-input{
-
<tr heigth="15px"></tr>
+
        font-size: 18px;
-
<tr heigth="75px">
+
border-radius: 0;
 +
line-height: 22px;
 +
background-color: #fbfbfb;
 +
padding: 13px 13px 13px 54px;
 +
margin-bottom: 10px;
 +
width:100%;
 +
}
 +
#email{
 +
background: PaleGoldenrod;
 +
background-size: 30px 30px;
 +
background-position: 11px 8px;
 +
background-repeat: no-repeat;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
 
-
<a href="https://2014.igem.org/Team:UCSC"style="color:#000000">Home </a> </td>
 
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#comment{
-
<a href="https://2014.igem.org/Team:UCSC/Team"style="color:#000000"> Team </a> </td>
+
        background: PaleGoldenrod;
 +
background-size: 30px 30px;
 +
background-position: 11px 8px;
 +
background-repeat: no-repeat;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
myh1{
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=UCSC"style="color:#000000"> Official Team Profile </a></td>
+
    color: Gold;
 +
    text-align: center;
 +
    font-size: 70px;
 +
}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
myh2{
-
<a href="https://2014.igem.org/Team:UCSC/Project"style="color:#000000"> Project</a></td>
+
    color: orange;
 +
    text-align: center;
 +
    font-size: 20px;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
myh3{
-
<a href="https://2014.igem.org/Team:UCSC/Parts"style="color:#000000"> Parts</a></td>
+
    color: RosyBrown;
 +
    text-align: center;
 +
    font-size: 40px;
 +
}
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
myh4{
-
<a href="https://2014.igem.org/Team:UCSC/Modeling"style="color:#000000"> Modeling</a></td>
+
    color: SpringGreen;
 +
    font-family:Tahoma, Geneva, sans-serif;
 +
    text-align: center;
 +
    font-size: 30px;
 +
}
 +
</style>
 +
</head>
-
<td style="border:1px solid black;" align="center" height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
<p style="color:PaleGoldenrod"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UCSC/Safety&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
-
<a href="https://2014.igem.org/Team:UCSC/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>  
+
<div id="wrapperHeader">
-
<a href="https://2014.igem.org/Team:UCSC/Safety"style=" color:#000000"> Safety </a></td>
+
<div id="header"><br><br><br><br><br><br>
 +
<myh1>Lab Safety</myh1></div>
 +
</div>
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>  
+
<div id='menuWrapper'>
-
<a href="https://2014.igem.org/Team:UCSC/Attributions"style="color:#000000"> Attributions </a></td>
+
<ul class='menu'>
 +
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC"><span><b>HOME</b></span></a></li>
 +
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Project"><span class='down'>Project</span></a>
 +
<ul class='sub'>
 +
<li><a href = "https://2014.igem.org/Team:UCSC/Project">Project Overview</a>
 +
<li><a href="https://2014.igem.org/Team:UCSC/Modeling">Models</a>
 +
<li><a href="https://2014.igem.org/Team:UCSC/Parts">Parts</a>
 +
</ul>
 +
</li>
-
<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>
+
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Team">Team</a>
-
</tr>
+
<ul class='sub'><li><a href='https://igem.org/Team.cgi?year=2014&team_name=UCSC'>Official Profile</a></li>
-
</table>
+
<li><a href="https://2014.igem.org/Team:UCSC/Team">Team Members</a></li></ul>
-
<!--end navigation menu -->
+
</li>
-
</tr>
+
-
</tr>
+
-
</td>
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Notebook"><span class='down'>Notebook</span></a>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
<ul class='sub'>
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
<li><a href="https://2014.igem.org/Team:UCSC/Safety">Safety</a></li>
 +
<p> UCSC team members use standard personal protective equipment such as lab coats, gloves, and safety goggles. </p>
 +
</p>
 +
<li><a href="https://2014.igem.org/Team:UCSC/Notebook">Interactive Schedule</a></li>
 +
</ul>
 +
</li>
 +
<li class='top'><a class='top_link' href="https://2014.igem.org/Team:UCSC/Attributions"><span>Attributions</span></a>
 +
</li>
-
<!--safety content-->
 
-
<tr><td > <h3> Welcome! </h3></td>
 
-
<td ></td >
 
-
<td > <h3> Timeline</h3></td>
 
-
</tr>
 
-
 
-
<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>
 
-
 
-
 
-
 
-
<br>
 
-
<h3> Edit this page!</h3>
 
-
<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>
</ul>
-
-->
+
</div>
-
</p>
+
<a href="https://2014.igem.org/Main_Page"> <img src="https://static.igem.org/mediawiki/igem.org/6/60/Igemlogo_300px.png" height="100px" align = "center"></a>
-
<h3> Your Lab </h3>
 
-
 
-
<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>
 
<!--
<!--
-
<gallery>
+
Write under here!
-
Image:Example2_Lab_1.png|The building our lab is in!
+
--><myh2>
-
Image:Example2_Lab_2.png|The inside of our lab!
+
<p> Our team primarily worked with E. Coli and H.Volcanii which were Biosafety level 1.  
-
Image:Example2_Lab_3.png|Team Member 3 doing an experiment
+
</p>
-
Image:Example2_Lab_4.png|Working in biosafety cabinets
+
<p> The team mostly used standard protective equipment. This included gloves, goggles, and lab coats.
-
Image:Example2_Lab_5.png|Team all gloved up and ready for work!
+
</p>
-
Image:Example2_Lab_6.png|Equipment that we use to do SCIENCE!
+
<p> All members of iGEM were completed safety training which included information about the location </p>
-
Image:Example2_Lab_7.png|We decorated this part of our lab
+
<p> of fire alarm pull stations, safety showers, and fume hoods.</p>
-
Image:Example2_Lab_8.png|Whatever else you want
+
<p> Participants also completed online EH & S Safety Training. </p>
-
</gallery>-->
+
<p> Team members were required to know how to properly store and dispose of hazardous chemicals. </p>
-
 
+
<p>The team had a few lab decorations as well. </p>
-
</td>
+
<img src = "https://static.igem.org/mediawiki/2014/6/61/Lab_decor.JPG" height = "500px" width = "300px"style = "float:center">
-
<td></td>
+
<img src = "https://static.igem.org/mediawiki/2014/c/c8/Hazard-Symbols.gif" height = "500px" style = "float:right"></myh2.
-
 
+
</p>
-
 
+
<a href
-
<td width="45%"  valign="top">
+
-
 
+
-
 
+
-
<ul>
+
-
<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>
+
-
<li><b>Now - Jamboree:</b> Complete <b>Check-Ins</b> and receive approval before acquiring and using certain materials in your lab</li>
+
-
<li><b>Now - Wiki Freeze:</b> Edit this Safety page to tell us about what you're doing</li>
+
-
<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>
+
-
</td>
+
-
 
+
-
</tr>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
<tr>
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
-
 
+
</table>
</table>
</html>
</html>

Latest revision as of 11:16, 16 October 2014



Click here to edit this page!

Our team primarily worked with E. Coli and H.Volcanii which were Biosafety level 1.

The team mostly used standard protective equipment. This included gloves, goggles, and lab coats.

All members of iGEM were completed safety training which included information about the location

of fire alarm pull stations, safety showers, and fume hoods.

Participants also completed online EH & S Safety Training.

Team members were required to know how to properly store and dispose of hazardous chemicals.

The team had a few lab decorations as well.

Retrieved from "http://2014.igem.org/Team:UCSC/Safety"