Difference between revisions of "Team:BOKU-Vienna"

 
(125 intermediate revisions by 8 users not shown)
Line 1: Line 1:
 +
{{Template:BOKU-Vienna-header}}
 
<html>
 
<html>
−
    <meta charset="utf-8">
+
<style>
−
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
     .xyz  {
−
    <meta name="viewport" content="width=device-width, initial-scale=1">
+
       text-align: center !important;
−
    <meta name="description" content="">
+
    }
−
    <meta name="author" content="">
+
  .video {
−
 
+
       width: 100% !important;
−
    <title>D.I.V.E.R.T.</title>
+
−
 
+
−
    <!-- Bootstrap Core CSS -->
+
−
    <link rel="stylesheet" type="text/css" href="https://2017.igem.org/Template:BOKU-Vienna/bootstrap.css?action=raw&ctype=text/css" />
+
−
 
+
−
 
+
−
    <!-- Theme CSS -->
+
−
    <style>
+
−
    /*!
+
−
    * Start Bootstrap - Grayscale v3.3.7+1 (http://startbootstrap.com/template-overviews/grayscale)
+
−
    * Copyright 2013-2016 Start Bootstrap
+
−
    * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap/blob/gh-pages/LICENSE)
+
−
    */
+
−
     .bodyclass {
+
−
       width: 100%;
+
−
      height: 100%;
+
−
      font-family: Tahoma, Geneva, sans-serif;
+
−
      color: white;
+
−
      background-color: black;
+
−
    }
+
−
    html {
+
−
       width: 100%;
+
−
      height: 100%;
+
−
    }
+
−
    h1,
+
−
    h2,
+
−
    h3,
+
−
    h4,
+
−
    h5,
+
−
    h6 {
+
−
      margin: 0 0 35px;
+
−
      text-transform: uppercase;
+
−
      font-family: Tahoma, Geneva, sans-serif;
+
−
      font-weight: 700;
+
−
      letter-spacing: 1px;
+
−
    }
+
−
    p {
+
−
      margin: 0 0 25px;
+
−
      font-size: 18px;
+
−
      line-height: 1.5;
+
−
    }
+
−
    @media (min-width: 768px) {
+
−
      p {
+
−
        margin: 0 0 35px;
+
−
        font-size: 20px;
+
−
        line-height: 1.6;
+
 
       }
 
       }
−
    }
+
  .myintro {
−
    a {
+
−
      color: #42DCA3;
+
−
      -webkit-transition: all 0.2s ease-in-out;
+
−
      -moz-transition: all 0.2s ease-in-out;
+
−
      transition: all 0.2s ease-in-out;
+
−
    }
+
−
    a:hover,
+
−
    a:focus {
+
−
      text-decoration: none;
+
−
      color: #1d9b6c;
+
−
    }
+
−
    .light {
+
−
      font-weight: 400;
+
−
    }
+
−
    .navbar-custom {
+
−
      margin-bottom: 0;
+
−
      border-bottom: 0px solid rgba(255, 255, 255, 0.3);
+
−
      text-transform: uppercase;
+
−
      font-family: Tahoma, Geneva, sans-serif;
+
−
      background-color: black;
+
−
    }
+
−
    .navbar-custom .navbar-toggle {
+
−
      color: white;
+
−
      background-color: rgba(255, 255, 255, 0.2);
+
−
      font-size: 12px;
+
−
    }
+
−
    .navbar-custom .navbar-toggle:focus,
+
−
    .navbar-custom .navbar-toggle:active {
+
−
      outline: none;
+
−
    }
+
−
    .navbar-custom .navbar-brand {
+
−
      font-weight: 700;
+
−
    }
+
−
    .navbar-custom .navbar-brand img {
+
−
      height: 40px;
+
−
    }
+
−
    .navbar-custom .navbar-brand:focus {
+
−
      outline: none;
+
−
    }
+
−
    .navbar-custom a {
+
−
      color: black;
+
−
    }
+
−
    .navbar-custom .nav li a {
+
−
      -webkit-transition: background 0.3s ease-in-out;
+
−
      -moz-transition: background 0.3s ease-in-out;
+
−
      transition: background 0.3s ease-in-out;
+
−
    }
+
−
    .navbar-custom .nav li a:hover {
+
−
      color: rgba(255, 255, 255, 0.8);
+
−
      outline: none;
+
−
      background-color: transparent;
+
−
    }
+
−
    .navbar-custom .nav li a:focus,
+
−
    .navbar-custom .nav li a:active {
+
−
      outline: none;
+
−
      background-color: transparent;
+
−
    }
+
−
    .navbar-custom .nav li.active {
+
−
      outline: none;
+
−
    }
+
−
    .navbar-custom .nav li.active a {
+
−
      background-color: rgba(255, 255, 255, 0.3);
+
−
    }
+
−
    .navbar-custom .nav li.active a:hover {
+
−
      color: white;
+
−
    }
+
−
    @media (min-width: 768px) {
+
−
      .navbar-custom {
+
−
        padding: 20px 0;
+
−
        border-bottom: none;
+
−
        letter-spacing: 1px;
+
−
        background: transparent;
+
−
        -webkit-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
+
−
        -moz-transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
+
−
        transition: background 0.5s ease-in-out, padding 0.5s ease-in-out;
+
−
      }
+
−
      .navbar-custom.top-nav-collapse {
+
−
        padding: 0;
+
−
        background: black;
+
−
        border-bottom: 0px solid rgba(255, 255, 255, 0.3);
+
−
      }
+
−
    }
+
−
    .intro {
+
 
       display: table;
 
       display: table;
 
       width: 100%;
 
       width: 100%;
−
       height: auto;
+
       height: 100%;
 
       padding: 100px 0;
 
       padding: 100px 0;
−
       text-align: center;
+
       text-align: center !important;
 
       color: black;
 
       color: black;
−
       background: url(plastic.jpg) no-repeat bottom center scroll;
+
       background: url("https://static.igem.org/mediawiki/2017/e/ea/T--BOKU-Vienna--plastic.jpg") no-repeat bottom center scroll;
 
       background-color: black;
 
       background-color: black;
 
       -webkit-background-size: cover;
 
       -webkit-background-size: cover;
Line 150: Line 22:
 
       -o-background-size: cover;
 
       -o-background-size: cover;
 
     }
 
     }
−
     .intro .intro-body {
+
     .myintro .myintro-body {
 
       display: table-cell;
 
       display: table-cell;
 
       vertical-align: middle;
 
       vertical-align: middle;
 
     }
 
     }
−
     .intro .intro-body .brand-heading {
+
     .myintro .myintro-body .brand-heading {
 
       font-size: 40px;
 
       font-size: 40px;
 
     }
 
     }
−
     .intro .intro-body .intro-text {
+
     .myintro .myintro-body .myintro-text {
 
       font-size: 18px;
 
       font-size: 18px;
 
       font-family: Tahoma, Geneva, sans-serif;
 
       font-family: Tahoma, Geneva, sans-serif;
 
     }
 
     }
−
    @media (min-width: 768px) {
+
</style>
−
      .intro {
+
<div id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
−
        height: 100%;
+
−
        padding: 0;
+
−
      }
+
−
      .intro .intro-body .brand-heading {
+
−
        font-size: 100px;
+
−
      }
+
−
      .intro .intro-body .intro-text {
+
−
        font-size: 26px;
+
−
      }
+
−
    }
+
−
    .btn-circle {
+
−
      width: 70px;
+
−
      height: 70px;
+
−
      margin-top: 15px;
+
−
      padding: 7px 16px;
+
−
      border: 2px solid black;
+
−
      border-radius: 100% !important;
+
−
      font-size: 40px;
+
−
      color: black;
+
−
      background: transparent;
+
−
      -webkit-transition: background 0.3s ease-in-out;
+
−
      -moz-transition: background 0.3s ease-in-out;
+
−
      transition: background 0.3s ease-in-out;
+
−
    }
+
−
    .btn-circle:hover,
+
−
    .btn-circle:focus {
+
−
      outline: none;
+
−
      color: white;
+
−
      background: rgba(255, 255, 255, 0.1);
+
−
    }
+
−
    .btn-circle i.animated {
+
−
      -webkit-transition-property: -webkit-transform;
+
−
      -webkit-transition-duration: 1s;
+
−
      -moz-transition-property: -moz-transform;
+
−
      -moz-transition-duration: 1s;
+
−
    }
+
−
    .btn-circle:hover i.animated {
+
−
      -webkit-animation-name: pulse;
+
−
      -moz-animation-name: pulse;
+
−
      -webkit-animation-duration: 1.5s;
+
−
      -moz-animation-duration: 1.5s;
+
−
      -webkit-animation-iteration-count: infinite;
+
−
      -moz-animation-iteration-count: infinite;
+
−
      -webkit-animation-timing-function: linear;
+
−
      -moz-animation-timing-function: linear;
+
−
    }
+
−
    @-webkit-keyframes pulse {
+
−
      0% {
+
−
        -webkit-transform: scale(1);
+
−
        transform: scale(1);
+
−
      }
+
−
      50% {
+
−
        -webkit-transform: scale(1.2);
+
−
        transform: scale(1.2);
+
−
      }
+
−
      100% {
+
−
        -webkit-transform: scale(1);
+
−
        transform: scale(1);
+
−
      }
+
−
    }
+
−
    @-moz-keyframes pulse {
+
−
      0% {
+
−
        -moz-transform: scale(1);
+
−
        transform: scale(1);
+
−
      }
+
−
      50% {
+
−
        -moz-transform: scale(1.2);
+
−
        transform: scale(1.2);
+
−
      }
+
−
      100% {
+
−
        -moz-transform: scale(1);
+
−
        transform: scale(1);
+
−
      }
+
−
    }
+
−
    .content-section {
+
−
      padding-top: 100px;
+
−
      height: 100%;
+
−
    }
+
−
 
+
−
    #map {
+
−
      width: 100%;
+
−
      height: 200px;
+
−
      margin-top: 100px;
+
−
    }
+
−
    @media (min-width: 767px) {
+
−
      .content-section {
+
−
        height: 100%;
+
−
        padding-top: 250px;
+
−
      }
+
−
      .download-section {
+
−
        padding: 100px 0;
+
−
      }
+
−
      #map {
+
−
        height: 400px;
+
−
        margin-top: 250px;
+
−
      }
+
−
    }
+
−
    .btn {
+
−
      text-transform: uppercase;
+
−
      font-family: Tahoma, Geneva, sans-serif;
+
−
      font-weight: 400;
+
−
      -webkit-transition: all 0.3s ease-in-out;
+
−
      -moz-transition: all 0.3s ease-in-out;
+
−
      transition: all 0.3s ease-in-out;
+
−
      border-radius: 0;
+
−
    }
+
−
    .btn-default {
+
−
      border: 1px solid #42DCA3;
+
−
      color: #42DCA3;
+
−
      background-color: transparent;
+
−
    }
+
−
    .btn-default:hover,
+
−
    .btn-default:focus {
+
−
      border: 1px solid #42DCA3;
+
−
      outline: none;
+
−
      color: black;
+
−
      background-color: #42DCA3;
+
−
    }
+
−
    ul.banner-social-buttons {
+
−
      margin-top: 0;
+
−
    }
+
−
    @media (max-width: 1199px) {
+
−
      ul.banner-social-buttons {
+
−
        margin-top: 15px;
+
−
      }
+
−
    }
+
−
    @media (max-width: 767px) {
+
−
      ul.banner-social-buttons li {
+
−
        display: block;
+
−
        margin-bottom: 20px;
+
−
        padding: 0;
+
−
      }
+
−
      ul.banner-social-buttons li:last-child {
+
−
        margin-bottom: 0;
+
−
      }
+
−
    }
+
−
    footer {
+
−
      padding: 50px 0;
+
−
    }
+
−
    footer p {
+
−
      margin: 0;
+
−
    }
+
−
    ::-moz-selection {
+
−
      text-shadow: none;
+
−
      background: #fcfcfc;
+
−
      background: rgba(255, 255, 255, 0.2);
+
−
    }
+
−
    ::selection {
+
−
      text-shadow: none;
+
−
      background: #fcfcfc;
+
−
      background: rgba(255, 255, 255, 0.2);
+
−
    }
+
−
    img::selection {
+
−
      background: transparent;
+
−
    }
+
−
    img::-moz-selection {
+
−
      background: transparent;
+
−
    }
+
−
    body {
+
−
      webkit-tap-highlight-color: rgba(255, 255, 255, 0.2);
+
−
    }
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
    .scrollnav-custom {
+
−
      margin-bottom: 0;
+
−
      border-bottom: 0px solid rgba(255, 255, 255, 0.3);
+
−
      font-family: Tahoma, Geneva, sans-serif
+
−
      background-color: black;
+
−
    }
+
−
    .scrollnav-custom .scrollnav-toggle {
+
−
      color: white;
+
−
      background-color: rgba(255, 255, 255, 0.2);
+
−
      font-size: 12px;
+
−
    }
+
−
    .scrollnav-custom .scrollnav-toggle:focus,
+
−
    .scrollnav-custom .scrollnav-toggle:active {
+
−
      outline: none;
+
−
    }
+
−
    .scrollnav-custom .scrollnav-brand {
+
−
      font-weight: 700;
+
−
    }
+
−
    .scrollnav-custom .scrollnav-brand img {
+
−
      height: 40px;
+
−
    }
+
−
    .scrollnav-custom .scrollnav-brand:focus {
+
−
      outline: none;
+
−
    }
+
−
    .scrollnav-custom a {
+
−
      color: white;
+
−
    }
+
−
    .scrollnav-custom .nav li a {
+
−
      -webkit-transition: background 0.3s ease-in-out;
+
−
      -moz-transition: background 0.3s ease-in-out;
+
−
      transition: background 0.3s ease-in-out;
+
−
    }
+
−
    .scrollnav-custom .nav li a:hover {
+
−
      color: rgba(255, 255, 255, 0.8);
+
−
      outline: none;
+
−
      background-color: transparent;
+
−
    }
+
−
    .scrollnav-custom .nav li a:focus,
+
−
    .scrollnav-custom .nav li a:active {
+
−
      outline: none;
+
−
      background-color: transparent;
+
−
    }
+
−
    .scrollnav-custom .nav li.active {
+
−
      outline: none;
+
−
    }
+
−
    .scrollnav-custom .nav li.active a {
+
−
      background-color: rgba(255, 255, 255, 0.3);
+
−
    }
+
−
    .scrollnav-custom .nav li.active a:hover {
+
−
      color: white;
+
−
    }
+
−
    @media (min-width: 768px) {
+
−
      .scrollnav-custom {
+
−
        padding: 0;
+
−
        letter-spacing: 1px;
+
−
        background: black;
+
−
        border-bottom: 1px solid rgba(255, 255, 255, 0.3);
+
−
      }
+
−
    }
+
−
    .navbar-brand img {
+
−
      height: 100%;
+
−
    }
+
−
    .sponsor-section {
+
−
      background-color: white;
+
−
      color: black;
+
−
    }
+
−
    </style>
+
−
 
+
−
<div class="bodyclass" id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
+
−
 
+
−
    <!-- Navigation -->
+
−
    <nav class="navbar navbar-custom navbar-fixed-top" role="navigation">
+
−
        <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 page-scroll" href="#page-top">
+
−
                    D.I.V.E.R.T.
+
−
                </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 class="hidden">
+
−
                        <a href="#page-top"></a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Team</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Project</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Parts</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Safety</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Human Practices</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Awards</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a href="#">Sponsors</a>
+
−
                    </li>
+
−
                </ul>
+
−
            </div>
+
−
            <!-- /.navbar-collapse -->
+
−
        </div>
+
−
        <!-- /.container -->
+
−
    </nav>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
 
     <!-- One-Page Scroll NavBar -->
 
     <!-- One-Page Scroll NavBar -->
 
     <nav class="navbar scrollnav-custom navbar-fixed-bottom" role="navigation" id="scrollnav">
 
     <nav class="navbar scrollnav-custom navbar-fixed-bottom" role="navigation" id="scrollnav">
Line 470: Line 42:
 
                     Menu <i class="fa fa-bars"></i>
 
                     Menu <i class="fa fa-bars"></i>
 
                 </button>
 
                 </button>
−
                 <a class="navbar-brand" target="_blank"  href="https://www.facebook.com">
+
                 <a class="navbar-brand" target="_blank"  href="https://www.facebook.com/IGEM.BOKU.Vienna">
−
                     <img src="fb.png" alt="Facebook" >
+
                     <img src="https://static.igem.org/mediawiki/2017/6/67/T--BOKU-Vienna--fb2.png" alt="Facebook" >
 
                 </a>
 
                 </a>
−
                 <a class="navbar-brand" target="_blank"  href="https://www.twitter.com">
+
                 <a class="navbar-brand" target="_blank"  href="https://www.twitter.com/BOKU_iGEM">
−
                     <img src="twitter.png" alt="Twitter" >
+
                     <img src="https://static.igem.org/mediawiki/2017/1/15/T--BOKU-Vienna--twitter.png" alt="Twitter" >
 
                 </a>
 
                 </a>
 
             </div>
 
             </div>
Line 482: Line 54:
 
                 <ul class="nav navbar-nav">
 
                 <ul class="nav navbar-nav">
 
                     <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
 
                     <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
−
                     <li class="hidden">
+
                     <li>
−
                         <a href="#page-top"></a>
+
                         <a class="page-scroll" href="#">Top</a>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
 
                         <a class="page-scroll" href="#Welcome">Welcome</a>
 
                         <a class="page-scroll" href="#Welcome">Welcome</a>
−
                    </li>
 
−
                    <li>
 
−
                        <a class="page-scroll" href="#Sponsors">Sponsors</a>
 
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>
Line 498: Line 67:
 
     </nav>
 
     </nav>
  
−
     <!-- Intro Header -->
+
     <!-- myintro Header -->
−
     <header class="intro">
+
     <header class="myintro">
−
         <div class="intro-body">
+
         <div class="myintro-body">
 
             <div class="container">
 
             <div class="container">
 
                 <div class="row">
 
                 <div class="row">
 
                     <div class="col-md-8 col-md-offset-2">
 
                     <div class="col-md-8 col-md-offset-2">
 
                         <h1 class="brand-heading">D.I.V.E.R.T.</h1>
 
                         <h1 class="brand-heading">D.I.V.E.R.T.</h1>
−
                         <p class="intro-text">The Next Step of Evolution.
+
                         <p class="xyz">The Next Step of Evolution.
 
                             <br>Created by BOKU Vienna.</p>
 
                             <br>Created by BOKU Vienna.</p>
−
                         <a href="#about" class="btn btn-circle page-scroll">
+
                         <a href="#Welcome" class="page-scroll">
−
                             <i class="fa fa-angle-double-down animated"></i>
+
                          <div id="downarrow">
 +
                             <img src="https://static.igem.org/mediawiki/2017/3/32/T--BOKU-Vienna--arrow.png" alt="V">
 +
                          </div>
 
                         </a>
 
                         </a>
 
                     </div>
 
                     </div>
Line 517: Line 88:
  
 
     <!-- About Section -->
 
     <!-- About Section -->
−
     <section id="Welcome" class="container content-section text-center">
+
     <section class="container content-section text-center">
−
         <div class="row">
+
         <div class="row" id="Welcome" >
 
             <div class="col-lg-8 col-lg-offset-2">
 
             <div class="col-lg-8 col-lg-offset-2">
−
                 <h2>Welcome</h2>
+
                <p> <br><br></p>
−
                 <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+
                 <h2>Welcome.</h2>
 +
                 <p> <br> Welcome to our Wiki! Check out the video below for a short introduction into our project. If you want to learn more about our <a href=https://2017.igem.org/Team:BOKU-Vienna/Description >project idea</a>, the <a href=https://2017.igem.org/Team:BOKU-Vienna/Notebook>lab work</a>, the <a href=https://2017.igem.org/Team:BOKU-Vienna/Team>team</a> behind it, our <a href=https://2017.igem.org/Team:BOKU-Vienna/Engagement>public engagement</a> or the <a href=https://igem.org/Main_Page>competition in general</a> please explore our website. We would especially like to thank our <a href=https://2017.igem.org/Team:BOKU-Vienna/Sponsors>sponsors</a> who helped us realize this project!
 +
</p>
 +
<p>If you would like to contact us please send an email to <a href="mailto:igem2017@students.boku.ac.at">igem2017@students.boku.ac.at</a>
 +
</p>
 +
<p>We are  proud  and  happy  to  say that we had the opportunity to attend the Giant Jamboree in Boston and that  our  efforts  were  rewarded  in form  of  a  <b>Silver  Medal</b>! By participating in the iGEM competition we definitely learned a lot and are honored to be a part of the ever-growing synthetic biology community.
 +
</p>
 +
<p>
 +
</p>
 +
<video poster="https://static.igem.org/mediawiki/2017/6/6d/Titelbild_schirch.jpeg" id="iGEMMovie" width="100%" height="auto" preload controls align="center">
 +
 
 +
<source src="https://static.igem.org/mediawiki/2017/2/2a/DIVERT-video.mp4" type='video/mp4'/>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
     </section>
 
     </section>
  
−
     <!-- Download Section -->
+
      
−
    <section id="Sponsors" class="container content-section text-center">
+
</html>
−
            <div class="container">
+
−
                <div class="col-lg-8 col-lg-offset-2">
+
−
                    <h2>Sponsors</h2>
+
−
                    <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.</p>
+
−
                </div>
+
−
            </div>
+
−
    </section>
+
  
−
    <!-- Footer -->
+
{{BOKU-Vienna-footer}}
−
    <footer>
+
−
        <div class="container text-center sponsor-section">
+
−
            <p>Copyright &copy; Your Website 2016</p>
+
−
        </div>
+
−
    </footer>
+
−
 
+
−
    <!-- jQuery -->
+
−
    <script src="https://2017.igem.org/common/jquery-latest.min.js"></script>
+
−
 
+
−
    <!-- Bootstrap Core JavaScript -->
+
−
    <script type="text/javascript" src="https://2017.igem.org/Template:BOKU-Vienna/bootstrap.js?action=raw&ctype=text/javascript"></script>
+
−
 
+
−
    <!-- Plugin JavaScript -->
+
−
    <script type="text/javascript" src="https://2017.igem.org/Template:BOKU-Vienna/jquers.easing.min.js?action=raw&ctype=text/javascript"></script>
+
−
 
+
−
 
+
−
    <!-- Theme JavaScript -->
+
−
    <script>
+
−
    // jQuery to collapse the navbar on scroll
+
−
    function collapseNavbar() {
+
−
        if ($(".navbar").offset().top > 50) {
+
−
            $(".navbar-fixed-top").addClass("top-nav-collapse");
+
−
            $(".navbar-custom a").css("color", "white");
+
−
            $(".navbar-fixed-bottom").show();
+
−
        } else {
+
−
            $(".navbar-fixed-top").removeClass("top-nav-collapse");
+
−
            $(".navbar-custom a").css("color", "black");
+
−
            $(".navbar-fixed-bottom").hide();
+
−
        }
+
−
    }
+
−
 
+
−
    $(window).scroll(collapseNavbar);
+
−
    $(document).ready(collapseNavbar);
+
−
 
+
−
    // jQuery for page scrolling feature - requires jQuery Easing plugin
+
−
    $(function() {
+
−
        $('a.page-scroll').bind('click', function(event) {
+
−
            var $anchor = $(this);
+
−
            $('html, body').stop().animate({
+
−
                scrollTop: $($anchor.attr('href')).offset().top
+
−
            }, 1500, 'easeInOutExpo');
+
−
            event.preventDefault();
+
−
        });
+
−
    });
+
−
 
+
−
    // Closes the Responsive Menu on Menu Item Click
+
−
    $('.navbar-collapse ul li a').click(function() {
+
−
        $(".navbar-collapse").collapse('hide');
+
−
    });
+
−
 
+
−
 
+
−
    </script>
+
−
 
+
−
</div>
+
−
 
+
−
</html>
+

Latest revision as of 15:41, 12 December 2017

D.I.V.E.R.T.

The Next Step of Evolution.
Created by BOKU Vienna.

V



Welcome.


Welcome to our Wiki! Check out the video below for a short introduction into our project. If you want to learn more about our project idea, the lab work, the team behind it, our public engagement or the competition in general please explore our website. We would especially like to thank our sponsors who helped us realize this project!

If you would like to contact us please send an email to igem2017@students.boku.ac.at

We are proud and happy to say that we had the opportunity to attend the Giant Jamboree in Boston and that our efforts were rewarded in form of a Silver Medal! By participating in the iGEM competition we definitely learned a lot and are honored to be a part of the ever-growing synthetic biology community.