Difference between revisions of "Team:Baltimore Bio-Crew/Safety"

Line 1: Line 1:
 
{{Baltimore_Bio-Crew}}
 
{{Baltimore_Bio-Crew}}
−
{{Team:Baltimore Bio-Crew/JS}}
+
{{Team:Baltimore Bio-Crew/CSS}}
 +
 
 
<html>
 
<html>
 +
<!-- This is the tab title styling-->
 +
      <head>
 +
<style media="screen" type="text/css">
  
 +
/*
 +
html5doctor.com Reset Stylesheet
 +
v1.6.1
 +
Last Updated: 2010-09-17
 +
Author: Richard Clark - http://richclarkdesign.com
 +
Twitter: @rich_clark
 +
*/
  
−
<div class="column full_size">
+
html, body, div, span, object, iframe,
−
 
+
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
−
<h1> Safety </h1>
+
abbr, address, cite, code,
−
<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>
+
del, dfn, em, img, ins, kbd, q, samp,
−
 
+
small, strong, sub, sup, var,
−
<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>
+
b, i,
 +
dl, dt, dd, ol, ul, li,
 +
fieldset, form, label, legend,
 +
table, caption, tbody, tfoot, thead, tr, th, td,
 +
article, aside, canvas, details, figcaption, figure,
 +
footer, header, hgroup, menu, nav, section, summary,
 +
time, mark, audio, video {
 +
    margin:0;
 +
    padding:0;
 +
    border:0;
 +
    outline:0;
 +
    font-size:100%;
 +
    vertical-align:baseline;
 +
    background:transparent;
 +
}
  
−
</div>
+
body {
 +
    line-height:1;
 +
}
  
 +
article,aside,details,figcaption,figure,
 +
footer,header,hgroup,menu,nav,section {
 +
    display:block;
 +
}
  
−
<div class="column full_size">
+
nav ul {
−
<h5>Safe Project Design</h5>
+
    list-style:none;
 +
}
  
−
<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>
+
blockquote, q {
 +
    quotes:none;
 +
}
  
−
<ul>
+
blockquote:before, blockquote:after,
−
<li>Choosing a non-pathogenic chassis</li>
+
q:before, q:after {
−
<li>Choosing parts that will not harm humans / animals / plants</li>
+
    content:'';
−
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
+
    content:none;
−
<li>Including an "induced lethality" or "kill-switch" device</li>
+
}
−
</ul>
+
  
−
</div>
+
a {
 +
    margin:0;
 +
    padding:0;
 +
    font-size:100%;
 +
    vertical-align:baseline;
 +
    background:transparent;
 +
}
  
−
<div class="column half_size">
+
/* change colours to suit your needs */
−
<h5>Safe Lab Work</h5>
+
ins {
 +
    background-color:#ff9;
 +
    color:#000;
 +
    text-decoration:none;
 +
}
  
−
<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>
+
/* change colours to suit your needs */
 +
mark {
 +
    background-color:#ff9;
 +
    color:#000;
 +
    font-style:italic;
 +
    font-weight:bold;
 +
}
  
−
</div>
+
del {
 +
    text-decoration: line-through;
 +
}
  
−
<div class="column half_size">
+
abbr[title], dfn[title] {
−
<h5>Safe Shipment</h5>
+
    border-bottom:1px dotted;
 +
    cursor:help;
 +
}
  
−
<p>Did you face any safety problems in sending your DNA parts to the Registry? How did you solve those problems?</p>
+
table {
−
</div>
+
    border-collapse:collapse;
 +
    border-spacing:0;
 +
}
  
 +
/* change border colour to suit your needs */
 +
hr {
 +
    display:block;
 +
    height:1px;
 +
    border:0;
 +
    border-top:1px solid #cccccc;
 +
    margin:1em 0;
 +
    padding:0;
 +
}
  
−
</html>
+
input, select {
 +
    vertical-align:middle;
 +
}
 +
--------------------------------------------------------------------------------
 +
.html{
 +
  height: 100%;
 +
}
 +
.website{
 +
  width: 100%;
 +
  height:100%;
 +
  margin: 0 0 0 0;
 +
}
 +
.website h2{
 +
  font-size: 90px;
 +
  text-align: center;
 +
  color: black;
 +
  font-family: 'Saira', sans-serif;
 +
  padding-top: 40px;
 +
}
 +
.website h3{
 +
  font-size: 18px;
 +
  font-style: italic;
 +
  text-align: center;
 +
  padding-top: 20px;
 +
  padding-bottom: 30px;
 +
  font-family: 'Abel', san-serif;
 +
  font-style: italic;
 +
  color: black;
 +
}
 +
.page{
 +
  background-image: url("https://static.igem.org/mediawiki/2017/8/84/Pageback1.png");
 +
  background-size: cover;
 +
  height: 1050px;
 +
}
 +
.page h2{
 +
  padding: 75px 0 0 0;
 +
  font-size: 36px;
 +
  font-style: normal;
 +
  font-family: 'Saira', sans-serif;
 +
  text-align: center;
 +
  color: #6b9eff;
 +
  width: 100%;
 +
}
 +
.navbar{
 +
  height: 300px;
 +
  width: 100%;
 +
}
 +
.navbar nav{
 +
  height:40px;
 +
  display: block;
 +
  margin: 0 auto;
 +
  text-transform: uppercase;
 +
  background-color: #6b9eff;
 +
}
 +
.navbar nav a{
 +
  display: block;
 +
  text-decoration: none;
 +
  font-family: 'Share Tech Mono', monospace;
 +
  font-size: 20pt;
 +
  color: #000000;
 +
  font-style: bold;
 +
}
 +
.navbar nav a:hover{
 +
  color: #FF4212;
 +
}
 +
.navbar nav ul{
 +
  list-style: none;
 +
}
 +
.navbar nav ul li{
 +
  height: 300px;
 +
  line-height: 40px;
 +
  text-align: center;
 +
  float: left;
 +
  width: 200px;
 +
}
 +
.navbar nav ul li ul{
 +
  display: none;
 +
  line-height: 35px;
 +
  text-align: center;
 +
  width: 135px;
 +
}
 +
.navbar nav ul li:hover ul{
 +
  display: block;
 +
}
 +
.navbar nav ul li:hover{
 +
  display: block;
 +
}
 +
</style>
 +
        <title>Baltimore Bio-Crew</title>
 +
        <link rel="icon" type="image/png" sizes="16x16" href="http://icons.iconarchive.com/icons/glyphish/glyphish/32/91-beaker-2-icon.png">
 +
        <meta charset= "utf-8">
 +
        <link rel="stylesheet" href="style.css" type="text/css"
 +
        <meta http-equiv="x-ua-compatible" content="ie=edge">
 +
        <link href="https://fonts.googleapis.com/css?family=Saira|Bubbler+One|Abel|Source+Sans+Pro|Share+Tech+Mono|Kalam" rel="stylesheet">
 +
      </head>
 +
      <body>
 +
<!-- This is the header-->
 +
        <div class="website">
 +
          <h2>BALTIMORE BIO-CREW</h2>
 +
          <h3>Bio-Engineering E.Coli To Degrade Plastic and Save The Baltimore Inner Harbor</h3>
 +
            <div class="navbar">
 +
              <nav>
 +
                  <ul>
 +
                    <li><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew">HOME</a></li>
 +
                    <li><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Team">TEAM</a></li>
 +
                    <li><a href="#">PROJECT</a>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Experiment">EXPERIMENT</a></ul>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Results">RESULTS</a></ul>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Safety">SAFETY<a/></ul>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Software">SOFTWARE</a></ul>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Hardware">HARDWARE</a></ul>
 +
                    </li>
 +
                    <li><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Notebook">NOTEBOOK<a/></li>
 +
                    <li><a href="#">PARTS</a>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Parts_Collection">COLLECTION</a></ul>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Basic_Part">BASIC PART</a></ul>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Composite_Part">COMPOSITE PART</a></ul>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Model">MODEL</a></ul>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Measurement">MEASUREMENT</a></ul>
 +
                    </li>
 +
                    <li><a href="#">ENGAGEMENT</a>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Engagement">PUBLIC ENGAGEMENT</a></ul>
 +
                        <ul><a href="https://2017.igem.org/Team:Baltimore_Bio-Crew/Integrated-Practices">INTEGRATED HUMAN PRACTICES</a></ul>
 +
                    </li>
 +
                  </ul>
 +
              </nav>
 +
            </div>
 +
            <div class="page">
 +
              <h2>SAFETY</h2>
 +
            </div>
 +
        </div>
 +
<!-- This is an experiment-->
 +
<!-- This is the body-->
 +
<!-- This is the footer-->
 +
        </div>
 +
      </body>

Revision as of 05:00, 29 September 2017


Baltimore Bio-Crew

BALTIMORE BIO-CREW

Bio-Engineering E.Coli To Degrade Plastic and Save The Baltimore Inner Harbor

SAFETY