Difference between revisions of "Team:NEU China A/Safety"

Line 1: Line 1:
 
{{NEU_China_A}}
 
{{NEU_China_A}}
−
<html>
 
  
 +
<html lang="en">
  
−
<div class="column full_size">
+
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NEU_China_A/CSS-clearCss?action=raw&ctype=text/css">
 +
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:NEU_China_A/CSS-materialCss?action=raw&ctype=text/css">
 +
<script type="text/javascript" src="https://2018.igem.org/Template:NEU_China_A/JS-jquery?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:NEU_China_A/JS-materialJs?action=raw&ctype=text/javascript"></script>
 +
<script type="text/javascript" src="https://2018.igem.org/Template:NEU_China_A/JS-clearCss?action=raw&ctype=text/javascript"></script>
 +
<style type="text/css">
 +
    /* reset */
 +
    #content nav * {
 +
        height: unset;
 +
        line-height: unset;
 +
    }
  
−
<h1> Safety </h1>
+
    .sidenav-overlay {
−
<p>Please visit the <a href="https://2018.igem.org/Safety">Safety Hub</a> to find this year's safety requirements & deadlines, and to learn about safe & responsible research in iGEM.</p>
+
        left: 300px
 +
    }
  
−
<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>
+
    #content nav .dropdown-content li {
 +
        line-height: 50px;
 +
    }
  
−
</div>
+
    #content nav .dropdown-content li a {
 +
        line-height: 22px;
 +
    }
  
−
<img src="https://static.igem.org/mediawiki/2018/c/c9/T--NEU_China_A--safety-lib.jpg" width="1115"/>
+
    #content .menu-item {
−
<div class="column two_thirds_size">
+
        line-height: 20px;
−
<h3>Safe Project Design</h3>
+
        font-size: 16px;
 +
        height: 20px;
 +
        border-top: solid #222 1px;
 +
        border-bottom: solid #222 1px;
 +
        margin: 2px 0 2px 58px;
 +
    }
  
−
<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>
+
    #content .menu-item a,
 +
    #content .menu-item a:link,
 +
    #content .menu-item a:hover,
 +
    #content .menu-item a:visited,
 +
    #content .menu-item a:active {
 +
        color: #333;
 +
    }
  
−
<ul>
+
    /* nav bar width */
−
<li>Choosing a non-pathogenic chassis</li>
+
    #project {
−
<li>Choosing parts that will not harm humans / animals / plants</li>
+
        width: 140px !important;
−
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
+
    }
−
<li>Including an "induced lethality" or "kill-switch" device</li>
+
−
</ul>
+
  
−
</div>
+
    #hp {
 +
        width: 145px !important;
 +
    }
  
−
<div class="column third_size">
+
    #team {
−
<h3>Safe Lab Work</h3>
+
        width: 120px !important;
 +
    }
  
−
<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>
+
    #parts {
 +
        width: 175px !important;
 +
    }
  
 +
    .homeheight {
 +
        height: calc(100vh - 80px);
 +
    }
  
−
<h3>Safe Shipment</h3>
+
    .nextheight {
 +
        height: 250px;
 +
    }
  
−
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
    .hold {
 +
        margin-top: -28px;
 +
    }
 +
 
 +
    .center {
 +
        text-align: center;
 +
    }
 +
 
 +
    ._center {
 +
        padding-left: 20px;
 +
        text-align: center;
 +
    }
 +
 
 +
    p {
 +
        line-height: 30px;
 +
        font-family: Georgia;
 +
        font-size: 17px;
 +
    }
 +
 
 +
    h2 {
 +
        font-family: thin;
 +
        font-size: 60px;
 +
        color: #ffffff
 +
    }
 +
 
 +
    .blu {
 +
        background-color: #4da2dc !important;
 +
        box-shadow: 0px 3px 1px #4da2dc
 +
    }
 +
 
 +
    .card {
 +
        min-height: 450px;
 +
    }
 +
 
 +
    .borderleft {
 +
        border-style: none none none solid;
 +
        border-color: #03a9f4;
 +
        border-width: 5px;
 +
        padding-left: 15px;
 +
    }
 +
 
 +
    pre {
 +
        white-space: pre-wrap;
 +
        white-space: -moz-pre-wrap;
 +
        white-space: -pre-wrap;
 +
        white-space: -o-pre-wrap;
 +
        word-wrap: break-word;
 +
    }
 +
 
 +
    .quote {
 +
        font-size: 15px;
 +
        color: #9e9e9e;
 +
    }
 +
</style>
 +
 
 +
<header>
 +
    <nav class="blu">
 +
        <div class="nav-wrapper">
 +
            <a href="#" class="brand-logo"></a>
 +
            <a href="#" data-target="mobile-demo" class="sidenav-trigger"><i class="material-icons">menu</i></a>
 +
            <ul class="right hide-on-med-and-down">
 +
                <li>
 +
                    <a data-target="project" class="dropdown-trigger" href="#!">
 +
                        Porject<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i>
 +
                    </a>
 +
                </li>
 +
                <li>
 +
                    <a data-target="lab" class="dropdown-trigger" href="#!">
 +
                        Lab<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i>
 +
                    </a>
 +
                </li>
 +
                <li>
 +
                    <a data-target="parts" class="dropdown-trigger" href="#!">
 +
                        Parts<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i>
 +
                    </a>
 +
                </li>
 +
                <li>
 +
                    <a data-target="hp" class="dropdown-trigger" href="#!">
 +
                        HP<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i>
 +
                    </a>
 +
                </li>
 +
                <li>
 +
                    <a data-target="team" class="dropdown-trigger" href="#!">
 +
                        Team<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i>
 +
                    </a>
 +
                </li>
 +
                <li>
 +
                    <a data-target="medalCriteria" class="dropdown-trigger" href="#!">
 +
                        Medal Criteria<i style="margin-left: 0" class="material-icons right">arrow_drop_down</i>
 +
                    </a>
 +
                </li>
 +
            </ul>
 +
        </div>
 +
    </nav>
 +
    <ul class="sidenav" id="mobile-demo">
 +
        <ul class="collapsible" style="margin-top: 16px">
 +
            <li>
 +
                <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">folder_open</i>Porject</div>
 +
                <div class="collapsible-body">
 +
                    <div class="collection">
 +
                        <a href="https://2018.igem.org/Team:NEU_China_A/Description" class="collection-item">Description</a>
 +
                        <a href="https://2018.igem.org/Team:NEU_China_A/Design" class="collection-item">Design</a>
 +
                        <a href="https://2018.igem.org/Team:NEU_China_A/Results" class="collection-item">Results</a>
 +
                        <a href="https://2018.igem.org/Team:NEU_China_A/Model" class="collection-item">Model</a>
 +
                        <a href="https://2018.igem.org/Team:NEU_China_A/Denmonstrate" class="collection-item">Denmonstrate</a>
 +
                        <a href="https://2018.igem.org/Team:NEU_China_A/Interlab" class="collection-item">InterLab</a>
 +
                    </div>
 +
                </div>
 +
            </li>
 +
            <li>
 +
                <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">place</i>Lab</div>
 +
                <div class="collapsible-body">
 +
                    <div class="collection">
 +
                        <a href="https://2018.igem.org/Team:NEU_China_A/Notebook" class="collection-item">Notebook</a>
 +
                        <a href="https://2018.igem.org/Team:NEU_China_A/Protocols" class="collection-item">Protocols</a>
 +
                        <a href="https://2018.igem.org/Team:NEU_China_A/Safety" class="collection-item">Safety</a>
 +
                    </div>
 +
                </div>
 +
            </li>
 +
            <li>
 +
                <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">details</i>Parts</div>
 +
                <div class="collapsible-body">
 +
                    <div class="collection">
 +
                        <a href="https://2018.igem.org/Team:NEU_China_A/BasicAndCompositeParts" class="collection-item">Basic And Composite Parts</a>
 +
                        <a href="https://2018.igem.org/Team:NEU_China_A/ImprovedBiobricks" class="collection-item">Improved Biobricks</a>
 +
                    </div>
 +
                </div>
 +
            </li>
 +
            <li>
 +
                <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">lightbulb_outline</i>HP</div>
 +
                <div class="collapsible-body">
 +
                    <div class="collection">
 +
                        <a href="https://2018.igem.org/Team:NEU_China_A/HumanPractices" class="collection-item">Human Practices</a>
 +
                        <a href="https://2018.igem.org/Team:NEU_China_A/Collaborations" class="collection-item">Collaborations</a>
 +
                    </div>
 +
                </div>
 +
            </li>
 +
            <li>
 +
                <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">people</i>Team</div>
 +
                <div class="collapsible-body">
 +
                    <div class="collection">
 +
                        <a href="https://2018.igem.org/Team:NEU_China_A/TeamMember" class="collection-item">Team Member</a>
 +
                        <a href="https://2018.igem.org/Team:NEU_China_A/Attributions" class="collection-item">Attributions</a>
 +
                        <a href="https://2018.igem.org/Team:NEU_China_A/Gallery" class="collection-item">Gallery</a>
 +
                    </div>
 +
                </div>
 +
            </li>
 +
            <li>
 +
                <div class="collapsible-header"><i style="color: #03a9f4" class="material-icons">stars</i>Medal
 +
                    Criteria</div>
 +
                <div class="collapsible-body">
 +
                    <div class="collection">
 +
                        <a href="https://2018.igem.org/Team:NEU_China_A/ForJudges" class="collection-item">For judges</a>
 +
                    </div>
 +
                </div>
 +
            </li>
 +
 
 +
        </ul>
 +
    </ul>
 +
    <ul id="project" class="dropdown-content">
 +
        <li><a href="https://2018.igem.org/Team:NEU_China_A/Description">Description</a></li>
 +
        <li><a href="https://2018.igem.org/Team:NEU_China_A/Design">Design</a></li>
 +
        <li><a href="https://2018.igem.org/Team:NEU_China_A/Results">Results</a></li>
 +
        <li><a href="https://2018.igem.org/Team:NEU_China_A/Model">Model</a></li>
 +
        <li><a href="https://2018.igem.org/Team:NEU_China_A/Denmonstrate">Denmonstrate</a></li>
 +
        <li><a href="https://2018.igem.org/Team:NEU_China_A/Interlab">Interlab</a></li>
 +
    </ul>
 +
    <ul id="lab" class="dropdown-content">
 +
        <li><a href="https://2018.igem.org/Team:NEU_China_A/Notebook">Notebook</a></li>
 +
        <li><a href="https://2018.igem.org/Team:NEU_China_A/Protocols">Protocols</a></li>
 +
        <li><a href="https://2018.igem.org/Team:NEU_China_A/Safety">Safety</a></li>
 +
    </ul>
 +
    <ul id="parts" class="dropdown-content">
 +
        <li><a href="https://2018.igem.org/Team:NEU_China_A/BasicAndCompositeParts">Basic And Composite Parts</a></li>
 +
        <li><a href="https://2018.igem.org/Team:NEU_China_A/ImprovedBiobricks">Improved Biobricks</a></li>
 +
    </ul>
 +
    <ul id="hp" class="dropdown-content">
 +
        <li><a href="https://2018.igem.org/Team:NEU_China_A/HumanPractices">Human Practices</a></li>
 +
        <li><a href="https://2018.igem.org/Team:NEU_China_A/Collaborations">Collaborations</a></li>
 +
    </ul>
 +
    <ul id="team" class="dropdown-content">
 +
        <li><a href="https://2018.igem.org/Team:NEU_China_A/TeamMember">Team member</a></li>
 +
        <li><a href="https://2018.igem.org/Team:NEU_China_A/Attributions">Attributions</a></li>
 +
        <li><a href="https://2018.igem.org/Team:NEU_China_A/Gallery">Gallery</a></li>
 +
    </ul>
 +
    <ul id="medalCriteria" class="dropdown-content">
 +
        <li><a href="https://2018.igem.org/Team:NEU_China_A/ForJudges">For judges</a></li>
 +
    </ul>
 +
</header>
 +
<!-- header -->
 +
 
 +
<div class="container">
 +
    <h3 class="header light-blue-text">Notebook</h3>
 +
    <br/>
 +
    <div class="row">
 +
        <div class="s10 offset-s2">
 +
            <span class="flow-text light-blue-text">
 +
                You can download the notebook <a type="download" style="color: #333; text-decoration-line: underline" href="https://static.igem.org/mediawiki/2018/9/9e/T--NEU_China_A--notebook.pdf">here</a>
 +
            </span>
 +
        </div>
 +
    </div>
 
</div>
 
</div>
  
 +
 +
<script type="text/javascript">
 +
    // 初始化navBar
 +
    $(document).ready(function () {
 +
        $('.sidenav').sidenav();
 +
        $(".dropdown-trigger").dropdown();
 +
        $('.collapsible').collapsible();
 +
        $('.parallax').parallax();
 +
    });
 +
</script>
  
 
</html>
 
</html>

Revision as of 12:06, 16 October 2018

HOME
TEAM
Team Members
Collaborations
PROJECT
Description
Design
Experiments
Notebook
InterLab
Model
Results
Demonstrate
Improve
Attributions
PARTS
Parts Overview
Basic Parts
Composite Parts
Part Collection
SAFETY
HUMAN PRACTICES
Human Practices
Education & Engagement
AWARDS
Applied Design
Entrepreneurship
Hardware
Measurement
Model
Plant
Software
JUDGING FORM ⇗

Notebook


You can download the notebook here