|
|
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>-->
| + | |