Difference between revisions of "Team:Uppsala/Safety"

Line 2: Line 2:
 
{{Uppsala/Navbar}}
 
{{Uppsala/Navbar}}
 
<html>
 
<html>
 +
  <meta charset="utf-8">
 +
  <meta name="viewport" content="width=device-width, initial-scale=1">
 +
  <style> nav {padding-top:10px;}</style>
 +
  <script src="https://2017.igem.org/Template:Uppsala/Script?action=raw&ctype=text/javascript"></script> 
 +
  <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
 +
  <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet">
 +
  <link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
 
<head>
 
<head>
 
<style>
 
<style>
Line 8: Line 15:
 
         font-family:roboto-slab;
 
         font-family:roboto-slab;
 
}
 
}
 +
.magix{ background-image:url("https://static.igem.org/mediawiki/2017/f/f0/Uppsala_safety_background.svg");
 +
width:100%;
 +
height:90%;
 +
z-index:+1;
 +
position:absolute;
 +
margin-top:17%;
 +
 +
}
 +
 +
.magix p { text-align:left;
 +
color:#ffffff;
 +
font-family:roboto-slab, arial;
 +
                margin:12%;
 +
}
 +
 +
button {button-style:none;
 +
        margin:0%;
 +
        border:none;
 +
        padding:0%;
 +
        width:100%;
 +
        background-color:#92e0c0;}
 +
 +
 
</style>
 
</style>
 
</head>
 
</head>
Line 14: Line 44:
 
<div class="page-header" style="border-bottom:none;">
 
<div class="page-header" style="border-bottom:none;">
 
<img src="https://static.igem.org/mediawiki/2017/4/48/Uppsala_safety_head.svg" style="width:100%;"></img>
 
<img src="https://static.igem.org/mediawiki/2017/4/48/Uppsala_safety_head.svg" style="width:100%;"></img>
−
</div>
 
  
−
<div class="container">
 
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in mauris viverra,
 
−
tincidunt ligula eget, volutpat enim. Etiam nibh nisl, interdum at auctor et, pharetra
 
−
vitae massa. Suspendisse potenti. Sed bibendum felis vel congue suscipit.
 
−
Mauris id orci purus. Morbi condimentum molestie tempus. In a dolor in eros
 
−
lobortis dapibus. Quisque non eros pharetra ante efficitur ornare accumsan sit
 
−
amet nibh. Maecenas eget facilisis tortor. Mauris a bibendum nulla, a convallis
 
−
orci. Morbi aliquet sem augue, eget laoreet risus ullamcorper a. Proin in tempor
 
−
ex, ac vestibulum nisl. Phasellus scelerisque, nunc id porta suscipit, lacus nulla
 
−
tempor dui, a pulvinar justo ipsum maximus sem. Pellentesque hendrerit maximus justo.
 
−
Vestibulum est risus, pharetra ut est sed, venenatis scelerisque magna.
 
−
Etiam ullamcorper lacus neque, nec vestibulum eros congue sit amet.</p>
 
  
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium eros
+
<button class="active" data-toggle="collapse" data-target="#magix" style="button-style:none;margin:0%;border:none;padding:0%;width:100%;background-color:#92e0c0;">
−
urna, ullamcorper semper quam congue ut. Sed faucibus tempor ultricies.
+
−
Mauris commodo lacus turpis, quis efficitur quam aliquet vel. Pellentesque
+
−
volutpat consequat lacus quis tristique. Praesent mi justo,
+
−
iaculis at ultricies posuere, porta posuere turpis.
+
−
Aliquam nec tincidunt augue. Morbi venenatis porta dui ac interdum.
+
−
Phasellus porttitor elementum dui et hendrerit.</p>
+
−
+
−
<p>Maecenas tristique accumsan libero. Etiam vel dui at lectus luctus rutrum.
+
−
Nunc egestas risus in sem fringilla vehicula. Praesent sollicitudin risus
+
−
in purus luctus laoreet. Aenean rhoncus neque eget sem scelerisque semper eu et sapien.
+
−
Phasellus vitae laoreet risus. Nullam a egestas quam. Nulla quis felis lobortis,
+
−
dignissim elit a, dignissim sapien. Duis at egestas felis. Aliquam posuere ligula
+
−
malesuada gravida aliquet. Suspendisse lobortis purus quam, eu hendrerit eros ornare non.
+
−
Praesent ultricies magna sed odio tristique tempus vitae et tortor.
+
−
Donec vel massa porttitor, iaculis augue sit amet, volutpat massa.
+
−
Vivamus nibh erat, lobortis nec urna ac, sollicitudin pellentesque dolor.
+
−
Praesent nec tempor quam.</p>
+
−
</div>
+
  
−
<img src="https://static.igem.org/mediawiki/2017/c/c6/Uppsala_safety_lock.svg" class="img-responsive" style="width:100%;"></img>
+
<div class="container magix collapse" id="magix" style="width:100%;">
  
−
<div class="container"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in mauris viverra,  
+
<p>Etiam ultricies dapibus arcu vitae accumsan. Donec dolor est,  
−
tincidunt ligula eget, volutpat enim. Etiam nibh nisl, interdum at auctor et, pharetra
+
vulputate vitae lacus sed, cursus molestie nunc. Etiam orci purus,  
−
vitae massa. Suspendisse potenti. Sed bibendum felis vel congue suscipit.
+
molestie id sapien non, tincidunt aliquam orci. Nulla hendrerit consequat
−
Mauris id orci purus. Morbi condimentum molestie tempus. In a dolor in eros
+
convallis. Donec nec dolor ex. Sed et ullamcorper lorem, vitae pharetra orci.  
−
  lobortis dapibus. Quisque non eros pharetra ante efficitur ornare accumsan sit  
+
  Proin rhoncus sapien et venenatis semper. Ut augue nibh, semper id cursus sit
−
  amet nibh. Maecenas eget facilisis tortor. Mauris a bibendum nulla, a convallis
+
  amet, imperdiet sit amet massa. Nunc dignissim, sapien vulputate
−
  orci. Morbi aliquet sem augue, eget laoreet risus ullamcorper a. Proin in tempor
+
  imperdiet mattis, neque eros egestas risus, ac egestas sem erat ut eros.
−
ex, ac vestibulum nisl. Phasellus scelerisque, nunc id porta suscipit, lacus nulla
+
  Suspendisse erat lacus, luctus vel odio eget, sodales rutrum ligula.
−
  tempor dui, a pulvinar justo ipsum maximus sem. Pellentesque hendrerit maximus justo.  
+
  Donec ut eleifend lorem, eu pharetra turpis. Maecenas facilisis commodo
−
  Vestibulum est risus, pharetra ut est sed, venenatis scelerisque magna.
+
  eleifend. Nam pretium erat non lectus viverra ornare.</p>
−
  Etiam ullamcorper lacus neque, nec vestibulum eros congue sit amet.</p>
+
</div>
  
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium eros
 
−
urna, ullamcorper semper quam congue ut. Sed faucibus tempor ultricies.
 
−
Mauris commodo lacus turpis, quis efficitur quam aliquet vel. Pellentesque
 
−
volutpat consequat lacus quis tristique. Praesent mi justo,
 
−
iaculis at ultricies posuere, porta posuere turpis.
 
−
Aliquam nec tincidunt augue. Morbi venenatis porta dui ac interdum.
 
−
Phasellus porttitor elementum dui et hendrerit.</p>
 
−
 
−
<p>Maecenas tristique accumsan libero. Etiam vel dui at lectus luctus rutrum.
 
−
Nunc egestas risus in sem fringilla vehicula. Praesent sollicitudin risus
 
−
in purus luctus laoreet. Aenean rhoncus neque eget sem scelerisque semper eu et sapien.
 
−
Phasellus vitae laoreet risus. Nullam a egestas quam. Nulla quis felis lobortis,
 
−
dignissim elit a, dignissim sapien. Duis at egestas felis. Aliquam posuere ligula
 
−
malesuada gravida aliquet. Suspendisse lobortis purus quam, eu hendrerit eros ornare non.
 
−
Praesent ultricies magna sed odio tristique tempus vitae et tortor.
 
−
Donec vel massa porttitor, iaculis augue sit amet, volutpat massa.
 
−
Vivamus nibh erat, lobortis nec urna ac, sollicitudin pellentesque dolor.
 
−
Praesent nec tempor quam.</p></div>
 
  
−
<img src="https://static.igem.org/mediawiki/2017/f/f5/Uppsala_safety_password.svg" class="img-responsive" style="width:100%;"></img>
+
<img src="https://static.igem.org/mediawiki/2017/c/c6/Uppsala_safety_lock.svg" class="img-responsive" title="Click me" style="width:100%;"></img>
  
−
<div class="container"><p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus in mauris viverra,
+
</button>
−
tincidunt ligula eget, volutpat enim. Etiam nibh nisl, interdum at auctor et, pharetra
+
−
vitae massa. Suspendisse potenti. Sed bibendum felis vel congue suscipit.
+
−
Mauris id orci purus. Morbi condimentum molestie tempus. In a dolor in eros
+
−
lobortis dapibus. Quisque non eros pharetra ante efficitur ornare accumsan sit
+
−
amet nibh. Maecenas eget facilisis tortor. Mauris a bibendum nulla, a convallis
+
−
orci. Morbi aliquet sem augue, eget laoreet risus ullamcorper a. Proin in tempor
+
−
ex, ac vestibulum nisl. Phasellus scelerisque, nunc id porta suscipit, lacus nulla
+
−
tempor dui, a pulvinar justo ipsum maximus sem. Pellentesque hendrerit maximus justo.
+
−
Vestibulum est risus, pharetra ut est sed, venenatis scelerisque magna.
+
−
Etiam ullamcorper lacus neque, nec vestibulum eros congue sit amet.</p>
+
  
−
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam pretium eros
 
−
urna, ullamcorper semper quam congue ut. Sed faucibus tempor ultricies.
 
−
Mauris commodo lacus turpis, quis efficitur quam aliquet vel. Pellentesque
 
−
volutpat consequat lacus quis tristique. Praesent mi justo,
 
−
iaculis at ultricies posuere, porta posuere turpis.
 
−
Aliquam nec tincidunt augue. Morbi venenatis porta dui ac interdum.
 
−
Phasellus porttitor elementum dui et hendrerit.</p>
 
−
 
−
<p>Maecenas tristique accumsan libero. Etiam vel dui at lectus luctus rutrum.
 
−
Nunc egestas risus in sem fringilla vehicula. Praesent sollicitudin risus
 
−
in purus luctus laoreet. Aenean rhoncus neque eget sem scelerisque semper eu et sapien.
 
−
Phasellus vitae laoreet risus. Nullam a egestas quam. Nulla quis felis lobortis,
 
−
dignissim elit a, dignissim sapien. Duis at egestas felis. Aliquam posuere ligula
 
−
malesuada gravida aliquet. Suspendisse lobortis purus quam, eu hendrerit eros ornare non.
 
−
Praesent ultricies magna sed odio tristique tempus vitae et tortor.
 
−
Donec vel massa porttitor, iaculis augue sit amet, volutpat massa.
 
−
Vivamus nibh erat, lobortis nec urna ac, sollicitudin pellentesque dolor.
 
−
Praesent nec tempor quam.</p></div>
 
  
−
<img src="https://static.igem.org/mediawiki/2017/0/02/Uppsala_safety_vault.svg" class="img-responsive" style="width:100%;"></img>
 
  
  
−
</div>
 
  
 +
<div class="container"><p></p></div>
  
−
</html>
+
<img src="https://static.igem.org/mediawiki/2017/f/f5/Uppsala_safety_password.svg" class="img-responsive" style="width:100%;"></img>
  
−
<!--<div class="column full_size">
+
<div class="container"><p>
 +
</p></div>
  
−
<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>
+
<img src="https://static.igem.org/mediawiki/2017/0/02/Uppsala_safety_vault.svg" class="img-responsive" style="width:100%;"></img>
  
−
 
−
<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>
  
−
<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>
+
</html>
−
 
+
−
</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>-->
+

Revision as of 13:16, 21 October 2017