(Prototype team page) |
|||
(7 intermediate revisions by 2 users not shown) | |||
Line 2: | Line 2: | ||
<html> | <html> | ||
+ | <head> | ||
+ | <title>Project</title> | ||
− | < | + | <style type='text/css'> |
+ | #top_title, #sideMenu { | ||
+ | display: none; | ||
+ | } | ||
− | + | #content { | |
− | + | width: 100%; | |
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | background: #f3f4f4; | ||
+ | } | ||
− | + | p { | |
+ | font-family: Lato !important; | ||
+ | font-size: 17px !important | ||
+ | } | ||
− | + | h1 { | |
+ | font-size: 40 -px !important; | ||
+ | } | ||
+ | body { | ||
+ | font-family: Lato !important; | ||
+ | } | ||
− | + | h3 { | |
− | + | font-size: 25 -px; | |
+ | } | ||
− | < | + | #bg { |
+ | position: fixed; | ||
+ | z-index: -1; | ||
+ | top: 0; | ||
+ | left: 0; | ||
+ | } | ||
+ | </style> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'> | ||
+ | <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> | ||
+ | <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" | ||
+ | integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | </ | + | <script>localStorage.clear();</script> |
+ | <!-- 最新的 Bootstrap 核心 JavaScript 文件 --> | ||
+ | <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js" | ||
+ | integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" | ||
+ | crossorigin="anonymous"></script> | ||
− | < | + | <script type="text/javascript" async |
− | < | + | src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML"></script> |
+ | <script type="text/x-mathjax-config"> | ||
+ | MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}}); | ||
− | |||
− | |||
− | <div class=" | + | |
− | < | + | |
+ | </script> | ||
+ | |||
+ | <script type="text/javascript"> | ||
+ | |||
+ | $(document).ready(function () { | ||
+ | $("#category_navbar a").on('click', function (event) { | ||
+ | // Make sure this.hash has a value before overriding default behavior | ||
+ | if (this.hash !== "") { | ||
+ | // Prevent default anchor click behavior | ||
+ | event.preventDefault(); | ||
+ | |||
+ | // Store hash0 | ||
+ | var hash = this.hash; | ||
+ | |||
+ | // Using jQuery's animate() method to add smooth page scroll | ||
+ | // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area | ||
+ | $('html, body').animate({ | ||
+ | scrollTop: $(hash).offset().top | ||
+ | }, 800, function () { | ||
+ | |||
+ | // Add hash (#) to URL when done scrolling (default click behavior) | ||
+ | window.location.hash = hash; | ||
+ | }); | ||
+ | } // End if | ||
+ | }); | ||
+ | }); | ||
+ | |||
+ | |||
+ | </script> | ||
+ | |||
+ | </head> | ||
+ | </head> | ||
+ | |||
+ | <body data-spy="scroll" data-target="#category_navbar"> | ||
+ | |||
+ | <div class="container" style='z-index:10;position:relative;'> | ||
+ | |||
+ | |||
+ | <div class="row card" id='bodycontainer' class='row'> | ||
+ | |||
+ | <nav class="navbar navbar-default navbar-static-top"> | ||
+ | <!-- Brand and toggle get grouped for better mobile display --> | ||
+ | <div class="navbar-header"> | ||
+ | <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" | ||
+ | data-target="#bs-example-navbar-collapse-1" aria-expanded="false"> | ||
+ | <span class="sr-only">Toggle navigation</span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | <span class="icon-bar"></span> | ||
+ | </button> | ||
+ | <a class="navbar-brand" href="#"><img | ||
+ | src="https://static.igem.org/mediawiki/2017/8/8c/%E5%91%80%E5%95%8A%E5%93%88.jpeg" width="100"></a> | ||
+ | </div> | ||
+ | |||
+ | <!-- Collect the nav links, forms, and other content for toggling --> | ||
+ | <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> | ||
+ | <ul class="nav navbar-nav"> | ||
+ | <li><a href="/Team:SDSZ-China">Home</a></li> | ||
+ | <li><a href="/Team:SDSZ-China/Project">Project</a></li> | ||
+ | <li><a href="/Team:SDSZ-China/Experiment">Experiment</a></li> | ||
+ | <li><a href="/Team:SDSZ-China/Parts">Parts</a></li> | ||
+ | <li><a href="/Team:SDSZ-China/Human_Practices">Human Practices</a></li> | ||
+ | <li><a href="/Team:SDSZ-China/Safety">Safety</a></li> | ||
+ | <li><a href="/Team:SDSZ-China/Hardware"> Hardware </a></li> | ||
+ | </ul> | ||
+ | <ul class="nav navbar-nav navbar-right"> | ||
+ | <li><a href="/Team:SDSZ-China/Team">Team and attributions</a></li> | ||
+ | <li><a href="#">By SDSZ</a></li> | ||
+ | </ul> | ||
+ | </div><!-- /.navbar-collapse --> | ||
+ | </nav> | ||
+ | |||
+ | |||
+ | <div class="col-sm-2" style='padding-left:5% padding-right:10%'> | ||
+ | <div id="category_navbar"> | ||
+ | <ul class="nav nav-list" data-spy="affix" data-offset-top="160" | ||
+ | style='-webkit-transform: translateZ(0);width:160px;margin-left:0'> | ||
+ | <li><a href="#Safety">Safety</a></li> | ||
+ | <ul> | ||
+ | <li><a href="#Bacteria">Bacteria we handled</a></li> | ||
+ | <li><a href="#Chemicals">Chemicals we handled</a></li> | ||
+ | <li><a href="#Lab">Lab environment</a></li> | ||
+ | <li><a href="#Protocols">Safety protocols in lab</a></li> | ||
+ | </ul> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-10" style="padding-right:5%"> | ||
+ | <h1 id="Safety">Safety</h1> | ||
+ | <h2 id="Bacteria">Bacteria we handled</h2> | ||
+ | <p>E.coli BL21(DE3) and DH5alpha, both are BSL1 organisms.</p> | ||
+ | <p></p> | ||
+ | <h2 id="Chemicals">Chemicals we handled</h2> | ||
+ | <p>We were exposed to mostly nonhazardous chemicals like agarose, LB and SOB agar, and their raw materials | ||
+ | like NaCl, KCl. We also handle the neurotoxic chemical polyacrylamide to tun the polyacrylamide gel | ||
+ | electrophoresis, and we did that under a chemical fume hood, with rubber gloves and lab coats on.</p> | ||
+ | <p></p> | ||
+ | <h2 id="Lab">Lab environment </h2> | ||
+ | <div class="row"> | ||
+ | <div class="col-sm-6"> | ||
+ | <p>There are open bench, clean bench, and a chemical fume hood in our lab. We are well equipped with | ||
+ | instruments for molecular biology experiments, such as Quantitative Real-time PCR System, Fluorescence | ||
+ | microscope, Refrigerated Centrifuge, Metal Bath, Air Heating Incubator, etc. And the Lab for | ||
+ | Microbiology Experiment was totally 40 square meters, with Biohazard Safety Equipment, Horizontal | ||
+ | Laminar Flow Cabinet and other necessary instruments. It can be used for carrying out microbiology | ||
+ | experiment with bio-safety level of P2.</p> | ||
+ | </div> | ||
+ | <figure class="col-sm-6"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/1/12/SDSZ-China_lab_picture.jpeg"> | ||
+ | </figure> | ||
+ | </div> | ||
+ | <p></p> | ||
+ | <h2 id="Protocols">Safety protocols in lab</h2> | ||
+ | <p>In our high school, the lab guidelines focus on both instructing teachers to properly teach and students | ||
+ | to protect their own safety. It demands teachers should emphasize the lab safety rules and teach | ||
+ | students to proceed according to instructions; it clearly states that labs should remain ventilated when | ||
+ | harmful volatile chemicals are used during experiment, that fire sources in lab and preparation rooms | ||
+ | should be kept away from combustible materials, and that the injured should be immediately treated.</p> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | <br> | ||
+ | </div> | ||
+ | </div> | ||
− | < | + | <div class="backgroundpic"> |
+ | <img src="https://static.igem.org/mediawiki/2017/e/e3/%E8%83%8C%E6%99%AF2jpeg.jpeg" width="100%" | ||
+ | height="100%" id="bg" alt=""> | ||
+ | </div> | ||
</div> | </div> | ||
+ | </body> | ||
</html> | </html> |
Latest revision as of 02:58, 2 November 2017
Safety
Bacteria we handled
E.coli BL21(DE3) and DH5alpha, both are BSL1 organisms.
Chemicals we handled
We were exposed to mostly nonhazardous chemicals like agarose, LB and SOB agar, and their raw materials like NaCl, KCl. We also handle the neurotoxic chemical polyacrylamide to tun the polyacrylamide gel electrophoresis, and we did that under a chemical fume hood, with rubber gloves and lab coats on.
Lab environment
There are open bench, clean bench, and a chemical fume hood in our lab. We are well equipped with instruments for molecular biology experiments, such as Quantitative Real-time PCR System, Fluorescence microscope, Refrigerated Centrifuge, Metal Bath, Air Heating Incubator, etc. And the Lab for Microbiology Experiment was totally 40 square meters, with Biohazard Safety Equipment, Horizontal Laminar Flow Cabinet and other necessary instruments. It can be used for carrying out microbiology experiment with bio-safety level of P2.
Safety protocols in lab
In our high school, the lab guidelines focus on both instructing teachers to properly teach and students to protect their own safety. It demands teachers should emphasize the lab safety rules and teach students to proceed according to instructions; it clearly states that labs should remain ventilated when harmful volatile chemicals are used during experiment, that fire sources in lab and preparation rooms should be kept away from combustible materials, and that the injured should be immediately treated.