Team:UESTC-China/Safety

From 2014.igem.org

(Difference between revisions)
 
(78 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>
-
<link rel="stylesheet"  type="text/css" href="http://immunet.cn/smorf/css/fudanteam.css">
 
-
<script src="http://code.jquery.com/jquery-1.10.1.min.js"></script>
 
-
<script src="http://fudanigem.phx-2.ifreeurl.com/js/igem.js"></script>
 
-
    <script src="http://immunet.cn/smorf/css/js/modernizr.custom.js"></script>.
 
-
<link rel="stylesheet" type="text/css" href="http://immunet.cn/smorf/css/css/default.css" />
 
-
<!--必要样式-->
 
-
<link rel="stylesheet" type="text/css" href="http://immunet.cn/smorf/css/css/component.css" />
 
 +
 +
 +
<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;
 +
}
 +
 +
     
 +
    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}
 +
 +
body{
 +
background-color:#bfbfbf;
 +
}
 +
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;
 +
 +
}
 +
@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;
 +
}
 +
 +
.top-menu-each p{
 +
float: left;
 +
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;
 +
 +
}
 +
#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;
 +
 +
}
 +
.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;
 +
}
 +
 +
/*rocket-to-top*/
 +
*{list-style:none;border:0;}
 +
 +
#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.html"><li>Members</li></a>
+
 
-
<a href="#"><li>Attribution</li></a>
+
 
-
<a href="#"><li>Team Profile</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Team"><li>Members</li></a>
-
<a href="#"><li>Notebook</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Attribution"><li>Attribution</li></a>
-
</ul>
+
<a href="https://igem.org/Team.cgi?year=2014&team_name=UESTC-China"><li>Team Profile</li></a>
-
</div>
+
<a href="https://2014.igem.org/Team:UESTC-China/Notebook"><li>Notebook</li></a>
-
</div>
+
</ul>
-
<div class="top-menu-each">
+
</div>
-
<div class="arrow"></div>
+
</div>
-
<p>Project</p>
+
 
-
<div class="top-menu-sub">
+
 
-
<ul>
+
 
-
<a href="https://2014.igem.org/Team:UESTC-China/Project.html"><li>Overview</li></a>
+
<div class="top-menu-each">
-
<a href="#"><li>Input</li></a>
+
<div class="arrow"></div>
-
<a href="#"><li>Defination</li></a>
+
<p>Project</p>
-
<a href="#"><li>Estimation</li></a>
+
<div class="top-menu-sub">
-
<a href="#"><li>Optimization</li></a>
+
<ul>
-
<a href="#"><li>Application</li></a>
+
<a href="https://2014.igem.org/Team:UESTC-China/Project"><li>Overview</li></a>
-
</ul>
+
<a href="https://2014.igem.org/Team:UESTC-China/Design"><li>Design</li></a>
-
</div>
+
<a href="https://2014.igem.org/Team:UESTC-China/result"><li>Result</li></a>
-
</div>
+
<a href="https://2014.igem.org/Team:UESTC-China/Futurework"><li>Future work</li></a>
-
<div class="top-menu-each">
+
<a href="https://2014.igem.org/Team:UESTC-China/Judingform"><li>Judging Criteria</li></a>
-
<div class="arrow"></div>
+
 
-
<p>Modeling</p>
+
</ul>
-
<div class="top-menu-sub">
+
</div>
-
<ul>
+
</div>
-
<a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li>modeling</li></a>
+
<div class="top-menu-each">
-
+
<div class="arrow"></div>
-
</ul>
+
<p>Modeling</p>
-
</div>
+
<div class="top-menu-sub">
-
</div>
+
<ul>
-
<div class="top-menu-each">
+
<a href="https://2014.igem.org/Team:UESTC-China/Modeling"><li>Overview</li></a>
-
<div class="arrow"></div>
+
<a href="https://2014.igem.org/Team:UESTC-China/Modeling1"><li>HPS/PHI</li></a>
-
<p>Supplementary</p>
+
<a href="https://2014.igem.org/Team:UESTC-China/Modeling2"><li>FALDH/FDH</li></a>
-
<div class="top-menu-sub">
+
<a href="https://2014.igem.org/Team:UESTC-China/Modeling3"><li>AtAHA2</a>
-
<ul>
+
</ul>
-
<a href="https://2014.igem.org/Team:UESTC-China/Material.html"><li>Material</li></a>
+
</div>
-
<a href="/https://2014.igem.org/Team:UESTC-China/Protocol.html"><li>Protocol</li></a>
+
</div>
-
</ul>
+
<div class="top-menu-each">
-
</div>
+
<div class="arrow"></div>
-
</div>
+
<p>Parts</p>
-
<div class="top-menu-each">
+
<div class="top-menu-sub">
-
<div class="arrow"></div>
+
<ul>
-
<p>Human Practice</p>
+
<a href="https://2014.igem.org/Team:UESTC-China/BioBrick"><li>BioBrick</li></a>
-
<div class="top-menu-sub">
+
<a href="https://2014.igem.org/Team:UESTC-China/Protocol"><li>Protocol</li></a>
-
<ul>
+
 
-
<a href="https://2014.igem.org/Team:UESTC-China/HumanPractice.html"><li>Human Practice</li></a>
+
</ul>
-
+
</div>
-
</ul>
+
</div>
-
</div>
+
<div class="top-menu-each">
-
</div>
+
<div class="arrow"></div>
-
<div class="top-menu-each">
+
<p>Human Practice</p>
-
<a href='https://2014.igem.org/Team:UESTC-China/Safety.html'><p>Safety</p>
+
<div class="top-menu-sub">
-
</div>
+
<ul>
-
<div class="top-menu-each">
+
<a href="https://2014.igem.org/Team:UESTC-China/Questionnaire.html"><li>Questionnaire</li></a>
-
<a href="https://2014.igem.org/Team:UESTC-China/Gallery.html"><p>Gallery</p></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>
 +
 
 +
<div class="top-menu-each">
 +
<div class="arrow"></div>
 +
<p>Safety</p>
 +
<div class="top-menu-sub">
 +
<ul>
 +
<a href="https://2014.igem.org/Team:UESTC-China/Safety"><li>Safety</li></a>
 +
</ul>
 +
</div>
 +
</div>
 +
 
 +
 
 +
 
 +
<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>
 +
 
 +
 
 +
  <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>
</div>
 +
</div>
</div>
 +
</div>
</div>
-
<div class="container">
 
-
<div class="main">
 
-
<ul class="cbp_tmtimeline">
 
-
<li>
 
-
<time class="cbp_tmtime" datetime="2013-04-10 18:30"><span>4/10/13</span><span>18:30</span></time>
 
-
<div class="cbp_tmicon cbp_tmicon-phone"></div>
 
-
<div class="cbp_tmlabel">
 
-
<h2>Ricebean black-eyed pea</h2>
 
-
<p>Winter purslane courgette pumpkin quandong komatsuna fennel green bean cucumber watercress. Pea sprouts wattle seed rutabaga okra yarrow cress avocado grape radish bush tomato ricebean black-eyed pea maize eggplant. Cabbage lentil cucumber chickpea sorrel gram garbanzo plantain lotus root bok choy squash cress potato summer purslane salsify fennel horseradish dulse. Winter purslane garbanzo artichoke broccoli lentil corn okra silver beet celery quandong. Plantain salad beetroot bunya nuts black-eyed pea collard greens radish water spinach gourd chicory prairie turnip avocado sierra leone bologi.</p>
 
-
</div>
 
-
</li>
 
-
<li>
 
-
<time class="cbp_tmtime" datetime="2013-04-11T12:04"><span>4/11/13</span><span>12:04</span></time>con-screen"></div>
 
-
<div class="cbp_tmlabel">
 
-
<h2>Greens radish arugula</h2>
 
-
<p>Caulie dandelion maize lentil collard greens radish arugula sweet pepper water spinach kombu courgette lettuce. Celery coriander bitterleaf epazote radicchio shallot winter purslane collard greens spring onion squash lentil. Artichoke salad bamboo shoot black-eyed pea brussels sprout garlic kohlrabi.</p>
 
-
</div>
 
-
</li>
 
-
<li>
 
-
<time class="cbp_tmtime" datetime="2013-04-13 05:36"><span>4/13/13</span><span>05:36</span></time>
 
-
<div class="cbp_tmicon cbp_tmicon-mail"></div>
 
-
<div class="cbp_tmlabel">
 
-
<h2>Sprout garlic kohlrabi</h2>
 
-
<p>Parsnip lotus root celery yarrow seakale tomato collard greens tigernut epazote ricebean melon tomatillo soybean chicory broccoli beet greens peanut salad. Lotus root burdock bell pepper chickweed shallot groundnut pea sprouts welsh onion wattle seed pea salsify turnip scallion peanut arugula bamboo shoot onion swiss chard. Avocado tomato peanut soko amaranth grape fennel chickweed mung bean soybean endive squash beet greens carrot chicory green bean. Tigernut dandelion sea lettuce garlic daikon courgette celery maize parsley komatsuna black-eyed pea bell pepper aubergine cauliflower zucchini. Quandong pea chickweed tomatillo quandong cauliflower spinach water spinach.</p>
 
-
</div>
 
-
</li>
 
-
<li>
 
-
<time class="cbp_tmtime" datetime="2013-04-15 13:15"><span>4/15/13</span><span>13:15</span></time>
 
-
<div class="cbp_tmicon cbp_tmicon-phone"></div>
 
-
<div class="cbp_tmlabel">
 
-
<h2>Watercress ricebean</h2>
 
-
<p>Peanut gourd nori welsh onion rock melon mustard j铆cama. Desert raisin amaranth kombu aubergine kale seakale brussels sprout pea. Black-eyed pea celtuce bamboo shoot salad kohlrabi leek squash prairie turnip catsear rock melon chard taro broccoli turnip greens. Fennel quandong potato watercress ricebean swiss chard garbanzo. Endive daikon brussels sprout lotus root silver beet epazote melon shallot.</p>
 
-
</div>
 
-
</li>
 
-
<li>
 
-
<time class="cbp_tmtime" datetime="2013-04-16 21:30"><span>4/16/13</span><span>21:30</span></time>
 
-
<div class="cbp_tmicon cbp_tmicon-earth"></div>
 
-
<div class="cbp_tmlabel">
 
-
<h2>Courgette daikon</h2>
 
-
<p>Parsley amaranth tigernut silver beet maize fennel spinach. Ricebean black-eyed pea maize scallion green bean spinach cabbage j铆cama bell pepper carrot onion corn plantain garbanzo. Sierra leone bologi komatsuna celery peanut swiss chard silver beet squash dandelion maize chicory burdock tatsoi dulse radish wakame beetroot.</p>
 
-
</div>
 
-
</li>
 
-
<li>
 
-
<time class="cbp_tmtime" datetime="2013-04-17 12:11"><span>4/17/13</span><span>12:11</span></time>
 
-
<div class="cbp_tmicon cbp_tmicon-screen"></div>
 
-
<div class="cbp_tmlabel">
 
-
<h2>Greens radish arugula</h2>
 
-
<p>Caulie dandelion maize lentil collard greens radish arugula sweet pepper water spinach kombu courgette lettuce. Celery coriander bitterleaf epazote radicchio shallot winter purslane collard greens spring onion squash lentil. Artichoke salad bamboo shoot black-eyed pea brussels sprout garlic kohlrabi.</p>
 
-
</div>
 
-
</li>
 
-
<li>
 
-
<time class="cbp_tmtime" datetime="2013-04-18 09:56"><span>4/18/13</span><span>09:56</span></time>
 
-
<div class="cbp_tmicon cbp_tmicon-phone"></div>
 
-
<div class="cbp_tmlabel">
 
-
<h2>Sprout garlic kohlrabi</h2>
 
-
<p>Parsnip lotus root celery yarrow seakale tomato collard greens tigernut epazote ricebean melon tomatillo soybean chicory broccoli beet greens peanut salad. Lotus root burdock bell pepper chickweed shallot groundnut pea sprouts welsh onion wattle seed pea salsify turnip scallion peanut arugula bamboo shoot onion swiss chard. Avocado tomato peanut soko amaranth grape fennel chickweed mung bean soybean endive squash beet greens carrot chicory green bean. Tigernut dandelion sea lettuce garlic daikon courgette celery maize parsley komatsuna black-eyed pea bell pepper aubergine cauliflower zucchini. Quandong pea chickweed tomatillo quandong cauliflower spinach water spinach.</p>
 
-
</div>
 
-
</li>
 
-
</ul>
 
</div>
</div>
-
</div>
 
-
 
<div id="footer">
<div id="footer">
</div>
</div>
-
<div id="top">
+
 
-
</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