Difference between revisions of "Team:BOKU-Vienna/Safety"

(Prototype team page)
 
Line 1: Line 1:
−
{{BOKU-Vienna}}
+
{{BOKU-Vienna-header}}
 
<html>
 
<html>
 +
<style>
 +
  .myintro {
 +
      display: table;
 +
      width: 100%;
 +
      height: 100%;
 +
      padding: 100px 0;
 +
      text-align: center;
 +
      color: black;
 +
      background: url("https://static.igem.org/mediawiki/2017/9/94/T--BOKU-Vienna--sponsors.jpg") no-repeat bottom center scroll;
 +
      background-color: black;
 +
      -webkit-background-size: cover;
 +
      -moz-background-size: cover;
 +
      background-size: cover;
 +
      -o-background-size: cover;
 +
    }
 +
    .myintro .myintro-body {
 +
      display: table-cell;
 +
      vertical-align: middle;
 +
    }
 +
    .myintro .myintro-body .brand-heading {
 +
      font-size: 40px;
 +
    }
 +
    .myintro .myintro-body .myintro-text {
 +
      font-size: 18px;
 +
      font-family: Tahoma, Geneva, sans-serif;
 +
    }
 +
</style>
 +
<div id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
 +
    <!-- One-Page Scroll NavBar -->
 +
    <nav class="navbar scrollnav-custom navbar-fixed-bottom" role="navigation" id="scrollnav">
 +
        <div class="container">
 +
            <div class="navbar-header">
 +
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
 +
                    Menu <i class="fa fa-bars"></i>
 +
                </button>
 +
                <a class="navbar-brand" target="_blank"  href="https://www.facebook.com/IGEM.BOKU.Vienna">
 +
                    <img src="https://static.igem.org/mediawiki/2017/f/fa/T--BOKU-Vienna--fb.png" alt="Facebook" >
 +
                </a>
 +
                <a class="navbar-brand" target="_blank"  href="https://www.twitter.com/BOKU_iGEM">
 +
                    <img src="https://static.igem.org/mediawiki/2017/1/15/T--BOKU-Vienna--twitter.png" alt="Twitter" >
 +
                </a>
 +
            </div>
  
 +
            <!-- Collect the nav links, forms, and other content for toggling -->
 +
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
 +
                <ul class="nav navbar-nav">
 +
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
 +
                    <li>
 +
                        <a class="page-scroll" href="#">Top</a>
 +
                    </li>
 +
                    <li>
 +
                        <a class="page-scroll" href="#Platinum">Platinum</a>
 +
                    </li>
 +
                    <li>
 +
                        <a class="page-scroll" href="#Gold">Gold</a>
 +
                    </li>
 +
                    <li>
 +
                        <a class="page-scroll" href="#Silver">Silver</a>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
            <!-- /.navbar-collapse -->
 +
        </div>
 +
        <!-- /.container -->
 +
    </nav>
  
−
<div class="column full_size">
+
    <!-- myintro Header -->
 +
    <header class="myintro">
 +
        <div class="myintro-body">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="col-md-8 col-md-offset-2">
 +
                        <h1 class="brand-heading">Safety</h1>
 +
                        <p class="myintro-text"></p>
 +
                        <a href="#Platinum
 +
" class="page-scroll">
 +
                          <div id="downarrow">
 +
                            <img src="https://static.igem.org/mediawiki/2017/3/32/T--BOKU-Vienna--arrow.png" alt="V">
 +
                          </div>
 +
                        </a>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </header>
  
−
<h1> Safety </h1>
+
    <!-- About Section -->
−
<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>
+
    <section id="Platinum" class="container content-section text-center">
 +
        <div class="row">
 +
            <div class="col-lg-8 col-lg-offset-2">
 +
                <h2>Platinum Sponsors</h2>
 +
                <p>Progress ...</p>
 +
            </div>
 +
        </div>
 +
    </section>
  
−
<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>
+
    <section id="Gold" class="container content-section text-center">
 +
        <div class="row">
 +
            <div class="col-lg-8 col-lg-offset-2">
 +
                <h2>Gold Sponsors</h2>
 +
                <p>Progress ...</p>
 +
            </div>
 +
        </div>
 +
    </section>
  
−
</div>
+
        <section id="Silver" class="container content-section text-center">
 +
        <div class="row">
 +
            <div class="col-lg-8 col-lg-offset-2">
 +
                <h2>Silver Sponsors</h2>
 +
                <p>Progress ...</p>
 +
            </div>
 +
        </div>
 +
    </section>
  
 +
</html>
  
−
<div class="column full_size">
+
{{BOKU-Vienna-footer}}
−
<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>
+
−
 
+
−
 
+
−
</html>
+

Revision as of 15:56, 20 June 2017

Safety

V

Platinum Sponsors

Progress ...

Gold Sponsors

Progress ...

Silver Sponsors

Progress ...