Team:UESTC-China/Safety

From 2014.igem.org

(Difference between revisions)
(Prototype team page)
 
(80 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 *** -->
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
 +
<head>
 +
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
 +
<title>UESTC-China</title>
-
{{CSS/Main}}
 
-
<html>
 
-
<!--main content -->
 
-
<table width="70%" align="center">
 
 +
<style>
 +
#content {
 +
    position: relative;
 +
    width:  1215px;
 +
#    margin-left: 10px;
 +
margin: 0 auto;
 +
    padding: 5px 5px 5px 5px;;
 +
    background: white;
 +
    color: black;
 +
    border-left: 1px solid #444444;
 +
    border-right: 1px solid #444444;
 +
    line-height: 1.5em;
 +
    z-index: 2;
 +
}
-
<!--welcome box -->
+
     
-
<tr>
+
    html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}
-
<td style="border:1px solid black;" colspan="3" align="center" height="150px" bgColor=#FF404B>
+
-
<h1 >WELCOME TO iGEM 2014! </h1>
+
-
<p>Your team has been approved and you are ready to start the iGEM season!
+
-
<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>
+
-
<br>
+
-
<p style="color:#E7E7E7"> <a href="https://2014.igem.org/wiki/index.php?title=Team:UESTC-China/Safety&action=edit"style="color:#FFFFFF"> Click here  to edit this page!</a> </p>
+
-
</td>
+
-
</tr>
+
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
body{
-
<!-- end welcome box -->
+
background-color:#bfbfbf;
-
<tr>
+
}
 +
a{
 +
text-decoration: none;
 +
color: white;
 +
}
 +
a:hover{
 +
text-decoration: none;
 +
color: white;
 +
}
 +
a:active{
 +
text-decoration: none;
 +
color: white;
 +
}
 +
a:visited{
 +
text-decoration: none;
 +
color: white;
 +
}
 +
#top-section{
 +
height: 0px;
 +
border:none;
 +
}
 +
#search-controls{
 +
display: none;
 +
}
 +
#p-logo{
 +
display: none;
 +
}
 +
#total-wrap{
 +
position:absolute;
 +
width: 1215px;
 +
left: 50%;
 +
right: 50%;
 +
margin-left: -607px;
 +
color: white;
 +
}
 +
#header{
 +
height: 280px;
 +
background-image:url("https://static.igem.org/mediawiki/2014/4/49/New_New_banner.jpg");
 +
background-position: top center;
 +
background-repeat: no-repeat;
 +
border-radius:3px;
 +
overflow: hidden;
 +
width: 1214px;
 +
}
 +
#emp{
 +
height:200px;
 +
}
 +
#top-menu{
 +
display: inline-block;
 +
padding-left:20px;
 +
background-color: #394264;
 +
width: 1195px;
 +
height:63px;
-
<!--navigation menu -->
+
}
-
<td align="center" colspan="3">
+
@font-face {
 +
font-family: ubuntu;
 +
src:url(Ubuntu-R.ttf);
 +
}
 +
.top-menu-each{
 +
height: 63px;
 +
font-family: helveticallt,"微软雅黑";
 +
color: white;
 +
font-size: 21px;
 +
float: left;
 +
cursor: pointer;
 +
font-weight: bold;
 +
}
-
<table  width="100%">
+
.top-menu-each p{
-
<tr heigth="15px"></tr>
+
float: left;
-
<tr heigth="75px">
+
padding-right: 40px;
 +
padding-left: 40px;
 +
line-height: 63px;
 +
}
 +
.arrow{
 +
float: left;
 +
background-image: url("http://fudanigem.phx-2.ifreeurl.com/img/arrow.png");
 +
line-height: 63px;
 +
width: 12px;
 +
height: 9px;
 +
margin-left: 9px;
 +
margin-right: 9px;
 +
margin-top: 30px;
 +
position: absolute;
 +
}
 +
.top-menu-each:hover{
 +
background-color: #50597B;
 +
border-bottom-style:solid;
 +
border-bottom-width: 2px;
 +
border-bottom-color:#11a8ab;
 +
height: 61px;
 +
 +
}
 +
.top-menu-each.click{
 +
background-color: #50597B;
 +
border-bottom-style:solid;
 +
border-bottom-width: 2px;
 +
border-bottom-color:#11a8ab;
 +
height: 61px;
 +
}
 +
.top-menu-sub{
 +
position: absolute;
 +
margin-top: 63px;
 +
z-index: 10;
 +
min-width: 215px;
 +
}
 +
.top-menu-sub li{
 +
background-color: #394264;
 +
border-top-style: solid;
 +
border-bottom-style: solid;
 +
border-top-width: 1px;
 +
border-bottom-width: 1px;
 +
border-top-color: #11a8ab;
 +
border-bottom-color: #11a8ab;
 +
padding-left: 30px;
 +
padding-right: 20px;
 +
height: 55px;
 +
line-height: 55px;
 +
cursor:pointer;
 +
}
 +
.top-menu-sub li:hover{
 +
background-color: #50597B;
 +
}
 +
#big-photo{
 +
margin-top: 5px;
 +
height: 500px;
 +
width: 1214px;
 +
overflow: hidden;
 +
}
 +
#big-photo img{
 +
height: 500px;
 +
width: 1214px;
 +
position: absolute;
-
<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:UESTC-China"style="color:#000000">Home </a> </td>
+
#big-photo-hover{
 +
height: 130px;
 +
padding-left: 35px;
 +
padding-right: 10px;
 +
background-image: url('http://fudanigem.phx-2.ifreeurl.com/img/big-photo-hover.png');
 +
background-repeat: no-repeat;
 +
margin-top: -130px;
 +
position: absolute;
 +
margin-top: 370px;
 +
width: 1169px;
 +
}
 +
@font-face {
 +
font-family: helveticamd;
 +
src:url(HelveticaNeueLTStd-Md.otf);
 +
}
 +
@font-face {
 +
font-family: helveticalt;
 +
src:url(HelveticaNeueLTStd-Lt.otf);
 +
}
 +
#big-photo-hover .header{
 +
font-size: 30px;
 +
line-height: 30px;
 +
font-family: helveticallt,"微软雅黑";
 +
font-weight: bold;
 +
padding-top: 25px;
 +
margin-bottom: 10px;
 +
}
 +
#big-photo-hover .content{
 +
font-size: 23px;
 +
line-height: 23px;
 +
font-family: helveticallt,"微软雅黑";
 +
}
 +
#big-photo-wrap{
 +
position: absolute;
 +
width: 1214px;
 +
height: 500px;
 +
overflow: hidden;
 +
}
 +
#small-photo{
 +
margin-top: 15px;
 +
display: inline-block;
 +
margin-bottom: 335px;
 +
}
 +
.small-photo-each{
 +
width: 351px;
 +
height: 410px;
 +
padding-top: 10px;
 +
padding-bottom:5px;
 +
padding-left: 10px;
 +
padding-right: 10px;
 +
margin-right: 51px;
 +
float: left;
 +
background-color: white;
 +
}
 +
.small-photo-each img{
 +
width: 351px;
 +
height: 410px;
 +
}
 +
.small-photo-each.last{
 +
margin-right: 0px;
 +
}
 +
#footer{
 +
 +
height: 180px;
 +
background-color: #394264;
 +
border-top-left-radius:8px;
 +
border-top-right-radius:8px;
 +
margin-top: 30px;
 +
}
 +
#main-content{
 +
position:absolute;
 +
margin-top: 40px;
 +
display: inline-block;
 +
}
 +
#left-bar{
 +
width: 225px;
 +
border-radius: 3px;
 +
overflow: hidden;
 +
position: absolute;
 +
}
 +
.left-bar-each{
 +
height: 60px;
 +
background-color: #394264;
 +
font-family: helveticallt,"微软雅黑";
 +
font-size: 18px;
 +
line-height: 60px;
 +
padding-left: 30px;
 +
cursor: pointer;
 +
border-bottom-style: solid;
 +
border-bottom-color: #1f253d;
 +
border-bottom-width: 1px;
 +
}
 +
.left-bar-each:hover{
 +
background-color: #50597b;
 +
}
 +
.left-bar-each.top{
 +
background-color: #38b7c4;
 +
text-align:center;
 +
padding-left: 0px;
 +
}
 +
.left-bar-each.top:hover{
 +
background-color: #38b7c4;
 +
}
 +
.left-bar-sub .left-bar-each{
 +
padding-left: 90px;
 +
}
 +
#middle-photo{
 +
float: left;
 +
margin-bottom: 25px;
 +
}
 +
.middle-photo-each{
 +
padding:0px 0px 0px 0px;
 +
background-color: white;
 +
margin-bottom: 15px;
 +
margin-left: 0px;
-
<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:UESTC-China/Team"style="color:#000000"> Team </a> </td>
+
.middle-photo-each .middle-content{
 +
height: 400px;
 +
width: 947px;
 +
}
 +
.middle-content img{
 +
float: left;
 +
}
 +
#examplepic{
 +
width: 100px;
 +
height:60px;
 +
}
 +
.middle-content p{
 +
color: black;
 +
font-size: 16px;
 +
font-family: helveticallt,"微软雅黑";
 +
line-height: 20px;
 +
}
 +
#team-content{
 +
margin-top: 15px;
 +
margin-bottom: 95px;
 +
}
 +
.team-photo img{
 +
width: 1215px;
 +
}
 +
.team-photo{
 +
margin-bottom: -2px;
 +
}
 +
#top{
 +
background-image: url('https://static.igem.org/mediawiki/2014/8/89/Uestc_top2.png');
 +
width: 65px;
 +
height: 138px;
 +
position: fixed;
 +
top: 70%;
 +
margin-left: 1200px;
 +
cursor: pointer;
 +
z-index: 999;
 +
}
 +
#logo{
 +
position: absolute;
 +
width: 154px;
 +
height: 147px;
 +
margin-left: 1000px;
 +
margin-top: 30px;
 +
cursor: pointer;
 +
}
 +
#footer-box{
 +
display: none;
 +
}
 +
.firstHeading{
 +
display: none;
 +
}
 +
#content{
 +
border:none;
 +
background: none;
 +
}
 +
li{
 +
color:white;
 +
}
-
<td style="border:1px solid black;" align="center"  height ="45px"  onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
/*rocket-to-top*/
-
<a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China"style="color:#000000"> Official Team Profile </a></td>
+
*{list-style:none;border:0;}
-
<td style="border:1px solid black" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7> 
+
#rocket-to-top div {
-
<a href="https://2014.igem.org/Team:UESTC-China/Project"style="color:#000000"> Project</a></td>
+
    left: 0;
 +
    margin: 0;
 +
    overflow: hidden;
 +
    padding: 0;
 +
    position: absolute;
 +
    top: 0;
 +
    width: 149px;
 +
}
 +
#rocket-to-top .level-2 {
 +
    background: url("https://static.igem.org/mediawiki/2014/a/a6/UestcUp.png") no-repeat scroll -149px 0 transparent;
 +
    display: none;
 +
    height: 250px;
 +
    opacity: 0;
 +
    z-index: 1;
 +
}
 +
#rocket-to-top .level-3 {
 +
    background: none repeat scroll 0 0 transparent;
 +
    cursor: pointer;
 +
    display: block;
 +
    height: 150px;
 +
    z-index: 2;
 +
}
 +
#rocket-to-top {
 +
    background: url("https://static.igem.org/mediawiki/2014/a/a6/UestcUp.png") no-repeat scroll 0 0 transparent;
 +
    cursor: default;
 +
    display: block;
 +
    height: 250px;
 +
    margin: -125px 0 0;
 +
    overflow: hidden;
 +
    padding: 0;
 +
    position: fixed;
 +
    right: 0;
 +
    top: 80%;
 +
    width: 149px;
 +
    z-index: 11;
 +
}
 +
/*rocket-to-top end*/
 +
.imgdiv{
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
align:center;
-
<a href="https://2014.igem.org/Team:UESTC-China/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>
+
.imgdiv img{
-
<a href="https://2014.igem.org/Team:UESTC-China/Modeling"style="color:#000000"> Modeling</a></td>
+
margin:10px 50px 10px 50px;
-
<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:UESTC-China/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>
+
}
-
<a href="https://2014.igem.org/Team:UESTC-China/Safety"style=" color:#000000"> Safety </a></td>
+
-
<td style="border:1px solid black;" align="center"  height ="45px" onMouseOver="this.bgColor='#d3d3d3'" onMouseOut="this.bgColor='#e7e7e7'" bgColor=#e7e7e7>
+
#SensorEditingArea{position:absolute; left:0px; top:280px; height:2800px; width:1183px; background-color:#ffffff; padding:60px 0px 0px 30px;}
-
<a href="https://2014.igem.org/Team:UESTC-China/Attributions"style="color:#000000"> Attributions </a></td>
+
 +
.SensorEditingAreaClass p{position:relative;left:0px; width:1140px; font-size:23px; font-family: calibri, arial, helvetica, sans-serif;  text-align:justify;}
 +
.SensorEditingAreaClass a{color:#5CC33C; font-weight:bold;}
-
<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>
+
.SectionTitles{position:relative; left:0px; background-color:#1f8a70; padding:0 10px; height:45px; line-height:40px; font-size:28px; font-family: calibri, arial, helvetica, sans-serif; border-bottom:0px; color:#ffffff; font-weight: bold;font-style: Italic; text-align:center; width:1140px; }
-
</tr>
+
-
</table>
+
-
<!--end navigation menu -->
+
-
</tr>
+
-
</tr>
+
-
</td>
+
-
<tr> <td colspan="3"  height="15px"> </td></tr>
+
</style>
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
+
</head>
-
<tr> <td colspan="3"  height="5px"> </td></tr>
+
-
<!--safety content-->
+
<body>
-
<tr><td > <h3> Welcome! </h3></td>
+
<div id="total-wrap">
-
<td ></td >
+
<div id="header">
-
<td > <h3> Timeline</h3></td>
+
<div id="emp">
-
</tr>
+
<div id='logo'><a href="https://igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2014/d/da/NewLogo2.png"></a></div>
 +
</div>
 +
<div id="top-menu">
 +
<div class="top-menu-each">
 +
<a href="https://2014.igem.org/Team:UESTC-China"><p>Home</p></a>
 +
</div>
 +
<div class="top-menu-each">
 +
<div class="arrow"></div>
 +
<p>Team</p>
 +
<div class="top-menu-sub">
 +
<ul>
-
<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>
 
 +
<a href="https://2014.igem.org/Team:UESTC-China/Team"><li>Members</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Attribution"><li>Attribution</li></a>
 +
<a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China"><li>Team Profile</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Notebook"><li>Notebook</li></a>
 +
</ul>
 +
</div>
 +
</div>
-
<br>
+
 
-
<h3> Edit this page!</h3>
+
<div class="top-menu-each">
-
<p>
+
<div class="arrow"></div>
-
Please use this page to write about anything related to safety in your project. <!--Be sure to talk about both
+
<p>Project</p>
 +
<div class="top-menu-sub">
<ul>
<ul>
-
<li> <a href=" ">Learn about lab Safety for Today</a></li>  
+
<a href="https://2014.igem.org/Team:UESTC-China/Project"><li>Overview</li></a>
-
<li> <a href="">Learn about Safety for the future of your project.</a></li>  
+
<a href="https://2014.igem.org/Team:UESTC-China/Design"><li>Design</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/result"><li>Result</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Futurework"><li>Future work</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Judingform"><li>Judging Criteria</li></a>
 +
 
</ul>
</ul>
-
-->
+
</div>
-
</p>
+
</div>
 +
<div class="top-menu-each">
 +
<div class="arrow"></div>
 +
<p>Modeling</p>
 +
<div class="top-menu-sub">
 +
<ul>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li>Overview</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Modeling1"><li>HPS/PHI</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Modeling2"><li>FALDH/FDH</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Modeling3"><li>AtAHA2</a>
 +
</ul>
 +
</div>
 +
</div>
 +
<div class="top-menu-each">
 +
<div class="arrow"></div>
 +
<p>Parts</p>
 +
<div class="top-menu-sub">
 +
<ul>
 +
<a href="https://2014.igem.org/Team:UESTC-China/BioBrick"><li>BioBrick</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</li></a>
-
<h3> Your Lab </h3>
+
</ul>
 +
</div>
 +
</div>
 +
<div class="top-menu-each">
 +
<div class="arrow"></div>
 +
<p>Human Practice</p>
 +
<div class="top-menu-sub">
 +
<ul>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Questionnaire.html"><li>Questionnaire</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Knowledgequiz"><li>Knowledge quiz</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Lecture.html"><li>Lecture</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Communication.html"><li>Communication</li></a>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Art"><li>Art</li></a>
 +
</ul>
 +
</div>
 +
</div>
-
<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 class="top-menu-each">
-
<!--
+
<div class="arrow"></div>
-
<gallery>
+
<p>Safety</p>
-
Image:Example2_Lab_1.png|The building our lab is in!
+
<div class="top-menu-sub">
-
Image:Example2_Lab_2.png|The inside of our lab!
+
<ul>
-
Image:Example2_Lab_3.png|Team Member 3 doing an experiment
+
<a href="https://2014.igem.org/Team:UESTC-China/Safety"><li>Safety</li></a>
-
Image:Example2_Lab_4.png|Working in biosafety cabinets
+
</ul>
-
Image:Example2_Lab_5.png|Team all gloved up and ready for work!
+
</div>
-
Image:Example2_Lab_6.png|Equipment that we use to do SCIENCE!
+
</div>
-
Image:Example2_Lab_7.png|We decorated this part of our lab
+
-
Image:Example2_Lab_8.png|Whatever else you want
+
-
</gallery>-->
+
-
</td>
 
-
<td></td>
 
-
<td width="45%" valign="top">  
+
<div id="middle-photo">
 +
<div class="middle-photo-each">
 +
<div id="SensorEditingArea" class="SensorEditingAreaClass">
 +
  <h1 class="SectionTitles" style="width:1100px;">Safety</h1>
 +
  <p style="color:#1b1b1b;">
 +
  Our laboratory is located in Chengdu, Sichuan. Biosafety is the most important thing for our laboratory, and also for every laboratory.  Biosafety to us means minimizing the risks concerning the team working in the lab, the general public and the environment.
 +
 
 +
  </p>
-
<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>
+
  <h1 class="SectionTitles"  style="position:relative; top:50px;width:1100px;">Researcher safety</h1>  
-
<li><b>Now - Jamboree:</b> Complete <b>Check-Ins</b> and receive approval before acquiring and using certain materials in your lab</li>
+
  <p style="color:#1b1b1b;font-family:calibri,arial,helvetica,sans-serif;"><br/><br/>
-
<li><b>Now - Wiki Freeze:</b> Edit this Safety page to tell us about what you're doing</li>
+
  In our school, every freshman student must take a safety course before starting their experiments. After the course there will be an exam. Students who pass the exam will accept a diploma, with which one may enter the laboratory. In addition, every member has to read experimental protocol carefully before the experiment. When doing experiments, everyone is demanded to wear gloves to avoid contacting with poisonous chemicals and bacteria.
-
<li><b>June 9: </b>Submit the About Our Lab form.</li>
+
  <br/><br/></p>
-
<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>
+
  <div class="imgdiv" align="center">
-
<li><b>June 30: </b>Submit the Preliminary Version of the <b>Safety Form</b>.</li>
+
  <img  width="50%"  src="https://static.igem.org/mediawiki/2014/b/b8/Safe4.jpg">  
-
<li>Participate in Virtual Open Office Hours to ask questions and discuss safety topics (exact date to be determined).</li>
+
  </div>
-
<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>
+
  <h1 class="SectionTitles"  style="position:relative; top:50px;width:1100px;">Labortory safety</h1>  
 +
  <p style="color:#1b1b1b;font-family:calibri,arial,helvetica,sans-serif;"><br/><br/>
 +
  The  material we used in our laboratory is tobacco leaves, which is nontoxic to our bodies. And there is an inoculation room, where we handle the tobacco leaves. There are four super clean benches, which are sterilized by UV before we use.
 +
  <br/>
 +
 
 +
  The bacteria we used in our laboratory are <i>E.coli</i> (DH5a) and <i>A.tume</i> (EHA105), which are both the basic biosafety level 1.  
 +
  <br/>
 +
 
 +
  In our experiments we have only one harmful reagent, it is Ethidium bromide, which is used for coloring agent. We must wear gloves and face mask before we use it.
 +
  <br/><br/></p>
 +
  <div class="imgdiv" align="center">
 +
  <img  width="373px" height="300px"  src="https://static.igem.org/mediawiki/2014/e/e8/Safefig2-1.JPG">
 +
  <img  width="373px" height="300px"  src="https://static.igem.org/mediawiki/2014/f/f6/Safe1.jpg">
 +
  </div>
 +
 +
 +
  <h1 class="SectionTitles"  style="position:relative; top:50px;width:1100px;">Public safety</h1>  
 +
  <p style="color:#1b1b1b;font-family:calibri,arial,helvetica,sans-serif;"><br/><br/>
 +
  Any untrained person couldn't have access to our iGEM laboratory. If necessary, for example, we invited other college students to visit our laboratory, these visitors have to wear lab coats and gloves.
 +
  <br/>
 +
 
 +
  All lab coats and gloves should be put off before members leaving the laboratory. All waste culture medium and bacterium solution have been sterilized before put into disposal bottle to ensure public safety.
 +
  <br/><br/>
 +
 
 +
  </p>
-
</ul>
+
  <h1 class="SectionTitles"  style="position:relative; top:50px;width:1100px;">Environmental safety</h1>  
-
</td>
+
  <p style="color:#1b1b1b;font-family:calibri,arial,helvetica,sans-serif;"><br/><br/>
 +
  The bacteria we used in our laboratory are <i>E.coli</i> (DH5a) and <i>A.tume</i> (EHA105), which are both the basic biosafety level 1. All bacteria are biological engineering strain, and they can not survive without culture medium. All waste culture medium and bacteria solution have been sterilized before put into disposal bottle.
 +
  <br/><br/></p>
 +
  <div class="imgdiv" align="center">
 +
  <img  width="80%"  src="https://static.igem.org/mediawiki/2014/1/17/Safet.png">
 +
  </div>  
 +
  <!--
 +
  <img  src="https://static.igem.org/mediawiki/2014/0/07/Miequn.jpg">
 +
  -->
 +
  <h1 class="SectionTitles"  style="position:relative; top:50px;width:1100px;">Safety form</h1>
 +
  <p style="color:#1b1b1b;font-family:calibri,arial,helvetica,sans-serif;"><br/><br/>
 +
  Click <a href="https://igem.org/Safety/Safety_Form?team_id=1537"><u>here</u></a> to see our safety form.
 +
  <br/></p>  
 +
 
 +
  <p style="color:#1b1b1b;font-family:calibri,arial,helvetica,sans-serif;"><br/>
 +
  In a word, we have taken safety, including researchers safety, lab safety and public safety into accounts. We've taken steps to ensure safety of all people.
 +
  </p>
 +
 
 +
 
 +
 
 +
</div>
 +
 
 +
</div>
 +
 
 +
</div>
 +
</div>
 +
 
 +
<div id="footer">
 +
 +
</div>
 +
 
 +
 
 +
 
 +
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 +
<script type="text/javascript">
 +
 
 +
$(document).ready(function(){
-
</tr>
+
var imageload=new Array("https://static.igem.org/mediawiki/2014/1/15/NewPlant1.jpg","https://static.igem.org/mediawiki/2014/9/9f/NewPlant2.jpg","https://static.igem.org/mediawiki/2014/1/14/All_students3.jpg");
 +
var datatemp=function(){
 +
this.head;
 +
this.content;
 +
}
 +
var data1=new datatemp();
 +
var data2=new datatemp();
 +
var data3=new datatemp();
 +
data1.head="Plants";
 +
data1.content="Culture";
 +
data2.head="Plants ";
 +
data2.content="Transform";
 +
data3.head="Our Team";
 +
data3.content="Keep moving";
 +
var imageintro=new Array(data1,data2,data3);
 +
var imagecount=0;
 +
 +
var init=function(){
 +
$('.arrow').hide();
 +
$('.top-menu-sub').hide();
 +
}
 +
var bind=function(){
 +
$("#top").hide();
 +
$(document).scroll(function(){
 +
if($(document).scrollTop()>308){
 +
$("#left-bar").css("position","fixed");
 +
$("#left-bar").css("top","0%");
 +
}
 +
else{
 +
console.log(1);
 +
$("#left-bar").css("position","absolute");
 +
$("#left-bar").css("top","");
 +
};
 +
})
 +
$('.top-menu-each').hover(function(){
 +
$('.top-menu-each.click .arrow').hide();
 +
$('.top-menu-each.click').removeClass('click');
 +
$(this).addClass('click');
 +
$(this).find('.arrow').show();
 +
$('.top-menu-sub.show').hide();
 +
$('.top-menu-sub.show').removeClass('show');
 +
$(this).find('.top-menu-sub').addClass('show');
 +
$(this).find('.top-menu-sub').show();}
 +
,
 +
function() {
 +
$(this).removeClass('click');
 +
$(this).find('.arrow').hide();
 +
$(this).find('.top-menu-sub').removeClass('show');
 +
$(this).find('.top-menu-sub').hide();
-
<tr>
+
 +
})
 +
 +
}
 +
var changepic=function(){
 +
imagecount=imagecount+1;
 +
if(imagecount==imageload.length){
 +
imagecount=imagecount-imageload.length;
 +
}
 +
$('#big-photo-hover').fadeOut(function(){
 +
$('#big-photo-wrap').prepend('<img src='+imageload[imagecount]+'>');
 +
$('#big-photo img:eq(0)').css('margin-left','-1214px');
 +
$('#big-photo img:eq(0)').animate({marginLeft:'0px'},3000);
 +
$('#big-photo img:eq(1)').animate({marginLeft:'1214px'},3000,function(){
 +
$('#big-photo img:eq(1)').remove();
 +
$('#big-photo-hover .header').html(imageintro[imagecount].head);
 +
$('#big-photo-hover .content').html(imageintro[imagecount].content);
 +
$('#big-photo-hover').fadeIn();
 +
});
 +
})
 +
 +
 +
}
 +
$(window).scroll(function(){
 +
min_height=window.screen.availHeight ;
 +
var s = $(window).scrollTop();
 +
if( s > 0){
 +
if(!$("#top").hasClass("hide"))
 +
$('#top').fadeIn(100);
 +
}else{
 +
$('#top').fadeOut(200);
 +
};
 +
});
 +
 +
 +
$('#top').click(function(){
 +
$('html,body').animate({scrollTop:0},300);
 +
 +
});
 +
setInterval(changepic,8000);
 +
init();
 +
bind();
 +
/*
 +
if ($("p:contains('Team')").parent().next().find("p").html() == "Result") {
 +
$("p:contains('Result')").parent().remove();
 +
};
 +
if ($("p:contains('Modeling')").parent().next().find("p").html() != "Result") {
 +
a = $("p:contains('Home')").parent().parent().clone();
 +
a.find('p').html('Result');
 +
a.find('a').attr('href','/Team:UESTC-China/result');
 +
$("p:contains('Modeling')").parent().after(a);
 +
};*/
 +
item = window.location.href.split('/').pop();
 +
item = item.split('.')[0];
 +
if ( item == "members" ) {
 +
$('iframe').css('width','900px');
 +
};
 +
})
 +
</script>
-
</table>
+
</body>
</html>
</html>

Latest revision as of 02:44, 18 October 2014

UESTC-China