Difference between revisions of "Team:SDSZ-China/Safety"

Line 3: Line 3:
  
 
<head>
 
<head>
<title>Project</title>
+
    <title>Project</title>
  
<style type='text/css'>
+
    <style type='text/css'>
#top_title, #sideMenu {
+
        #top_title, #sideMenu {
display: none;
+
            display: none;
}
+
        }
  
#content {
+
        #content {
width: 100%;
+
            width: 100%;
margin: 0;
+
            margin: 0;
padding: 0;
+
            padding: 0;
background: #f3f4f4;
+
            background: #f3f4f4;
}
+
        }
  
p {
+
        p {
font-family: Lato !important;
+
            font-family: Lato !important;
font-size: 17px !important
+
            font-size: 17px !important
}
+
        }
  
h1 {
+
        h1 {
font-size: 40 -px !important;
+
            font-size: 40 -px !important;
}
+
        }
  
body {
+
        body {
font-family: Lato !important;
+
            font-family: Lato !important;
}
+
        }
  
h3 {
+
        h3 {
font-size: 25 -px;
+
            font-size: 25 -px;
}
+
        }
  
#bg {
+
        #bg {
position: fixed;
+
            position: fixed;
z-index: -1;
+
            z-index: -1;
top: 0;
+
            top: 0;
left: 0;
+
            left: 0;
}
+
        }
</style>
+
    </style>
<link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
+
    <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>
<!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
+
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
<link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
+
    <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css"
  integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
+
          integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
  
  
<script>localStorage.clear();</script>
+
    <script>localStorage.clear();</script>
<!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
+
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
<script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
+
    <script src="https://cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
+
            integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
+
            crossorigin="anonymous"></script>
  
<script type="text/javascript" async
+
    <script type="text/javascript" async
src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML"></script>
+
            src="https://cdn.mathjax.org/mathjax/latest/MathJax.js?config=TeX-MML-AM_CHTML"></script>
<script type="text/x-mathjax-config">
+
    <script type="text/x-mathjax-config">
 
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
 
MathJax.Hub.Config({tex2jax: {inlineMath: [['$','$'], ['\\(','\\)']]}});
  
  
  
</script>
+
 +
    </script>
  
<script type="text/javascript">
+
    <script type="text/javascript">
  
$(document).ready(function () {
+
        $(document).ready(function () {
$("#category_navbar a").on('click', function (event) {
+
            $("#category_navbar a").on('click', function (event) {
// Make sure this.hash has a value before overriding default behavior
+
                // Make sure this.hash has a value before overriding default behavior
if (this.hash !== "") {
+
                if (this.hash !== "") {
// Prevent default anchor click behavior
+
                    // Prevent default anchor click behavior
event.preventDefault();
+
                    event.preventDefault();
  
// Store hash0
+
                    // Store hash0
var hash = this.hash;
+
                    var hash = this.hash;
  
// Using jQuery's animate() method to add smooth page scroll
+
                    // 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
+
                    // The optional number (800) specifies the number of milliseconds it takes to scroll to the specified area
$('html, body').animate({
+
                    $('html, body').animate({
scrollTop: $(hash).offset().top
+
                        scrollTop: $(hash).offset().top
}, 800, function () {
+
                    }, 800, function () {
  
// Add hash (#) to URL when done scrolling (default click behavior)
+
                        // Add hash (#) to URL when done scrolling (default click behavior)
window.location.hash = hash;
+
                        window.location.hash = hash;
});
+
                    });
}  // End if
+
                }  // End if
});
+
            });
});
+
        });
  
  
</script>
+
    </script>
  
 
</head>
 
</head>
Line 98: Line 99:
  
  
<div class="row card" id='bodycontainer' class='row'>
+
    <div class="row card" id='bodycontainer' class='row'>
  
<nav class="navbar navbar-default navbar-static-top">
+
        <nav class="navbar navbar-default navbar-static-top">
<!-- Brand and toggle get grouped for better mobile display -->
+
            <!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
+
            <div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
+
                <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
+
                        data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
+
                    <span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
+
                    <span class="icon-bar"></span>
<span class="icon-bar"></span>
+
                    <span class="icon-bar"></span>
<span class="icon-bar"></span>
+
                    <span class="icon-bar"></span>
</button>
+
                </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>
+
                <a class="navbar-brand" href="#"><img
</div>
+
                        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 -->
+
            <!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
+
            <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
<ul class="nav navbar-nav">
+
                <ul class="nav navbar-nav">
<li><a href="/Team:SDSZ-China">Home</a></li>
+
                    <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/Project">Project</a></li>
<li><a href="/Team:SDSZ-China/Experiment">Experiment</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/Parts">Parts</a></li>
<li><a href="/Team:SDSZ-China/Human_Practices">Human Practices</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/Safety">Safety</a></li>
</ul>
+
                </ul>
<ul class="nav navbar-nav navbar-right">
+
                <ul class="nav navbar-nav navbar-right">
<li><a href="/Team:SDSZ-China/Team">Team and attributions</a></li>
+
                    <li><a href="/Team:SDSZ-China/Team">Team and attributions</a></li>
<li><a href="#">By SDSZ</a></li>
+
                    <li><a href="#">By SDSZ</a></li>
</ul>
+
                </ul>
</div><!-- /.navbar-collapse -->
+
            </div><!-- /.navbar-collapse -->
</nav>
+
        </nav>
  
  
<div class="col-sm-2" style='padding-left:5% padding-right:10%'>
+
        <div class="col-sm-2" style='padding-left:5% padding-right:10%'>
<div id="category_navbar">
+
            <div id="category_navbar">
<ul class="nav nav-list" data-spy="affix" data-offset-top="160"
+
                <ul class="nav nav-list" data-spy="affix" data-offset-top="160"
style='-webkit-transform: translateZ(0);width:160px;margin-left:0'>
+
                    style='-webkit-transform: translateZ(0);width:160px;margin-left:0'>
<li><a href="#Safety">Safety</a></li>
+
                    <li><a href="#Safety">Safety</a></li>
</ul>
+
                </ul>
</div>
+
            </div>
  
</div>
+
        </div>
  
<div class="col-sm-10" style="padding-right:5%">
+
        <div class="col-sm-10" style="padding-right:5%">
  
<div class="row">
+
            <div class="row">
<div class="col-sm-12">
+
                <div class="col-sm-12">
<div class="column full_size">
+
                    <div class="column full_size">
  
<h1 id="Safety">Safety</h1>
+
                        <h1 id="Safety">Safety</h1>
  
  
<p>Please visit <a href="https://2017.igem.org/Safety">the main Safety page</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p>
+
                        <p>Please visit <a href="https://2017.igem.org/Safety">the main Safety page</a> to find this
 +
                            year's safety requirements & deadlines, and to learn about safe & responsible research in
 +
                            iGEM.</p>
  
<p>On this page of your wiki, you should write about how you are addressing any safety issues in your project. The wiki is a place where you can <strong>go beyond the questions on the safety forms</strong>, and write about whatever safety topics are most interesting in your project. (You do not need to copy your safety forms onto this wiki page.)</p>
+
                        <p>On this page of your wiki, you should write about how you are addressing any safety issues in
 +
                            your project. The wiki is a place where you can <strong>go beyond the questions on the
 +
                                safety forms</strong>, and write about whatever safety topics are most interesting in
 +
                            your project. (You do not need to copy your safety forms onto this wiki page.)</p>
  
</div>
+
                    </div>
  
  
<div class="column full_size">
+
                    <div class="column full_size">
<h5>Safe Project Design</h5>
+
                        <h5>Safe Project Design</h5>
  
<p>Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:</p>
+
                        <p>Does your project include any safety features? Have you made certain decisions about the
 +
                            design to reduce risks? Write about them here! For example:</p>
  
<ul>
+
                        <ul>
<li>Choosing a non-pathogenic chassis</li>
+
                            <li>Choosing a non-pathogenic chassis</li>
<li>Choosing parts that will not harm humans / animals / plants</li>
+
                            <li>Choosing parts that will not harm humans / animals / plants</li>
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
+
                            <li>Substituting safer materials for dangerous materials in a proof-of-concept experiment
<li>Including an "induced lethality" or "kill-switch" device</li>
+
                            </li>
</ul>
+
                            <li>Including an "induced lethality" or "kill-switch" device</li>
 +
                        </ul>
  
</div>
+
                    </div>
  
<div class="column half_size">
+
                    <div class="column half_size">
<h5>Safe Lab Work</h5>
+
                        <h5>Safe Lab Work</h5>
  
<p>What safety procedures do you use every day in the lab? Did you perform any unusual experiments, or face any unusual safety issues? Write about them here!</p>
+
                        <p>What safety procedures do you use every day in the lab? Did you perform any unusual
 +
                            experiments, or face any unusual safety issues? Write about them here!</p>
  
</div>
+
                    </div>
  
<div class="column half_size">
+
                    <div class="column half_size">
<h5>Safe Shipment</h5>
+
                        <h5>Safe Shipment</h5>
  
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
                        <p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve
</div>
+
                            those problems?</p>
 +
                    </div>
  
  
</div>
+
                </div>
  
<br>
+
                <br>
<br>
+
                <br>
</div>
+
            </div>
  
<br>
+
            <br>
<br>
+
            <br>
<br>
+
            <br>
</div>
+
        </div>
</div>
+
    </div>
  
<div class="backgroundpic">
+
    <div class="backgroundpic">
<img src="https://static.igem.org/mediawiki/2017/e/e3/%E8%83%8C%E6%99%AF2jpeg.jpeg" width="100%"
+
        <img src="https://static.igem.org/mediawiki/2017/e/e3/%E8%83%8C%E6%99%AF2jpeg.jpeg" width="100%"
height="100%" id="bg" alt="">
+
            height="100%" id="bg" alt="">
</div>
+
    </div>
 
</div>
 
</div>
  

Revision as of 23:54, 1 November 2017


Project

Safety

Please visit the main Safety page to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.

On this page of your wiki, you should write about how you are addressing any safety issues in your project. The wiki is a place where you can go beyond the questions on the safety forms, and write about whatever safety topics are most interesting in your project. (You do not need to copy your safety forms onto this wiki page.)

Safe Project Design

Does your project include any safety features? Have you made certain decisions about the design to reduce risks? Write about them here! For example:

  • Choosing a non-pathogenic chassis
  • Choosing parts that will not harm humans / animals / plants
  • Substituting safer materials for dangerous materials in a proof-of-concept experiment
  • Including an "induced lethality" or "kill-switch" device
Safe Lab Work

What safety procedures do you use every day in the lab? Did you perform any unusual experiments, or face any unusual safety issues? Write about them here!

Safe Shipment

Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?