Difference between revisions of "Team:China Tongji/test"

 
(121 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<!-- <!DOCTYPE html> -->
+
{{China_Tongji_Head}}
<html lang="en">
+
{{China_Tongji_Content}}
<!--Important:clear page-->
+
 
<script>   
+
<html>
    $('content').empty();
+
</script>
+
<!--End clear page-->
+
 
<head>
 
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+
<!-- load css files -->
 
+
<link href="https://2015.igem.org/Team:China_Tongji/flexSlider_css?action=raw&ctype=text/css" rel="stylesheet">
 +
<!--<link href="https://2015.igem.org/Team:China_Tongji/multiPicShow_css?action=raw&ctype=text/css" rel="stylesheet"> -->
 
<style type="text/css">
 
<style type="text/css">
 
+
.linkContent{
.firstHeading{
+
font-weight: bold;
position:fixed;
+
color: #808000;
display:none;
+
 
}
 
}
 
+
.linkContent:visited{
body {
+
font-weight: bold;
margin: 0px;
+
color: #808000;
background-color: #F0F0F0;
+
 
}
 
}
 
+
/* 多图切换字幕css */
.head{
+
.flexslider{
position: fixed;
+
background:#FFF;
    left:0px;
+
height:533px;
top:18px;
+
width: 100%;
+
height: 60px;
+
background:url(https://static.igem.org/mediawiki/2015/8/8c/Team_China_Tongji-transparent-nav.png);
+
border-bottom: thin solid #CCC;
+
z-index:1000;
+
 
}
 
}
.head:hover{
+
.slides{
background: #FFF;
+
text-align:center;
 
}
 
}
 
+
.slides img{
#navLogoLeft{
+
float:left;
+
margin-left:15px;
+
margin-right:20px;
+
 
+
 
}
 
}
#navLogoLeft img{
+
.flex-control-nav {
border:0px;
+
bottom:45px;
 
}
 
}
#navLogoRight{
+
.imgsName{
float:right;
+
display:block;
margin-right:10px;
+
padding:5px;
+
}
+
#navLogoRight img{
+
border:0px;
+
}
+
 
+
.nav {
+
float:left;
+
}
+
.navFirstTitle{
+
line-height: 60px;
+
text-decoration: none;
+
padding: 10px 12px;
+
text-transform: uppercase;
+
font-family: "Comic Sans MS", cursive,Georgia;
+
font-size: 14px;
+
}
+
.navFirstTitle:hover{
+
background-color:#CCC;
+
}
+
 
+
 
+
 
+
.bigName{
+
 
width:100%;
 
width:100%;
height:300px;
+
height:40px;
background:#FF8000;
+
position: absolute;
background-repeat:repeat-x;
+
bottom: -9px;
z-index:2;
+
background:url(https://static.igem.org/mediawiki/2015/d/d4/China-Tongji-Achievement-Equipment-imgsNameBac.png);
margin-top:78px;
+
}
+
.bigName h1{
+
z-index: 3;
+
color: #FFF;
+
 
text-align: left;
 
text-align: left;
padding-left:100px;
+
font-size: 18px;
line-height: 300px;
+
font-family: "Palatino Linotype", "MS Serif", Verdana,Arial,Helvetica,Tahoma;
font-size: 90px;
+
font-weight: bold;
font-family: Verdana, Geneva, sans-serif;
+
line-height: 40px;
font-weight: bolder;
+
color:#FFF;
text-transform: uppercase;
+
text-indent:10px;
}
+
.content{
+
width:1000px;
+
margin:0px auto;
+
min-height:300px;
+
padding:0px;
+
background-color: #F0F0F0;
+
}
+
 
+
 
+
.foot{
+
width:100%;
+
height:100px;
+
background-color:#404040;
+
}
+
.navFoot{
+
margin-top:0px;
+
padding-top:20px;
+
}
+
.navFoot a{
+
text-transform: uppercase;
+
text-decoration: none;
+
padding: 10px;
+
color: #D2D2D2;
+
font-family: Georgia, "Times New Roman", Times, serif;
+
font-size:12px;
+
}
+
.navFoot a:hover{
+
text-decoration:underline;
+
}
+
.copyright{
+
color: #8C8C8C;
+
font-family: Georgia, "Times New Roman", Times, serif;
+
font-size: 11px;
+
 
}
 
}
 
</style>
 
</style>
 
<script>
 
 
</script>
 
 
 
</head>
 
</head>
  
 
+
<body>
 
+
<!--head start-->
+
<div class="head">
+
<div id="navLogoLeft">
+
        <a href="https://igem.org/Team.cgi?year=2015&amp;team_name=China_Tongji">
+
        <img src="https://static.igem.org/mediawiki/2015/9/9b/China_Tongji_team-logo-60px.png"/>
+
        </a>
+
    </div>
+
    <div class="nav">
+
    <tr>
+
            <td><a class="navFirstTitle" id="Home" href="https://2015.igem.org/Team:China_Tongji">Home</a></td>
+
            <td><a class="navFirstTitle" id="Project" href="https://2015.igem.org/Team:China_Tongji/Project">Project</a>
+
            </td>
+
            <td><a class="navFirstTitle" id="Notebook" href="https://2015.igem.org/Team:China_Tongji/Notebook">Notebook</a></td>
+
            <td><a class="navFirstTitle" id="Achivement" href="https://2015.igem.org/Team:China_Tongji/Achivement">Achivement</a>
+
            </td>
+
            <td><a class="navFirstTitle" id="Team" href="https://2015.igem.org/Team:China_Tongji/Team">Team</a></td>
+
            <td><a class="navFirstTitle" id="Outreach" href="https://2015.igem.org/Team:China_Tongji/Outreach">Outreach</a></td>
+
            <td><a class="navFirstTitle" id="Safety" href="https://2015.igem.org/Team:China_Tongji/Safety">Safety</a></td>
+
      </tr>
+
    </div> 
+
    <div id="navLogoRight">
+
        <a href="https://2015.igem.org/Main_Page">
+
            <img src="https://static.igem.org/mediawiki/2015/4/47/China_Tongji-logo-right.png" alt="China_Tongji"/>
+
        </a>
+
    </div>   
+
</div>
+
 
+
 
<!--content start-->
 
<!--content start-->
 
<div class="bigName">
 
<div class="bigName">
<h1 align="left">Project</h1>
+
<div class="bugDiv"><img class="bugImg" src="https://static.igem.org/mediawiki/2015/d/da/China-Tongji-safetyBug.png"></div>
 +
<p align="left">Test</p>
 
</div>
 
</div>
  
<div class="content">
+
<div class="myContent">
<p>首先是上面的菜单,最好可以像复旦这样可以随着滑动页面也跟着改动(复旦有一点问题是他们挡住了最上面的edit栏,都给移到了右边的Igem  bar里面,这次应该不可以,第二个HZAU连接里面留住了edit 栏,可以参考这个),然后这一栏像他们一样可以点击的稍微大一点,醒目一点~ 然后我们也想要能在菜单左边有一块位置放我们的logo这个刚刚画好,还没有最后定稿,大概是这风格,所以整体色调和色卡选择最好可以和Logo匹配~。就是各个大标题和大背景色可不可以是那种淡淡的暖黄色~。</p>
+
<div id="contentList">
<p>其次我们想要像HZAU一样主页最上面是一个那种图栏,有几张图片(一张线虫一张合影等)可以切换。</p>
+
        <li class="listOne"><p id="listSafety">1. Safety</p></li>
<p>最后就是复旦他们每点进去一个主题,左边会有一栏竖着的分主题list, 会随着网页看到哪里而改变显示的位置,(像上面图片上那样)这个我们比较想要加入到我们的那些分页面里~不知道可不可以实现?</p>
+
    </div>
<p>&nbsp;</p>
+
    <div id=mainContent>
<p>中间内容测试内容!</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>中间内容测试内容!</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
+
    <!-- maincontent start here -->
<p>中间内容测试内容!</p><p>&nbsp;</p><p>&nbsp;</p><p>&nbsp;</p>
+
        <br><div class="fivePx"></div><div class="fivePx"></div>
 +
        <!-- 轮播图片 -->
 +
        <div id="banner_tabsFirst1" class="flexslider">
 +
            <ul class="slides">
 +
                <li><img height="533" src="https://static.igem.org/mediawiki/2015/a/aa/China-Tongji-safety-figure1.jpg">
 +
                    <p class="imgsName">Figure1: We use ethanol to sterilize our gloves before the experiments.</p>
 +
                </li>
 +
                <li><img height="533" src="https://static.igem.org/mediawiki/2015/8/89/China-Tongji-safety-figure2.jpg">
 +
                    <p class="imgsName">Figure2: We prevent the C.elegans incubator from being directly exposed to the environment.</p>
 +
                </li>
 +
                <li><img height="533" src="https://static.igem.org/mediawiki/2015/3/3e/China-Tongji-safety-figure3.jpg">
 +
                    <p class="imgsName">Figure3:  We use UV light to sterilize the laminar bench everytime we finish our experiments.</p>
 +
                </li>
 +
                <li><img height="533" src="https://static.igem.org/mediawiki/2015/0/05/China-Tongji-safety-figure4.jpg">
 +
                    <p class="imgsName">Figure4: We did most of the experiments on C.elegans and E.colis in the  laminar flow bench.</p>
 +
                </li>
 +
            </ul>
 +
            <ul class="flex-direction-nav">
 +
                <li><a class="flex-prev" href="javascript:;">Previous</a></li>
 +
                <li><a class="flex-next" href="javascript:;">Next</a></li>
 +
            </ul>
 +
            <ol id="bannerCtrlFirst1" class="flex-control-nav flex-control-paging">
 +
                <li class="active"><a>1</a></li>
 +
                <li class=""><a>2</a></li>
 +
                <li class=""><a>3</a></li>
 +
                <li class=""><a>4</a></li>
 +
            </ol>
 +
        </div>
 +
        <!-- 1. Safety -->
 +
        <p class="titleOne" id="SafetySub">1. Safety</p>  
 +
        <p class="contentP">Safety is prior to all other stuffs especially in the lab.</p>
 +
<p class="contentP">The Administrative office of Laboratory and Equipment in Tongji University is responsible for the safety of biology labs. Before we freshmen get into the lab and do experiments, we must take some courses offered by Administrative office of Laboratory and Equipment and have several tests to qualify our safety training on <a class="linkContent" href="http://aqjy.tongji.edu.cn" target="_blank">the Tongji University website</a>. </p>
 +
<p class="contentP">After taking the cources and passing the tests, we became familiar with some rules to secure the biosafety such as wearing the white coat and gloves is the necessity before doing the experiment, never bring the experiment materials out of the lab and never eat or drink inside the lab. And later all our members also sign up on a letter of commitment in which we promise to obey all the rules to secure the lab safety and the lab manager has the right to prevent us from continuing the experiments if we did something harmful to safety. </p>  
 +
<p class="contentP">In our project, we use 2kinds of organism, C.elegans and E.colis. E.coli is ranked in the organisms of Level 1 risk goup and C.elegans is icluded in <a class="linkContent" href="https://2015.igem.org/Safety/WhiteList" target="_blank">the iGEM White List</a> which means that none of the organisms we are working will cause any threat to the environment.</p>
 +
<p class="contentP">Even though the E.coli and the C.elegans we work with are not harmful for the environment and health, we still assume that they may threaten the ecology, so we wear rubber gloves and lab coat when we do the experiments to keep it from direct touching with human body. We also do all the experiments with these living organism in the laminar flow bench to prevent those organism from getting into the outside air. After we do the experiments, we use NaclO solution to sterilizing waste such as the used agar plate and the used tips. What's more, everytime after we finish our work, we use UV light to sterilize the lab.</p>
 +
<p class="contentP">In order to secure 100 percetnt safe, we talked to the lab manager,Sanyun Liu, making sure that all of our experiments on E.coli are safe and also make sure the C.elegans we work with are properly disposed after our experiments.</p>
 +
<p class="contentP">To see some details about the safety of our parts, please look through <a class="linkContent" href="https://2015.igem.org/Safety/Final_Safety_Form?team_id=1634" target="_blank">our Safety Form</a>.</p>
 +
 
 +
</div>
 
</div>
 
</div>
  
 +
<!-- Load javascript code -->
 +
<!-- Placed at the end of the document so the pages load faster -->   
 +
<script src="https://2015.igem.org/Team:China_Tongji/slider_js?action=raw&ctype=text/javascript" type="text/javascript"></script>
 +
<!--<script src="https://2015.igem.org/Team:China_Tongji/jqueryMultiPicShow_js?action=raw&ctype=text/javascript" type="text/javascript"></script>  -->
 +
<!-- -----------------script脚本----------------------> 
 +
<script type="text/javascript">
 +
$(document).ready(function(){
 +
//单击导航栏后跳转到指定面
 +
$('#divProject').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Project"; });
 +
$('#divNotebook').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Notebook"; });
 +
$('#divAchivement').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Achivement"; });
 +
$('#divTeam').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Team"; });
 +
$('#divOutreach').click(function(){ location.href="https://2015.igem.org/Team:China_Tongji/Outreach"; });
 +
//侧边栏定位
 +
$('#listSafety').click(function(){$('html,body').animate({scrollTop: $('#SafetySub').offset().top-78}, 800);});
 +
//多图自动切换
 +
setInterval('autoSlide()',3000);
 +
//滚动条函数:位置指示
 +
window.onscroll = function(){
 +
var t = document.documentElement.scrollTop || document.body.scrollTop;
 +
fixContentList(t,$('#contentList'));  //固定contentList
 +
document.getElementById("listSafety").style.color = "#F0F";
 +
}
 +
//图片切换
 +
picMove($('#banner_tabsFirst1'),$('#bannerCtrlFirst1'),$('#banner_tabsFirst1 .flex-prev'),$('#banner_tabsFirst1 .flex-next'));
 +
});
  
<!--foot start-->
+
$(function() {
<div class="foot">
+
var startIndex = location.href.indexOf("=");
    <div class="navFoot" align="center">
+
if (startIndex > 0) {  //判断对象是否存在
    <tr align="center">
+
alert(startIndex);
            <td><a href="https://2015.igem.org/Team:China_Tongji">Home</a></td><td>|</td>
+
var locationId = location.href.substring(startIndex+1); //获得锚点    
            <td><a href="https://2015.igem.org/Team:China_Tongji/Project">Project</a></td><td>|</td>
+
        $('html,body').animate({scrollTop: $("#"+locationId).offset().top-78}, 800);
            <td><a href="https://2015.igem.org/Team:China_Tongji/Notebook">Notebook</a></td><td>|</td>
+
     }
            <td><a href="https://2015.igem.org/Team:China_Tongji/Achivement">Achivement</a></td><td>|</td>
+
});
            <td><a href="https://2015.igem.org/Team:China_Tongji/Team">Team</a></td><td>|</td>
+
            <td><a href="https://2015.igem.org/Team:China_Tongji/Outreach">Outreach</a></td><td>|</td>
+
            <td><a href="https://2015.igem.org/Team:China_Tongji/Safety">Safety</a></td><td></td>
+
      </tr>
+
     </div>   
+
    <div class="copyright"><center><p>Copyright © China_Tongji iGEM 2015 | Developer: LiJunWu </p></center></div>
+
</div>
+
  
<!--当前页面指示-->
 
<script defer>
 
var keyWord = location.href.substring(39);
 
switch (keyWord)
 
{
 
  case "ome":
 
document.getElementById("Home").style.color = "#F0F";
 
break;
 
  case "Project":
 
document.getElementById("Project").style.color = "#F0F";
 
break;
 
  case "Notebook":
 
document.getElementById("Notebook").style.color = "#F0F";
 
break;
 
  case "Achivement":
 
document.getElementById("Achivement").style.color = "#F0F";
 
break;
 
  case "Team":
 
document.getElementById("Team").style.color = "#F0F";
 
break;
 
  case "Outreach":
 
document.getElementById("Outreach").style.color = "#F0F";
 
break;
 
  case "Safety":
 
document.getElementById("Safety").style.color = "#F0F";
 
break;
 
}
 
 
</script>
 
</script>
 +
</body>
 +
</html>
  
 
+
{{China_Tongji_Foot}}
</html>
+

Latest revision as of 10:52, 14 September 2015

close label

Test

  • 1. Safety


  • 1. Safety

    Safety is prior to all other stuffs especially in the lab.

    The Administrative office of Laboratory and Equipment in Tongji University is responsible for the safety of biology labs. Before we freshmen get into the lab and do experiments, we must take some courses offered by Administrative office of Laboratory and Equipment and have several tests to qualify our safety training on the Tongji University website.

    After taking the cources and passing the tests, we became familiar with some rules to secure the biosafety such as wearing the white coat and gloves is the necessity before doing the experiment, never bring the experiment materials out of the lab and never eat or drink inside the lab. And later all our members also sign up on a letter of commitment in which we promise to obey all the rules to secure the lab safety and the lab manager has the right to prevent us from continuing the experiments if we did something harmful to safety.

    In our project, we use 2kinds of organism, C.elegans and E.colis. E.coli is ranked in the organisms of Level 1 risk goup and C.elegans is icluded in the iGEM White List which means that none of the organisms we are working will cause any threat to the environment.

    Even though the E.coli and the C.elegans we work with are not harmful for the environment and health, we still assume that they may threaten the ecology, so we wear rubber gloves and lab coat when we do the experiments to keep it from direct touching with human body. We also do all the experiments with these living organism in the laminar flow bench to prevent those organism from getting into the outside air. After we do the experiments, we use NaclO solution to sterilizing waste such as the used agar plate and the used tips. What's more, everytime after we finish our work, we use UV light to sterilize the lab.

    In order to secure 100 percetnt safe, we talked to the lab manager,Sanyun Liu, making sure that all of our experiments on E.coli are safe and also make sure the C.elegans we work with are properly disposed after our experiments.

    To see some details about the safety of our parts, please look through our Safety Form.