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

Line 1: Line 1:
−
{{RDFZ-China}}
 
 
<html>
 
<html>
−
 
 
<head>
 
<head>
−
<style>  
+
    <meta http-equiv="X-UA-Compatible" content="chrome=1">
−
body {
+
    <meta http-equiv="X-UA-Compatible" content="IE=Edge">
−
  background-color: white;
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
−
  width: 100%;
+
    <meta charset="UTF-8">
−
  background-size:100%;
+
    <title>RDFZ-China</title>
−
  overflow: scroll;
+
    <link href="sub.css" rel="stylesheet" type="text/css">
−
  background-image:url(https://static.igem.org/mediawiki/2017/1/1f/RDFZ-China_wiki.jpeg)
+
  <style>
−
}
+
#sideMenu, #top_title {display:none;}
−
 
+
#content { padding:0px; width:100%; margin-top:-7px; margin-left:0px;background-color: transparent;}
−
#sideMenu, #top_title {
+
body {background-color: transparent; }
−
  display:none;
+
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px;text-decoration: none; }
−
}
+
  html{
−
 
+
background-color:#fffde3 ;
−
#content {  
+
−
  padding:0px;  
+
−
  width:100%;  
+
−
  margin-top:-7px;  
+
−
  margin-left:0px;
+
−
  background-color: transparent;
+
−
}
+
−
 
+
−
body {
+
−
  background-color: transparent;  
+
−
}
+
−
 
+
−
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 {
+
−
  margin-bottom: 0px;text-decoration: none;  
+
−
}
+
 
 
−
.nav {
 
−
  text-align:center;
 
−
  width:1000px;
 
−
  margin: 0 auto;
 
−
  font-family:"Lobster",sans-serif;
 
−
  line-height: 20px;
 
−
  margin-bottom: 20px;
 
−
  position:relative;
 
 
}
 
}
−
 
+
header { width: 96%; margin: 0 2%;margin-bottom: 20px; }
−
.nav ul {
+
header:after { content: ''; display: block; clear: both; }
−
  word-spacing: 60px;
+
header .site-logo { float: left; width: 20%; }
−
  margin: 0px;
+
header .site-logo img { width:90%; }
−
  padding : 0px;
+
header .site-nav { float: right; position: relative; width: 70%; }
−
  list-style: none;
+
header .site-nav img { width: 100%;margin:0 0 30px 0; }
 +
header .site-nav ul { position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 100%; height: 100%; list-style: none; }
 +
header .site-nav ul li { position: absolute; transform: translate(-50%,-50%); }
 +
header .site-nav ul li.team { top: 37%; left: 22%; }
 +
header .site-nav ul li.project { top: 55%; left: 35%; }
 +
header .site-nav ul li.awards { top: 57%; left: 50%; }
 +
header .site-nav ul li.safety { top: 31%; left: 63.5%; }
 +
header .site-nav ul li.human { top: 37%; left: 79%; }
 +
header .site-nav ul li.model { top: 59%; left: 94%; }
 +
header .site-nav ul li:hover ul { display: block; }
 +
header .site-nav ul li a { display: block; font-size: .95em; padding-bottom: .5em; text-decoration: none; letter-spacing: .15em; text-transform: uppercase; color: black; -webkit-transition: color .3s; transition: color .3s; z-index:20;}
 +
header .site-nav ul li a:hover { border-bottom: 1px solid red; background-color: #FEFEFE; color: #C4C4C4; cursor: pointer; }
 +
header .site-nav ul li ul { top: auto; left: 0; display: none; width: auto; height: auto; }
 +
header .site-nav ul li ul li { position: static; transform: none; }
 +
p{text-align:justify;word-wrap: break-word;}
 +
ol li{text-align: justify;}
 +
.title { position: relative; z-index: 1;text-align: center;margin:0 100px 0 100px; }
 +
.title-content{background-position: center;text-align: center;text-align: center;font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"}
 +
.m { width: 30%;margin: 0 auto;}
 +
.fb {width:100%;margin: 0px 0 -50px 0;position :relative;}
 +
footer{height:220px;background-image:-moz-linear-gradient( -45deg, rgb(255,91,127) 0%, rgb(255,213,86) 100%); background-image: -webkit-linear-gradient( -45deg, rgb(255,91,127) 0%, rgb(255,213,86) 100%); background-image: -ms-linear-gradient( -45deg, rgb(255,91,127) 0%, rgb(255,213,86) 100%);margin:0 100px 0px 100px}
 +
.x ul{list-style: none;}
 +
.x li{display: block; margin: 0 1.2em;}
 +
.x img{float:left;}
 +
.math{width:30%;margin:70px 0 0 10px}
 +
.footer-logo{width:25%;margin:25px 0 0 100px}
 +
.igem{;width:20%;margin:15px 10px 0 100px}
 +
.line{ 
 +
height: 30px;
 +
    border-style: solid;
 +
    border-color: black;
 +
    border-width: 1px 0 0 0;
 +
    border-radius: 20px;
 +
background-color: inherit;
 
}
 
}
−
 
+
.line:before{  
−
.nav ul li {
+
display: block;
−
  position:relative;
+
    content: "";
−
  z-index:0;
+
    height: 30px;
−
  width:125px;
+
    margin-top: -31px;
−
  background-color:goldenrod;
+
    border-style: solid;
−
  height:25px;
+
    border-color: black;
−
  font-size:18px;
+
    border-width: 0 0 1px 0;
−
  padding: 15px;
+
    border-radius: 20px;
−
  float:left;
+
}
−
  opacity: 0.9;
+
  </style>
−
}
+
−
 
+
−
.nav ul li a {
+
−
  text-decoration: none;
+
−
  color:white;
+
−
  display:block;
+
−
}
+
−
 
+
−
.nav ul li:hover {
+
−
  background-color:darkmagenta;
+
−
}
+
−
 
+
−
.nav ul li ul {
+
−
  position:absolute;
+
−
  z-index: 1;
+
−
  top:55px;
+
−
  left:0;
+
−
}
+
−
 
+
−
.nav ul li ul li {
+
−
  display:none;
+
−
}
+
−
 
+
−
.nav ul li:hover ul li {
+
−
  display:block;
+
−
}
+
−
 
+
−
#backgroundImage {
+
−
  z-index: 0
+
−
}
+
−
+
−
.story {
+
−
  font-family:"Lobster Two" ;
+
−
  width:850px;
+
−
  margin: 0 auto;
+
−
  line-height: 1.9em;
+
−
}
+
−
 
+
−
#sb{
+
−
  margin-top:20px; 
+
−
  font-size:20px;
+
−
}
+
−
 
+
−
#Goals{
+
−
  margin-top:20px;
+
−
  font-size:20px;
+
−
}
+
−
 
+
−
#Brain{
+
−
  margin-top:20px;
+
−
  font-size:20px;
+
−
}
+
−
 
+
−
#design{
+
−
  margin-top:20px;
+
−
  font-size:20px;
+
−
  font-family: "Dr Sugiyama";
+
−
}
+
−
+
−
#MSF {
+
−
  text-align: center;
+
−
  color:gold;
+
−
  line-height:60px;
+
−
  font-size:50px;
+
−
  font-family:"Open Sans",sans-serif;
+
−
  margin: 50px 0px 80px 0px;
+
−
  margin: 0 auto;
+
−
  width:100%;
+
−
}
+
−
 
+
−
#title{
+
−
  text-align:center;
+
−
  font-size:50px;
+
−
  color:rgb(220,45,120);
+
−
  margin: 1px 0px 2px 0px;
+
−
}
+
−
 
+
−
#TeamSymbol{
+
−
  width:100px;
+
−
}
+
−
</style>
+
 
</head>
 
</head>
−
 
 
<body>
 
<body>
−
 
+
    <header>
−
<div>
+
        <div class="site-logo">
−
<img src="https://static.igem.org/mediawiki/2017/3/32/RDFZ_Team_symbol.jpeg" alt="This is the team symbol" id="TeamSymbol">
+
            <img src="https://static.igem.org/mediawiki/2017/5/57/RDFZ_logo.png" />
−
</div>
+
        </div>
−
 
+
        <div class="site-nav-bg">
−
<div class="nav" >
+
         </div>
−
    <ul>
+
      <nav class="site-nav">
−
         <li><a href="https://2017.igem.org/Team:RDFZ-China/Team" style = "color:white">Team</a>
+
            <img src="https://static.igem.org/mediawiki/2017/6/6e/RDFZ_wiki_nav.png" />
−
          <ul>
+
−
            <li><a href="https://2017.igem.org/Team:RDFZ-China/Results">Results</a></li>
+
−
<li><a href="https://2017.igem.org/Team:RDFZ-China/Collaboration">Collobration</a></li>
+
−
            <li><a href ="https://2017.igem.org/Team:RDFZ-China/InterLab">Interlab</a></li>
+
−
          </ul>
+
−
        </li>
+
−
        <li><a href="https://2017.igem.org/Team:RDFZ-China/Description" style = "color:white" >Project </a>
+
 
             <ul>
 
             <ul>
−
              <li><a href="https://2017.igem.org/Team:RDFZ-China/Description" >Description</a></li>
+
                <li class="team">
−
              <li><a href="https://2017.igem.org/Team:RDFZ-China/Design">Design</a></li>
+
                    <a href="https://2017.igem.org/Team:RDFZ-China/Team">Team</a>
−
              <li><a href="https://2017.igem.org/Team:RDFZ-China/Experiments">Experiments</a></li>
+
                    <ul>
−
              <li><a href="https://2017.igem.org/Team:RDFZ-China/Parts" style = "color:white">Parts</a></li>
+
                        <li><a href="https://2017.igem.org/Team:RDFZ-China/Attributions">Attribution</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:RDFZ-China/Results">Results</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:RDFZ-China/Collaboration">Collobration</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:RDFZ-China/InterLab">Interlab</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li class="project">
 +
                    <a href="https://2017.igem.org/Team:RDFZ-China/Description">Project </a>
 +
                    <ul>
 +
                        <li><a href="https://2017.igem.org/Team:RDFZ-China/Description">Description</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:RDFZ-China/Design">Design</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:RDFZ-China/Experiments">Experiments</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:RDFZ-China/Parts">Parts</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:RDFZ-China/Notebook">Notebook</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li class="awards">
 +
                    <a href="https://2017.igem.org/Team:RDFZ-China/Applied_Design">Awards</a>
 +
                    <ul>
 +
                        <li><a href="https://2017.igem.org/Team:RDFZ-China/Entrepreneurship">Entrepreneurship</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li class="safety"><a href="https://2017.igem.org/Team:RDFZ-China/Safety">Safety</a></li>
 +
                <li class="human">
 +
                    <a href="https://2017.igem.org/Team:RDFZ-China/HP/Silver">Human<br>Practice</a>
 +
                    <ul>
 +
                        <li><a href="https://2017.igem.org/Team:RDFZ-China/HP/Silver">HP Silver</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:RDFZ-China/HP/Gold_Integrated">HP Gold</a></li>
 +
                        <li><a href="https://2017.igem.org/Team:RDFZ-China/Engagement">Public Engagement</a></li>
 +
                    </ul>
 +
                </li>
 +
                <li class="model"><a href="https://2017.igem.org/Team:RDFZ-China/Model">Model</a>
 +
                <ul>
 +
                <li><a href="https://2017.igem.org/Team:RDFZ-China/Hardware">Hardware</a></li>
 +
                </ul>
 +
                </li>
 
             </ul>
 
             </ul>
−
         </li>
+
         </nav>
−
         <li><a href="https://2017.igem.org/Team:RDFZ-China/Model" style = "color:white">Model</a></li>  
+
         <div style="clear:both;"></div>
−
         <li><a href="https://2017.igem.org/Team:RDFZ-China/Safety" style = "color:white">Safety</a></li>  
+
    </header>
−
        <li><a href="https://2017.igem.org/Team:RDFZ-China/HP/Silver" style = "color:white; word-spacing:5px;">Human Practice</a>
+
    <main>
−
            <ul>
+
         <!--Title-->
−
            <li><a href="https://2017.igem.org/Team:RDFZ-China/Notebook">Notebook</a></li>
+
      <section class="title">
−
            </ul>
+
            <div class="title-content">
−
        </li>  
+
                <img src="https://static.igem.org/mediawiki/2017/2/27/Rdfz_wiki_safety.png" class="m"/>
−
        <li><a href="https://2017.igem.org/Team:RDFZ-China/Applied_Design" style = "color:white">Awards</a>
+
                 
−
            <ul>
+
        </div>
−
            <li><a href="https://2017.igem.org/Team:RDFZ-China/Model">Model</a></li>
+
        </section>
−
            <li><a href="https://2017.igem.org/Team:RDFZ-China/Entrepreneurship">Entrepreneurship</a></li>
+
        <footer>
−
            </ul>
+
      <ul class="x">
−
         </li>  
+
      <li><img src="https://static.igem.org/mediawiki/2017/7/76/Rdfz_wiki_footer.png" class="math"/></li>
−
       
+
      <li><img src="https://static.igem.org/mediawiki/2017/5/57/RDFZ_logo.png" class="footer-logo"/></li>
 +
      <li><img src="https://static.igem.org/mediawiki/2017/1/1a/T--Bristol--igem.png" class="igem"/></li>
 +
      </ul>
 +
      <div class="fp">
 +
        <img src="https://static.igem.org/mediawiki/2017/3/3c/Rdfz_wiki_footer_image.png" class="fb">
 +
        </div>
 +
         </footer>
 
          
 
          
−
</ul>
+
    </main>
−
</div>
+
−
 
+
−
<div class="column full_size">
+
−
 
+
−
<h1> 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>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 class="column full_size">
+
−
<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>
+
−
 
+
−
<ul>
+
−
<li>Choosing a non-pathogenic chassis</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>Including an "induced lethality" or "kill-switch" device</li>
+
−
</ul>
+
−
 
+
−
</div>
+
−
 
+
−
<div class="column half_size">
+
−
<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>
+
−
 
+
−
</div>
+
−
 
+
−
<div class="column half_size">
+
−
<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>
+
−
</div>
+
 
</body>
 
</body>
−
 
 
</html>
 
</html>

Revision as of 02:22, 29 October 2017

RDFZ-China