Difference between revisions of "Team:DTU-Denmark/Safety"

Line 1: Line 1:
{{DTU-Denmark}}
+
{{Team:DTU-Denmark/header.html}} <!-- DON'T TOUCH!!! -->
  
<html>
+
<html lang="en">
 +
<head>
 +
    <!-- Edited by Isabella 7-9-16 14:30 in sidebar - remove xs-hidden from sidebar -->
 +
    <!-- Edited by Isabella 26-9-16-14:22 fix white space above picture, do not edit the spaces between things this create unintentional space-->
 +
    <title>Bootstrap Example</title>
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
</head>
  
  
<div class="column full_size">
+
<!-- BODY -->
 +
<body data-spy="scroll" data-target="#scrollspy" data-offset="90">
 +
<div class="MYbody">
  
 +
<div class="masthead">
 +
    <div class="container-fluid">
 +
        <div class="row">
 +
            <div class="col-md-12 thumbnail" style="background-image:url(https://www.spring-green.com/wp-content/uploads/2015/12/Tree-that-needs-pruning1.jpg)"> <!-- EDIT style url (this should lead to an image) -->
  
<p>Please visit <a href="https://2016.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>
+
                <div class="caption">
 +
                    <div class="col-md-5 col-sm-5 col-xs-12 title"> <!-- the approximate max number of characters ~ 400 --> <!-- EDIT -->
 +
                        <h1>Title<p class="lead">leader under the title, short introduction. Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his.</p></h1>
 +
                    </div>
 +
                    <div class="col-md-2 col-sm-2 hidden-xs space"></div>
 +
                    <div class="col-md-5 col-sm-5 hidden-xs intro"> <!-- will be hidden on phones, duplicate the text to blockquote down below first section header, to show it there, when it dissapear-->
 +
                        <blockquote class="blockquote-reverse"> <!-- EDIT -->
 +
                            <p>Quote Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
 +
                            <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
 +
                        </blockquote>     
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div> <!-- /row -->
 +
        <div class="border"></div>
 +
    </div>
 +
</div> <!-- /masthead-->
  
<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>
+
<br>
 +
<!-- Content -->
 +
<div class="container">
 +
<div class="row"> <!--Must sorround both content and sidebar-->
 +
    <div class="col-md-9 col-sm-10 colLeft"> <!-- LEFT -->
 +
        <div><a class="anchor" id="section-1"></a>
 +
        <h2 class="h2">Section 1</h2>
 +
           
 +
            <blockquote class="visible-xs"> <!-- quote from masterhead duplicate -->
 +
                <p>Quote Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.</p>
 +
                <small>Someone famous in <cite title="Source Title">Source Title</cite></small>
 +
            </blockquote>
 +
           
 +
            <p>
 +
                Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
 +
            </p>
 +
        </div> <!-- /overview-->
 +
       
 +
        <div><a class="anchor" id="section-2"></a>
 +
        <h2 class="h2">Section 2</h2>
 +
            <p>
 +
                Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
 +
            </p>
 +
            <h3 class="h3">Section 2.1</h3>
 +
                <p>
 +
                    Paragraph
 +
                </p><p>
 +
                    Paragraph
 +
                </p>
 +
            <h3 class="h3">Section 2.2</h3>
 +
                <p>
 +
                    Paragraph
 +
                </p><p>
 +
                    Paragraph
 +
                </p>
 +
            <h3 class="h3">Section 2.3</h3>
 +
                <p>
 +
                    Paragraph
 +
                </p><p>
 +
                    Paragraph
 +
                </p>
 +
        </div>
 +
       
 +
        <div><a class="anchor" id="section-3"></a>
 +
        <h2 class="h2">Section 3</h2>
 +
            <p>
 +
                Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
 +
            </p>
  
</div>
+
        </div>
  
 +
        <div><a class="anchor" id="section-4"></a>
 +
        <h2 class="h2">Section 4</h2>
 +
            <p>
 +
                Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
 +
            </p>
 +
        </div>
  
<div class="column full_size">
+
        <div><a class="anchor" id="section-5"></a>
<h5>Safe Project Design</h5>
+
        <h2 class="h2">Section 5</h2>
 +
            <p>
 +
                Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
 +
            </p>
 +
        </div>
  
<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>
+
        <div><a class="anchor" id="section-6"></a>
 +
        <h2 class="h2">Section 6</h2>
 +
            <p>
 +
                Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
 +
            </p>
 +
        </div>
  
<ul>
+
        <div><a class="anchor" id="section-7"></a>
<li>Choosing a non-pathogenic chassis</li>
+
        <h2 class="h2">Section 7</h2>
<li>Choosing parts that will not harm humans / animals / plants</li>
+
            <p>
<li>Substituting safer materials for dangerous materials in a proof-of-concept experiment</li>
+
                Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.
<li>Including an "induced lethality" or "kill-switch" device</li>
+
            </p>
</ul>
+
        </div>
 +
    </div> <!-- /LEFT -->
 +
   
 +
    <!-- RIGHT-->
 +
    <div class="col-md-3 col-sm-2 colRight" id="scrollspy">
 +
        <ul class="nav" id="sidebar">
 +
            <li><a href="#section-1">Section 1</a></li>
 +
            <li><a href="#section-2">Section 2</a></li>
 +
            <li><a href="#section-3">Section 3</a></li>
 +
            <li><a href="#section-4">Section 4</a></li>
 +
            <li><a href="#section-5">Section 5</a></li>
 +
            <li><a href="#section-6">Section 6</a></li>
 +
            <li><a href="#section-7">Section 7</a></li>
 +
        </ul>
 +
    </div> <!-- /RIGHT -->
  
</div>
+
</div> <!-- /.row -->
 +
</div> <!-- /CONTENT-->   
 +
</div> <!-- /BODY-->
  
<div class="column half_size">
+
</body>
<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>
+
<!--script for functionality of sidebar, DON'T TOUCH!!! -->
 +
<script type="text/javascript" src="https://2016.igem.org/Team:DTU-Denmark/sidebar-js?action=raw&ctype=text/javascript"></script>
 +
</html>
  
</div>
+
<!-- DON'T TOUCH!!! -->
 
+
{{Team:DTU-Denmark/footer}}
<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>
+
 
+
 
+
</html>
+

Revision as of 15:27, 3 October 2016

New HTML template for the wiki




Bootstrap Example

Title

leader under the title, short introduction. Ubique moderatius efficiantur eum et, dico oporteat recusabo ius cu, pro id modus sadipscing. Maluisset patrioque eum ad, mel eius doctus accommodare eu, minimum deleniti repudiandae mel ea. Noster nostrud diceret sea no. Eos an nullam molestiae signiferumque, vel ne laudem ignota oblique. Duo te luptatum percipitur signiferumque, at dicunt iriure dolorem his.


Section 1

Quote Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

Section 2

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

Section 2.1

Paragraph

Paragraph

Section 2.2

Paragraph

Paragraph

Section 2.3

Paragraph

Paragraph

Section 3

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

Section 4

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

Section 5

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

Section 6

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

Section 7

Has ut facer debitis, quo eu agam purto. In eum justo aeterno. Sea ut atqui efficiantur, mandamus deseruisse at est, erat natum cum eu. Quot numquam in vel. Salutatus euripidis moderatius qui ex, eu tempor volumus vituperatoribus has, ius ea ullum facer corrumpit.

  • FIND US AT:
Facebook Twitter
  • DTU BIOBUILDERS
  • DENMARK
  • DTU - SØLTOFTS PLADS, BYGN. 221/002
  • 2800 KGS. LYNGBY

  • E-mail:
  • dtu-biobuilders-2016@googlegroups.com
  • MAIN SPONSORS:
Lundbeck fundation DTU blue dot Lundbeck fundation Lundbeck fundation