Team:UESTC-China/Safety

From 2014.igem.org

(Difference between revisions)
 
(66 intermediate revisions not shown)
Line 4: Line 4:
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
<title>UESTC-China</title>
<title>UESTC-China</title>
 +
 +
 +
 +
 +
<style>
<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;
 +
}
        
        
Line 48: Line 66:
#header{
#header{
height: 280px;
height: 280px;
-
background-image:url("https://static.igem.org/mediawiki/2014/a/a3/Newbanner.jpg");
+
background-image:url("https://static.igem.org/mediawiki/2014/4/49/New_New_banner.jpg");
background-position: top center;
background-position: top center;
background-repeat: no-repeat;
background-repeat: no-repeat;
Line 63: Line 81:
background-color: #394264;
background-color: #394264;
width: 1195px;
width: 1195px;
 +
height:63px;
}
}
Line 255: Line 274:
#middle-photo{
#middle-photo{
float: left;
float: left;
-
margin-bottom: 445px;
+
margin-bottom: 25px;
}
}
.middle-photo-each{
.middle-photo-each{
Line 292: Line 311:
}
}
#top{
#top{
-
background-image:url('http://fudanigem.phx-2.ifreeurl.com/img/top.png');
+
background-image: url('https://static.igem.org/mediawiki/2014/8/89/Uestc_top2.png');
-
width: 57px;
+
width: 65px;
-
height: 57px;
+
height: 138px;
-
position: fixed;
+
position: fixed;
-
top: 80%;
+
top: 70%;
-
margin-left: 1205px;
+
margin-left: 1200px;
-
cursor: pointer;
+
cursor: pointer;
 +
z-index: 999;
}
}
#logo{
#logo{
position: absolute;
position: absolute;
-
background-image: url("https://static.igem.org/mediawiki/2014/9/99/NewLogo.png");
 
width: 154px;
width: 154px;
height: 147px;
height: 147px;
Line 323: Line 342:
}
}
-
</style>
+
/*rocket-to-top*/
-
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
+
*{list-style:none;border:0;}
-
<script src="http://immunet.cn/smorf/css/fudanjs.js">
+
-
</script>
+
#rocket-to-top div {
 +
    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{
 +
align:center;
 +
}
 +
 +
.imgdiv img{
 +
margin:10px 50px 10px 50px;
 +
 +
 +
}
 +
 +
#SensorEditingArea{position:absolute; left:0px; top:280px; height:2800px; width:1183px; background-color:#ffffff; padding:60px 0px 0px 30px;}
 +
 +
.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;}
 +
 +
.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; }
 +
 +
</style>
</head>
</head>
<body>
<body>
-
<div id="total-wrap">
+
<div id="total-wrap">
-
<div id="header">
+
<div id="header">
-
<div id="emp">
+
<div id="emp">
-
<div id='logo'><a href="https://igem.org"></a></div>
+
<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>
-
<div id="top-menu">
+
<div id="top-menu">
-
<div class="top-menu-each">
+
<div class="top-menu-each">
-
<a href="https://2014.igem.org/Team:UESTC-China"><p>Home</p></a>
+
<a href="https://2014.igem.org/Team:UESTC-China"><p>Home</p></a>
-
</div>
+
</div>
-
<div class="top-menu-each">
+
<div class="top-menu-each">
-
<div class="arrow"></div>
+
<div class="arrow"></div>
-
<p>Team</p>
+
<p>Team</p>
-
<div class="top-menu-sub">
+
<div class="top-menu-sub">
-
<ul>
+
<ul>
-
+
 
<a href="https://2014.igem.org/Team:UESTC-China/Team"><li>Members</li></a>
<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://2014.igem.org/Team:UESTC-China/Attribution"><li>Attribution</li></a>
-
<a href="igem.org/Team.cgi?year=2014&team_name=UESTC-China"><li>Team Profile</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>
<a href="https://2014.igem.org/Team:UESTC-China/Notebook"><li>Notebook</li></a>
</ul>
</ul>
</div>
</div>
</div>
</div>
-
<div class="top-menu-each">
+
 
-
<a href="https://2014.igem.org/Team:UESTC-China/result.html"><p>Result</p></a>
+
 
-
</div>
+
 
<div class="top-menu-each">
<div class="top-menu-each">
<div class="arrow"></div>
<div class="arrow"></div>
Line 364: Line 437:
<div class="top-menu-sub">
<div class="top-menu-sub">
<ul>
<ul>
-
<a href="https://2014.igem.org/Team:UESTC-China/Project"><li>Project</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Project"><li>Overview</li></a>
 +
<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/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>
</div>
Line 374: Line 451:
<div class="top-menu-sub">
<div class="top-menu-sub">
<ul>
<ul>
-
<a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li>Modeling</li></a>
+
<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>
</ul>
</div>
</div>
Line 384: Line 463:
<div class="top-menu-sub">
<div class="top-menu-sub">
<ul>
<ul>
-
<a href="https://2014.igem.org/Team:UESTC-China/Material"><li>BioBrick</li></a>
+
<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>
<a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</li></a>
-
</ul>
+
</ul>
-
</div>
+
</div>
-
</div>
+
</div>
-
<div class="top-menu-each">
+
<div class="top-menu-each">
-
<div class="arrow"></div>
+
<div class="arrow"></div>
-
<p>Human Practice</p>
+
<p>Human Practice</p>
-
<div class="top-menu-sub">
+
<div class="top-menu-sub">
-
<ul>
+
<ul>
-
<a href="https://2014.igem.org/Team:UESTC-China/HumanPractice.html"><li>Knowledge quiz</li></a>
+
<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/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/Communication.html"><li>Communication</li></a>
-
<a href="https://2014.igem.org/Team:UESTC-China/Questionnaire.html"><li>Questionnaire</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Art"><li>Art</li></a>
-
+
</ul>
-
</ul>
+
</div>
-
</div>
+
</div>
-
</div>
+
 
-
<div class="top-menu-each">
+
<div class="top-menu-each">
-
<div class="arrow"></div>
+
<div class="arrow"></div>
-
<p>Safety</p>
+
<p>Safety</p>
-
<div class="top-menu-sub">
+
<div class="top-menu-sub">
-
<ul>
+
<ul>
-
<a href="https://2014.igem.org/Team:UESTC-China/Safety"><li>Safety</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Safety"><li>Safety</li></a>
-
+
</ul>
-
</ul>
+
</div>
-
</div>
+
</div>
-
</div>
+
-
+
-
</div>
+
-
</div>
+
Line 421: Line 498:
<div id="middle-photo">
<div id="middle-photo">
<div class="middle-photo-each">
<div class="middle-photo-each">
-
<iframe style="
+
<div id="SensorEditingArea" class="SensorEditingAreaClass">
-
width: 1175px;
+
 
-
height: 4700px;
+
  <h1 class="SectionTitles" style="width:1100px;">Safety</h1>
-
margin: 20px;
+
  <p style="color:#1b1b1b;">
-
" src="http://immunet.cn/smorf/css/safety.html">
+
  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>
 +
 
 +
 
 +
  <h1 class="SectionTitles" style="position:relative; top:50px;width:1100px;">Researcher safety</h1>
 +
  <p style="color:#1b1b1b;font-family:calibri,arial,helvetica,sans-serif;"><br/><br/>
 +
  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.
 +
  <br/><br/></p>
 +
  <div class="imgdiv" align="center">
 +
  <img  width="50%"  src="https://static.igem.org/mediawiki/2014/b/b8/Safe4.jpg"> 
 +
  </div>
 +
 +
 
 +
  <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>
 +
 
 +
  <h1 class="SectionTitles"  style="position:relative; top:50px;width:1100px;">Environmental safety</h1>
 +
  <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>
-
</iframe>
 
-
</div>
 
-
<div class="middle-photo-each">
 
-
<div class="middle-content" style="height: 0;"></div>
 
</div>
</div>
 +
</div>
</div>
</div>
</div>
Line 438: Line 573:
</div>
</div>
 +
 +
 +
 +
<script type="text/javascript" src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 +
<script type="text/javascript">
 +
 +
$(document).ready(function(){
 +
 +
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();
 +
 +
 +
})
 +
 +
 +
}
 +
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>
</body>
</body>
</html>
</html>

Latest revision as of 02:44, 18 October 2014

UESTC-China