(28 intermediate revisions by 4 users not shown) | |||
Line 1: | Line 1: | ||
<html> | <html> | ||
<style type="text/css"> | <style type="text/css"> | ||
− | + | html body{ | |
− | + | font-family:purista !important; | |
} | } | ||
+ | p{ | ||
+ | font-family: arial | ||
+ | } | ||
+ | .dropdown .dropdown-menu > ul { | ||
+ | background-color: rgba(132,176,110,0.6)!important | ||
+ | } | ||
+ | .myheader{ | ||
+ | box-shadow:none !important; | ||
+ | background:rgba(132,176,110,0.6) !important; | ||
+ | border:none !important; | ||
+ | } | ||
+ | .positiontitle{ | ||
+ | position: relative; | ||
+ | top:500px; | ||
+ | font-size: 68px; | ||
+ | color:#fff; | ||
+ | z-index: 100; | ||
+ | letter-spacing: 0.0588235em; | ||
+ | } | ||
+ | .colul .colactive a{ | ||
+ | font-size:22px; | ||
+ | color: #00746b !important; | ||
+ | } | ||
+ | .v1{ | ||
+ | font-family: purista !important; | ||
+ | font-weight: 600 !important; | ||
+ | font-style: normal !important; | ||
+ | font-size: 25px !important; | ||
+ | letter-spacing: .05em !important; | ||
+ | text-transform: uppercase !important; | ||
+ | line-height: 1.2em !important; | ||
+ | color: #4a4a4a !important; | ||
+ | } | ||
+ | #top_menu_14{ | ||
+ | height:auto !important; | ||
+ | } | ||
+ | .colul a:hover{ | ||
+ | |||
+ | color: #00746b !important; | ||
+ | } | ||
+ | .colul li a{ | ||
+ | font-family:arial !important; | ||
+ | font-weight: 400; | ||
+ | font-style: normal; | ||
+ | font-size: 20px; | ||
+ | letter-spacing: 0px; | ||
+ | text-transform: none; | ||
+ | text-decoration: none; | ||
+ | line-height: 1.2em; | ||
+ | color: rgba(26,26,26,.7); | ||
+ | margin-bottom: .5em; | ||
+ | |||
+ | } | ||
+ | .ulfixed { | ||
+ | position: fixed !important; | ||
+ | |||
+ | top: 90px; | ||
+ | } | ||
+ | .myheader{ | ||
+ | box-shadow:none !important; | ||
+ | background:rgba(132,176,110,0.4) !important; | ||
+ | border:none !important; | ||
+ | } | ||
+ | .itemstyle{ | ||
+ | font-family: arial !important; | ||
+ | font-weight: 600 !important; | ||
+ | font-style: normal !important; | ||
+ | |||
+ | letter-spacing: 0px !important; | ||
+ | line-height: 1.6em !important; | ||
+ | color: rgba(26,26,26,.7) !important; | ||
+ | text-align: left!important; | ||
+ | font-size: 18px!important; | ||
+ | } | ||
+ | |||
+ | } | ||
+ | .footer{ | ||
+ | background:rgba(12, 61, 12, 0.8509803921568627) !important; | ||
+ | } | ||
+ | #back-to-top{ | ||
+ | position:fixed; | ||
+ | } | ||
+ | #back-to-top a{ | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | color:#d1d1d1; | ||
+ | display:block; | ||
+ | width:80px; | ||
+ | /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/ | ||
+ | -moz-transition:color 1s; | ||
+ | -webkit-transition:color 1s; | ||
+ | -o-transition:color 1s; | ||
+ | } | ||
+ | #back-to-top a img{ | ||
+ | background:#d1d1d1; | ||
+ | border-radius:6px; | ||
+ | display:block; | ||
+ | height:80px; | ||
+ | width:80px; | ||
+ | margin-bottom:5px; | ||
+ | -moz-transition:background 1s; | ||
+ | -webkit-transition:background 1s; | ||
+ | -o-transition:background 1s; | ||
+ | } | ||
+ | @font-face | ||
+ | { | ||
+ | font-family: purista; | ||
+ | src: url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf'), | ||
+ | url('https://static.igem.org/mediawiki/2018/4/44/T--worldshaper-XSHS--semibold.otf'); | ||
+ | } | ||
</style> | </style> | ||
− | + | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/wiki_edit.css"> | |
− | + | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/bootstrap.min.css"> | |
− | + | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/ionicons.min.css"> | |
− | + | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/animate.css"> | |
− | + | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/slider.css"> | |
− | + | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/owl.carousel.css"> | |
− | + | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/owl.theme.css"> | |
− | + | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/jquery.fancybox.css"> | |
− | + | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/main.css"> | |
− | + | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/responsive.css"> | |
− | + | <script src="http://igem2017.worldshaper.cn/XSHS/js/vendor/modernizr-2.6.2.min.js"></script> | |
− | + | <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.min.js"></script> | |
− | + | <script src="http://igem2017.worldshaper.cn/XSHS/js/owl.carousel.min.js"></script> | |
− | + | <script src="http://igem2017.worldshaper.cn/XSHS/js/bootstrap.min.js"></script> | |
− | + | <script src="http://igem2017.worldshaper.cn/XSHS/js/wow.min.js"></script> | |
− | + | <script src="http://igem2017.worldshaper.cn/XSHS/js/slider.js"></script> | |
− | + | <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.fancybox.js"></script> | |
− | + | <script src="http://igem2017.worldshaper.cn/XSHS/js/main.js"></script> | |
− | <header id="top-bar" class="navbar-fixed-top animated-header" | + | |
+ | <script type="text/javascript"> | ||
+ | $(function () { | ||
+ | //当点击跳转链接后,回到页面顶部位置 | ||
+ | $("#back-to-top").hide(); | ||
+ | window.onscroll = function () { | ||
+ | var t = document.documentElement.scrollTop || document.body.scrollTop; //获取距离页面顶部的距离 | ||
+ | var $x = $('#standards').offset().top | ||
+ | if (t >= $x - 80) { | ||
+ | console.log(t, $x) | ||
+ | $('.colul').addClass('ulfixed') | ||
+ | $("#back-to-top").fadeIn(1500); | ||
+ | } else { | ||
+ | $('.colul').removeClass('ulfixed') | ||
+ | $("#back-to-top").fadeOut(1500); | ||
+ | } | ||
+ | } | ||
+ | $("#back-to-top").click(function () { | ||
+ | $('body,html').animate({ scrollTop: 0 }, 1000); | ||
+ | return false; | ||
+ | }); | ||
+ | $('.colul li').click(function () { | ||
+ | $(this).siblings().removeClass('colactive') | ||
+ | $(this).addClass('colactive') | ||
+ | }) | ||
+ | }) | ||
+ | </script> | ||
+ | <header id="top-bar" class="navbar-fixed-top animated-header navbar navbar-default myheader" > | ||
<div class="container"> | <div class="container"> | ||
− | <div class="navbar-header"> | + | <div class="navbar-header" > |
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> | <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> | ||
<span class="sr-only">Toggle navigation</span> | <span class="sr-only">Toggle navigation</span> | ||
Line 31: | Line 168: | ||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
<span class="icon-bar"></span> | <span class="icon-bar"></span> | ||
− | + | </button> | |
− | <div class="navbar-brand"> | + | <div class="navbar-brand " style="display:block;color:#fff;margin-left:15px;font-size:20px"> |
<a href="https://2018.igem.org/Team:Worldshaper-XSHS"> | <a href="https://2018.igem.org/Team:Worldshaper-XSHS"> | ||
− | + | Worldshaper- <b>XSHS</b> | |
</a> | </a> | ||
</div> | </div> | ||
− | + | </div> | |
<nav class="collapse navbar-collapse navbar-right" role="navigation"> | <nav class="collapse navbar-collapse navbar-right" role="navigation"> | ||
<div class="main-menu"> | <div class="main-menu"> | ||
<ul class="nav navbar-nav navbar-right"> | <ul class="nav navbar-nav navbar-right"> | ||
− | + | ||
− | + | ||
− | + | ||
<li class="dropdown"> | <li class="dropdown"> | ||
<a class="dropdown-toggle" data-toggle="dropdown"> | <a class="dropdown-toggle" data-toggle="dropdown"> | ||
Line 51: | Line 186: | ||
<div class="dropdown-menu"> | <div class="dropdown-menu"> | ||
<ul> | <ul> | ||
+ | |||
<li> | <li> | ||
<a href="https://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a> | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a> | ||
Line 57: | Line 193: | ||
<a href="https://2018.igem.org/Team:Worldshaper-XSHS/Team">Members</a> | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Team">Members</a> | ||
</li> | </li> | ||
− | + | ||
− | + | ||
− | + | ||
</ul> | </ul> | ||
</div> | </div> | ||
</li> | </li> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</a> | ||
+ | </li> | ||
<li class="dropdown"> | <li class="dropdown"> | ||
<a class="dropdown-toggle" data-toggle="dropdown"> | <a class="dropdown-toggle" data-toggle="dropdown"> | ||
Line 85: | Line 222: | ||
<a href="https://2018.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a> | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a> | ||
</li> | </li> | ||
− | + | ||
− | + | ||
− | + | ||
<li> | <li> | ||
<a href="https://2018.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a> | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a> | ||
Line 106: | Line 241: | ||
<li class="dropdown"> | <li class="dropdown"> | ||
<a class="dropdown-toggle" data-toggle="dropdown"> | <a class="dropdown-toggle" data-toggle="dropdown"> | ||
− | + | HP | |
<span class="caret"></span> | <span class="caret"></span> | ||
</a> | </a> | ||
Line 142: | Line 277: | ||
<a href="https://2018.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a> | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a> | ||
</li> | </li> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a> | ||
+ | </li> | ||
</ul> | </ul> | ||
</div> | </div> | ||
Line 148: | Line 286: | ||
</header> | </header> | ||
− | + | <section class="visual wow fadeInLeft text-center animated" data-wow-duration="500ms" data-wow-delay="200ms" style="visibility: visible; animation-duration: 500ms; animation-delay: 200ms; animation-name: fadeInLeft;"> | |
− | + | <strong class="positiontitle">Safety</strong> | |
− | + | <!-- 这里是大图的标题 --> | |
− | + | <img src="https://static.igem.org/mediawiki/2018/c/c3/T--Worldshaper-XSHS--s004.jpg" alt="" class=" bg-stretch" style="width:100%"> | |
− | < | + | <!-- 这里是大图的图片链接 --> |
− | < | + | </section> |
− | </ | + | |
− | </ | + | <section class="pageInHere"> |
+ | <div class="container"> | ||
+ | <div class="row"> | ||
+ | <div class="col-xs-2 xshs-box3 "> | ||
+ | <ul class="colul text-left"> | ||
+ | <li class="colactive mt-1"> | ||
+ | <a href="#standards">Training for safety</a> | ||
+ | </li> | ||
+ | <li class="mt-1"> | ||
+ | <a href="#lab">Experimental work safety</a> | ||
+ | </li> | ||
+ | <li class="mt-1"> | ||
+ | <a href="#safety">Lab safety</a> | ||
+ | </li> | ||
+ | <li class="mt-1"> | ||
+ | <a href="#Practices">Rules safety</a> | ||
+ | </li> | ||
+ | <li class="mt-1"> | ||
+ | <a href="#protection">Facilities safety</a> | ||
+ | </li> | ||
+ | <!-- <li class="mt-1"> | ||
+ | <a href="#Environment">Environment-protection</a> | ||
+ | </li> --> | ||
+ | <li> | ||
+ | <p id="back-to-top" style="margin-top: 50px;"> | ||
+ | <a href="#top"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/e/e5/T--worldshaper-XSHS--back.png"> | ||
+ | TO Top | ||
+ | </a> | ||
+ | </p> | ||
+ | </li> | ||
+ | <!-- 这里是页面定位锚点 href 对应代码的 “id属性 例如 id='xxx' ”--> | ||
+ | </ul> | ||
</div> | </div> | ||
− | + | <div class="col-xs-10"> | |
− | + | <div class="xshs-box3"> | |
+ | <h2 >Training for safety</h2> | ||
+ | <div class="xshs-box3"> | ||
+ | <p class="itemstyle"> | ||
+ | As high school students, we did not have access to this level of biological experiments or biological laboratories before participating in the iGEM competition, so we had to get more systematic and professional laboratory teaching and training before conducting the research, and these courses were taught by professional teachers. After several training and pre-experimental safety guidance, the players were more skilled to master the laboratory of various types of instruments of experimental methods and safety precautions. After that, we carried out research on the subject, Therefore, there was better activity guarantee for the safety of the entire study. | ||
+ | </p> | ||
+ | </div> | ||
+ | <div class="xshs-box3"> | ||
+ | <h2 >Safety Standars</h2> | ||
+ | <p id="standards"> | ||
+ | <b>1.Experimental work safety</b> | ||
+ | </p> | ||
+ | <p class="itemstyle"> Minimizing potential threat to laboratory workers and the environment.</p> | ||
+ | <p class="itemstyle">Bring no diseases to healthy people.</p> | ||
+ | <p class="itemstyle">Do not pollute the environment.</p> | ||
+ | <p class="itemstyle">Harmless to the experiment itself. | ||
+ | </p> | ||
− | + | <p id="lab"> | |
− | + | <b>2.Lab safety</b> | |
− | + | </p> | |
− | + | <p class="itemstyle">Labs are not isolated from the general buildings or traffic plots, which do not harm to surrounding.</p> | |
− | < | + | <p class="itemstyle">Using biosafety cabinets and laminar flow cabinets to keep the experiment safe.</p> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <p id="safety"> | |
− | + | <b>3.Rules safety</b> | |
− | + | </p> | |
+ | <p class="itemstyle">Professional supervision throughout the experiment,everyone must be familiar with the laboratory's operating specifications and safety rules.</p> | ||
+ | <p class="itemstyle">Our experimental operators are forbidden to drink water, eat or other activities which probably cause experiment negligence in the laboratory.</p> | ||
+ | <p class="itemstyle">All the experimental drugs and reagents should be replaced after experiment to avoid making mistakes. Experiment personnel washing their hands with liquid soap at living area pool and does not touch any instruments and agents anymore. | ||
− | + | </p> | |
− | + | <p id="Practices"> | |
− | < | + | <b>4.Facilities safety</b> |
− | + | </p> | |
− | + | <p class="itemstyle">In routine non-hazardous reagents, we wear latex gloves and white coats to keep the body and reagents isolated. | |
+ | The test bench has a special waste liquid tank which is different from the ordinary garbage can. | ||
+ | The reagents and medicines used have their own weighing containers and placement places. The dangerous toxic drugs have special operation areas, and direct or indirect contact shall be avoided for both internal and external items. | ||
+ | The laboratory is equipped with a complete fire extinguishing and eyewash device. | ||
+ | All operations related to gel-electrophoresis are performed in a dedicated area,and experimenters should wear latex gloves provided with disposable plastic gloves and masks | ||
+ | Specialized instruments, reagents and containers used in this area are not allowed to been taken out of the area. | ||
+ | </p> | ||
− | + | <p id="protection"> | |
− | + | <b>5. Environment-protection</b> | |
+ | </p> | ||
+ | <p class="itemstyle">The microorganism we used in the experiment (colon bacillus DH5alpha) hardly does harm to healthy individuals, and it is heterotrophic, so it will die soon without deliberately cultivating. | ||
+ | All reagents used or not used in the operation area will not cause environmental pollution; waste generated by the laboratory will be treated in a unified and professional procedure. | ||
+ | </p> | ||
+ | </div> | ||
+ | <div class="xshs-box2"> | ||
+ | <p> | ||
+ | <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/c/cb/T--worldshaper-XSHS--s001.png" style="width: 133.3%;height: 133.3%" | ||
+ | /> | ||
− | + | </p> | |
− | + | <p> | |
− | + | <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2018/8/85/T--Worldshaper-XSHS--s003.jpg" style="width: 133.3%;height: 133.3%" | |
− | + | /> | |
− | + | </p> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | </ | + | |
</div> | </div> | ||
</div> | </div> | ||
</div> | </div> | ||
− | </section> | + | </div> |
+ | </section> | ||
+ | |||
− | + | ||
+ | |||
+ | |||
+ | <footer class="footer" style="background:rgba(12, 61, 12, 0.8509803921568627) !important;"> | ||
<div class="container"> | <div class="container"> | ||
<div class="foot-box"> | <div class="foot-box"> | ||
<ul class="clearfix"> | <ul class="clearfix"> | ||
− | <li class="foot-box-c1"><img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="" | + | <li class="foot-box-c1"> |
− | <li class="foot-box-c2"><img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="" | + | <img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt=""> |
+ | </li> | ||
+ | <li class="foot-box-c2"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt=""> | ||
+ | </li> | ||
<li class="foot-box-c3"> | <li class="foot-box-c3"> | ||
<p>Worldshaper-XSHS, Xiaoshan High School</p> | <p>Worldshaper-XSHS, Xiaoshan High School</p> | ||
− | <p>Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China</p> | + | <p> |
+ | Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China | ||
+ | </p> | ||
+ | </li> | ||
+ | <li class="foot-box-c4"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/9/96/T--worldshaper-XSHS--wechat.png" alt=""> | ||
</li> | </li> | ||
− | |||
</ul> | </ul> | ||
</div> | </div> | ||
</div> | </div> | ||
</footer> | </footer> | ||
− | |||
</html> | </html> |
Latest revision as of 17:36, 17 October 2018
As high school students, we did not have access to this level of biological experiments or biological laboratories before participating in the iGEM competition, so we had to get more systematic and professional laboratory teaching and training before conducting the research, and these courses were taught by professional teachers. After several training and pre-experimental safety guidance, the players were more skilled to master the laboratory of various types of instruments of experimental methods and safety precautions. After that, we carried out research on the subject, Therefore, there was better activity guarantee for the safety of the entire study.
1.Experimental work safety
Minimizing potential threat to laboratory workers and the environment. Bring no diseases to healthy people. Do not pollute the environment. Harmless to the experiment itself.
2.Lab safety
Labs are not isolated from the general buildings or traffic plots, which do not harm to surrounding. Using biosafety cabinets and laminar flow cabinets to keep the experiment safe.
3.Rules safety
Professional supervision throughout the experiment,everyone must be familiar with the laboratory's operating specifications and safety rules. Our experimental operators are forbidden to drink water, eat or other activities which probably cause experiment negligence in the laboratory. All the experimental drugs and reagents should be replaced after experiment to avoid making mistakes. Experiment personnel washing their hands with liquid soap at living area pool and does not touch any instruments and agents anymore.
4.Facilities safety
In routine non-hazardous reagents, we wear latex gloves and white coats to keep the body and reagents isolated.
The test bench has a special waste liquid tank which is different from the ordinary garbage can.
The reagents and medicines used have their own weighing containers and placement places. The dangerous toxic drugs have special operation areas, and direct or indirect contact shall be avoided for both internal and external items.
The laboratory is equipped with a complete fire extinguishing and eyewash device.
All operations related to gel-electrophoresis are performed in a dedicated area,and experimenters should wear latex gloves provided with disposable plastic gloves and masks
Specialized instruments, reagents and containers used in this area are not allowed to been taken out of the area.
5. Environment-protection
The microorganism we used in the experiment (colon bacillus DH5alpha) hardly does harm to healthy individuals, and it is heterotrophic, so it will die soon without deliberately cultivating.
All reagents used or not used in the operation area will not cause environmental pollution; waste generated by the laboratory will be treated in a unified and professional procedure.
Training for safety
Safety Standars