Difference between revisions of "Team:BOKU-Vienna"

 
(36 intermediate revisions by the same user not shown)
Line 1: Line 1:
{{BOKU-Vienna}}
+
<!--
{{BOKU-Vienna/CSS/Bootstrap}}
+
* This page and wiki was built with the help of igem-wikibrick, a tool created by Virginia iGEM 2018
{{BOKU-Vienna/CSS/FontAw}}
+
* @version v0.7.3
{{BOKU-Vienna/CSS/Main}}
+
* @link https://github.com/Virginia-iGEM/igem-wikibrick
 +
* @license MIT
 +
*-->
  
{{BOKU-Vienna/JavaScript/FontAw}}
 
 
<html>
 
<html>
 +
 
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1">
 +
    <script src="https://2018.igem.org/Template:BOKU-Vienna/js/vendor?action=raw&ctype=text/javascript"></script>
 +
    <script>
 +
      $(function() {
 +
        $('header').load('https://2018.igem.org/Template:BOKU-Vienna/header?action=raw&ctype=text/javascript');
 +
        $('footer').load('https://2018.igem.org/Template:BOKU-Vienna/footer?action=raw&ctype=text/javascript');
 +
      })
 +
    </script>
 +
    <link rel="stylesheet" href="https://2018.igem.org/Template:BOKU-Vienna/css/ekko-lightbox?action=raw&ctype=text/css">
 +
    <link rel="stylesheet" href="https://2018.igem.org/Template:BOKU-Vienna/css/styles?action=raw&ctype=text/css">
 +
    <script src="https://2018.igem.org/Template:BOKU-Vienna/js/wiki?action=raw&ctype=text/javascript"></script>
 +
    <!--Added MathJax hack to make inline equations work-->
 +
    <script type="text/x-mathjax-config">
 +
      MathJax.Hub.Config({
 +
      tex2jax: {
 +
        inlineMath: [ ['$','$'], ["\\(","\\)"] ],
 +
        processEscapes: true
 +
      }
 +
      });
 +
    </script> 
  
 
+
 
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
     <div id="top"></div>
<!--- Menu --->
+
    <header></header>   <div id="landing-spinner">
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
        <div class="main-background" style="background: url( https://static.igem.org/mediawiki/2018/9/91/T--BOKU-Vienna--2018_landing-start.jpg) fixed no-repeat center; background-size: cover;">
 
+
            <div class="row">
<div class="navigation">
+
                 <div class="col-3 spinner">
     <nav class="navbar navbar-expand-lg">
+
                     <a href="https://2018.igem.org/Team:BOKU-Vienna">Home <span class="sr-only">(current)</span></a>
        <a class="navbar-brand" href="#">Navbar</a>
+
                     <img src="https://static.igem.org/mediawiki/2018/b/b5/T--BOKU-Vienna--2018_Home1.jpg">
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
+
                <i class="fas fa-align-justify"></i>
+
        </button>
+
 
+
        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+
            <ul class="navbar-nav mr-auto">
+
                <li class="nav-item active">
+
                    <a class="nav-link" href="https://2018.igem.org/Team:BOKU-Vienna">Home <span class="sr-only">(current)</span></a>
+
                </li>
+
                <li class="nav-item dropdown">
+
                    <a class="nav-link dropdown-toggle" href="#" id="navbarTeam" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                        Team
+
                    </a>
+
                    <div class="dropdown-menu" aria-labelledby="navbarTeam">
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Team">Team Members</a>
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Collaborations">Collaborations</a>
+
                    </div>
+
                </li>
+
                <li class="nav-item dropdown">
+
                    <a class="nav-link dropdown-toggle" href="#" id="navbarProject" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                        Project
+
                    </a>
+
                    <div class="dropdown-menu" aria-labelledby="navbarProject">
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Description">Description</a>
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Design">Design</a>
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Experiments">Experiments</a>
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Notebook">Notebook</a>
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/InterLab">InterLab</a>
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Model">Model</a>
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Results">Results</a>
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Demonstrate">Demonstrate</a>
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Improve">Improve</a>
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Attributions">Attribution</a>
+
                    </div>
+
                 </li>
+
                <li class="nav-item dropdown">
+
                    <a class="nav-link dropdown-toggle" href="#" id="navbarParts" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                        Parts
+
                    </a>
+
                    <div class="dropdown-menu" aria-labelledby="navbarParts">
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Parts">Parts Overview</a>
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Basic_Parts">Basic Parts</a>
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Composite_Part">Composite Parts</a>
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Part_Collection">Part Collection</a>
+
                    </div>
+
                </li>
+
                <li class="nav-item">
+
                     <a class="nav-link" href="https://2018.igem.org/Team:BOKU-Vienna/Safety">Safety</a>
+
                </li>
+
                <li class="nav-item dropdown">
+
                    <a class="nav-link dropdown-toggle" href="#" id="navbarHuman" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                        Human Practices
+
                    </a>
+
                    <div class="dropdown-menu" aria-labelledby="navbarHuman">
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Human_Practices">Human Practices</a>
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Public_Engagement">Education & Engagement</a>
+
                     </div>
+
                </li>
+
                <li class="nav-item dropdown">
+
                    <a class="nav-link dropdown-toggle" href="#" id="navbarAwards" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+
                        Project
+
                    </a>
+
                    <div class="dropdown-menu" aria-labelledby="navbarAwards">
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Applied_Design">Applied Design</a>
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Entrepreneurship">Enterpreneurship</a>
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Hardware">Hardware</a>
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Measurement">Measurement</a>
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Model">Model</a>
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Plant">Plant</a>
+
                        <a class="dropdown-item" href="https://2018.igem.org/Team:BOKU-Vienna/Software">Software</a>
+
                    </div>
+
                </li>
+
                <li class="nav-item">
+
                    <a class="nav-link" href="https://igem.org/2018_Judging_Form?team=BOKU-Vienna">Judging Form</a>
+
                </li>
+
            </ul>
+
        </div>
+
    </nav>
+
</div>
+
 
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<!--- Content of the page  --->
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<div id="landing">
+
    <div class="landing-page">
+
        <div class="header">
+
            <h1>Team Vienna 2018</h1>
+
            <h2>We presenting Robocrop</h2>
+
        </div>
+
    </div>
+
    <div id="bottom-landing-overlay">
+
        <svg id="landing-svg"></svg>
+
    </div>
+
</div>
+
 
+
<div class="container">
+
 
+
    <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
    <!--- Card Elemente  --->
+
    <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
    <div class="row-element">
+
        <div class="card-group">
+
            <div class="card col-md-3 fly-in">
+
                <img class="card-img-top" src=" http://via.placeholder.com/350x250" alt="Card image cap">
+
                <div class="card-body">
+
                    <h5 class="card-title">Card title</h5>
+
                    <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
+
                    <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
+
 
                 </div>
 
                 </div>
            </div>
+
                <div class="col-3 spinner">
            <div class="card col-md-3 fly-in">
+
                    <a href="https://2018.igem.org/Team:BOKU-Vienna/Team">Team</a>
                <img class="card-img-top" src=" http://via.placeholder.com/350x250" alt="Card image cap">
+
                    <img src="https://static.igem.org/mediawiki/2018/5/53/T--BOKU-Vienna--2018_Team1.jpg">
                 <div class="card-body">
+
                </div>
                     <h5 class="card-title">Card title</h5>
+
                 <div class="col-3 spinner">
                     <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
+
                     <a href="https://2018.igem.org/Team:BOKU-Vienna/Description">Project</a>
                    <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
+
                     <img src="https://static.igem.org/mediawiki/2018/b/b9/T--BOKU-Vienna--2018_Project1.jpg">
 +
                </div>
 +
                <div class="col-3 spinner">
 +
                    <a href="https://2018.igem.org/Team:BOKU-Vienna/Parts">Parts</a>
 +
                    <img src="https://static.igem.org/mediawiki/2018/2/2e/T--BOKU-Vienna--2018_Parts3.jpg">
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
             <div class="card col-md-3 fly-in">
+
             <div class="row">
                 <img class="card-img-top" src=" http://via.placeholder.com/350x250" alt="Card image cap">
+
                 <div class="col-3 spinner">
                 <div class="card-body">
+
                    <a href="https://2018.igem.org/Team:BOKU-Vienna/Safety">Safety</a>
                     <h5 class="card-title">Card title</h5>
+
                    <img src="https://static.igem.org/mediawiki/2018/7/72/T--BOKU-Vienna--2018_Safety.jpg">
                     <p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This card has even longer content than the first to show that equal height action.</p>
+
                </div>
                     <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
+
                 <div class="col-3 spinner">
 +
                     <a href="https://2018.igem.org/Team:BOKU-Vienna/Human_Practices">Human Practices</a>
 +
                     <img src="https://static.igem.org/mediawiki/2018/b/be/T--BOKU-Vienna--2018_humanP.jpg">
 +
                </div>
 +
                <div class="col-3 spinner">
 +
                    <a href="https://2018.igem.org/Team:BOKU-Vienna/Applied_Design">Awards</a>
 +
                     <img src="https://static.igem.org/mediawiki/2018/6/62/T--BOKU-Vienna--2018_Model.jpg">
 +
                </div>
 +
                <div class="col-3 spinner">
 +
                    <a href="https://igem.org/2018_Judging_Form?team=BOKU-Vienna">Judging Form</a>
 +
                    <img src="https://static.igem.org/mediawiki/2018/a/a7/T--BOKU-Vienna--2018_judgingForm.jpg">
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
    </div>
+
         <div class="header">
 
+
             <h1>Team Vienna 2018</h1>
    <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
             <h2>We are presenting Robocrop</h2>
    <!--- Image Screen Breaker --->
+
    <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
    <div class="row-element">
+
         <div class="row-image" id="row-image-1">
+
             <div class="row-image-overlay-top">
+
                <svg class="svg-image-overlay-top"></svg>
+
             </div>
+
            <div class="row-image-overlay-bottom">
+
                <svg class="svg-image-overlay-bottom"></svg>
+
            </div>
+
 
         </div>
 
         </div>
     </div>
+
     </div>   <div class="whyhowwhat-holder">
 
+
     <div class="container">
    <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
        <div class="row-element">
     <!--- Text and Picture Left to Right --->
+
         <div class="why_how_what">
    <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
             <p>
    <div class="row-element">
+
                <a class="h1 h1-green" href="https://2018.igem.org/Team:BOKU-Vienna#collapseWhy" data-toggle="collapse" data-target="#collapseWhy" aria-expanded="false" aria-controls="collapseWhy">
         <div class="row picture-row fly-in">
+
                    Why
             <div class="col-12 col-md-8">
+
                 </a>
                 <h2>Lorem Ipsum</h2>
+
            </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>
+
             <div class="collapse" id="collapseWhy">
             </div>
+
                <div class="card card-body">
            <div class="col-12 col-md-4">
+
                    <p>We want to establish a way of communicating with eukaryotes and creating a human-organism interaction. We would like to tell an organism when it should perform a certain task, be it the production of a pesticide or the induction of the gene which induces flowering. What all these applications have in common is that we are not forced to change the organism’s environment to get the desired reaction, but instead we tell it how and when to do a certain task. Such a communication platform can create countless new applications in agriculture, research and many other fields.</p>
                <img src="http://via.placeholder.com/1920x1080" alt="Beispiel Bild">
+
                </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
         <div class="row picture-row fly-in">
+
         <div class="why_how_what">
             <div class="col-12 col-md-4">
+
        <p>
                <img src="http://via.placeholder.com/1920x1080" alt="Beispiel Bild">
+
             <a class="h1 h1-yellow" href="https://2018.igem.org/Team:BOKU-Vienna#collapseHow" type="button" data-toggle="collapse" data-target="#collapseHow" aria-expanded="false" aria-controls="collapseHow">
             </div>
+
                How
             <div class="col-12 col-md-8">
+
             </a>
                 <h2>Lorem Ipsum</h2>
+
        </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>
+
        <div class="collapse" id="collapseHow">
 +
             <div class="card card-body">
 +
                 <p>The goal of our project is to design a genetic mechanism which enables us to switch a gene of interest ON or OFF with a single dose of a signal molecule, similar to switching a lightbulb ON or OFF.</p>
 +
                <img src="" class="w-50">
 +
                 <p>This enables us to define which genes should be expressed at what point in time. Our toggle switch is designed in a way, that any gene of interest can be cloned into the system and toggled with the corresponding signal molecules. There are countless possibilities for genes that could be cloned into such a system, starting from genes which induce the flowering of plants or the production of a certain resistance gene. In our example, the production of a short lived species of GFP is induced or repressed as soon as either the ON or OFF signal molecule enters the cell.</p>
 +
                <a type="button" class="btn btn-secondary" href="https://2018.igem.org/Team:BOKU-Vienna/Design" data-toggle="tooltip" data-placement="top" title="If you want to find out more about how we found our project and why we chose to get into the information processing track, click on this link.">
 +
                    Design
 +
                </a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
         <div class="row picture-row fly-in">
+
        </div>
             <div class="col-12 col-md-8">
+
         <div class="why_how_what">
                 <h2>Lorem Ipsum</h2>
+
             <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>
+
            <a class="h1 h1-red" href="https://2018.igem.org/Team:BOKU-Vienna#collapseWhat" data-toggle="collapse" data-target="#collapseWhat" aria-expanded="false" aria-controls="collapseWhat">
            </div>
+
                 What
            <div class="col-12 col-md-4">
+
            </a>
                <img src="http://via.placeholder.com/1920x1080" alt="Beispiel Bild">
+
        </p>
 +
        <div class="collapse" id="collapseWhat">
 +
            <div class="card card-body">
 +
                 <p>The system is based on a dCas9 toggle switch, which can be activated or shut-down by a single dose of a signal molecule and stays in its state until a different signal is added. The system relies on dCas9 binding in complex with a specific guide-RNA to the respective site in the promoter of a gene and thereby blocking its transcription. This means that the expression of any gene behind this blocked site is being shut down. As signal molecules, we first created receptors for ethanol, estradiol, and copper. Since these receptors are rather complicated to create and represent a critical element in our system we decided to implement another way of inducing the system, which allows us to test the switch without the need of a functioning receptor. We came up with the idea of using guide-RNA, contained in liposomes to activate the toggle switch.</p>
 +
                <a type="button" href="https://2018.igem.org/Team:BOKU-Vienna/Description" class="btn btn-secondary" data-toggle="tooltip" data-placement="top" title="If you want to learn more about how our system works and how a dCas9 toggle switch works, click on this link">
 +
                    Description
 +
                </a>
 
             </div>
 
             </div>
 +
        </div>
 +
        </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
 
+
     <div class="side-image">
     <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
        <img src="https://static.igem.org/mediawiki/2018/e/e9/T--BOKU-Vienna--2018_Blatt_Site_Homepage.svg">
    <!--- 100% Screen Slider  --->
+
     </div>
     <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
     </div>   <div id="main" class="container">
     <div class="row-element">
+
      <article class="row-element"></article>
        <div id="carouselExample1" class="carousel slide" data-ride="carousel">
+
      <script>
            <ol class="carousel-indicators">
+
          $('article').load('https://2018.igem.org/Template:BOKU-Vienna/index?action=raw&ctype=text/javascript');
                <li data-target="#carouselExample1" data-slide-to="0" class="active"></li>
+
      </script>
                <li data-target="#carouselExample1" data-slide-to="1"></li>
+
    </div>        <div class="card-group">
                <li data-target="#carouselExample1" data-slide-to="2"></li>
+
             <div class="card col-md-3 fly-in">
            </ol>
+
            <a class="cardelement" href="https://2018.igem.org/Team:BOKU-Vienna/Lab_Moments">
             <div class="carousel-inner">
+
                <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/3/34/T--BOKU-Vienna--2018_grouppic.jpg" alt="Group Picture">
                <div class="carousel-item active">
+
                <div class="card-body">
                    <img class="d-block w-100" src="http://via.placeholder.com/1920x1080" alt="First slide">
+
                    <h5 class="card-title">Our best Lab moments</h5>
                    <div class="carousel-caption d-none d-md-block">
+
                    <p class="card-text">Take a look at our lab work and other activities during our work at these project!</p>
                        <h5>Lorem Ipsum</h5>
+
                        <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</p>
+
                    </div>
+
 
                 </div>
 
                 </div>
                <div class="carousel-item">
 
                    <img class="d-block w-100" src="http://via.placeholder.com/1920x1080" alt="Second slide">
 
                    <div class="carousel-caption d-none d-md-block">
 
                        <h5>Lorem Ipsum</h5>
 
                        <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</p>
 
                    </div>
 
                </div>
 
                <div class="carousel-item">
 
                    <img class="d-block w-100" src="http://via.placeholder.com/1920x1080" alt="Third slide">
 
                    <div class="carousel-caption d-none d-md-block">
 
                        <h5>Lorem Ipsum</h5>
 
                        <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</p>
 
                    </div>
 
                </div>
 
            </div>
 
            <a class="carousel-control-prev" href="#carouselExample1" role="button" data-slide="prev">
 
                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
 
                <span class="sr-only">Previous</span>
 
 
             </a>
 
             </a>
            <a class="carousel-control-next" href="#carouselExample1" role="button" data-slide="next">
 
                <span class="carousel-control-next-icon" aria-hidden="true"></span>
 
                <span class="sr-only">Next</span>
 
            </a>
 
        </div>
 
    </div>
 
 
    <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
    <!--- Three columns of Text and Image in Row  --->
 
    <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
 
    <div class="row-element">
 
        <div class="row text-image-row fly-in">
 
            <div class="col-12 col-md-4">
 
                <h2>Lorem Ipsum</h2>
 
                <div class="img-holder">
 
                    <img src="http://via.placeholder.com/1920x1080" alt="Test Image">
 
                </div>
 
                <div class="text-holder">
 
                    <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>
 
             </div>
             <div class="col-12 col-md-4">
+
             <div class="card col-md-3 fly-in">
                 <h2>Lorem Ipsum</h2>
+
                 <a class="cardelement" href="https://2018.igem.org/Team:BOKU-Vienna/Best_Videos">
                 <div class="img-holder">
+
                 <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/45/T--BOKU-Vienna--2018_bestfilm_landing.jpg" alt="Bestiflm Landing">
                    <img src="http://via.placeholder.com/1920x1080" alt="Test Image">
+
                 <div class="card-body">
                 </div>
+
                    <h5 class="card-title">Our best videos</h5>
                <div class="text-holder">
+
                     <p class="card-text">Take a look at our video wall.</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>
+
 
                 </div>
 
                 </div>
 +
                </a>
 
             </div>
 
             </div>
             <div class="col-12 col-md-4">
+
             <div class="card col-md-3 fly-in">
                 <h2>Lorem Ipsum</h2>
+
                 <a class="cardelement" href="https://2018.igem.org/Team:BOKU-Vienna/Newsletter">
                <div class="img-holder">
+
                     <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/f/fd/T--BOKU-Vienna--2018_newsletter-landing.png" alt="Newsletter Landing Picture">
                     <img src="http://via.placeholder.com/1920x1080" alt="Test Image">
+
                    <div class="card-body">
                </div>
+
                        <h5 class="card-title">Our Newsletter Database</h5>
                <div class="text-holder">
+
                        <p class="card-text">Find our newsletter that we send to our sponsors during the work to inform about updates to our project.</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>
+
                    </div>
                </div>
+
                </a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
     </div>
+
     <footer></footer>
</div>
+
     <!--SMOOTH SCROLL UP-->
<footer>
+
     <div class="scrolltop">
     <div class="sponsor">
+
      <div class="scroll icon"><i class="fas fa-chevron-up"></i></div>
        <div class="row">
+
     </div>
            <div class="col-1">
+
                <img src="http://via.placeholder.com/1920x1080" alt="Test Image">
+
            </div>
+
            <div class="col-1">
+
                <img src="http://via.placeholder.com/1920x1080" alt="Test Image">
+
            </div>
+
            <div class="col-1">
+
                <img src="http://via.placeholder.com/1920x1080" alt="Test Image">
+
            </div>
+
            <div class="col-1">
+
                <img src="http://via.placeholder.com/1920x1080" alt="Test Image">
+
            </div>
+
            <div class="col-1">
+
                <img src="http://via.placeholder.com/1920x1080" alt="Test Image">
+
            </div>
+
            <div class="col-1">
+
                <img src="http://via.placeholder.com/1920x1080" alt="Test Image">
+
            </div>
+
            <div class="col-1">
+
                <img src="http://via.placeholder.com/1920x1080" alt="Test Image">
+
            </div>
+
            <div class="col-1">
+
                <img src="http://via.placeholder.com/1920x1080" alt="Test Image">
+
            </div>
+
            <div class="col-1">
+
                <img src="http://via.placeholder.com/1920x1080" alt="Test Image">
+
            </div>
+
        </div>
+
    </div>
+
     <div class="footer-menu">
+
        <div class="row">
+
            <div class="col-12 col-md-3">
+
                <ul class="footer-link">
+
                    <li><a class="" href="https://2018.igem.org/Team:BOKU-Vienna/Parts">Parts Overview</a></li>
+
                    <li><a class="" href="https://2018.igem.org/Team:BOKU-Vienna/Parts">Parts Overview</a></li>
+
                    <li><a class="" href="https://2018.igem.org/Team:BOKU-Vienna/Parts">Parts Overview</a></li>
+
                </ul>
+
            </div>
+
            <div class="col-12 col-md-3">
+
                <ul class="footer-link">
+
                    <li><a class="" href="https://2018.igem.org/Team:BOKU-Vienna/Parts">Parts Overview</a></li>
+
                    <li><a class="" href="https://2018.igem.org/Team:BOKU-Vienna/Parts">Parts Overview</a></li>
+
                    <li><a class="" href="https://2018.igem.org/Team:BOKU-Vienna/Parts">Parts Overview</a></li>
+
                </ul>
+
            </div>
+
            <div class="col-12 col-md-3">
+
                <img src="http://via.placeholder.com/1920x1080" alt="Test Image">
+
            </div>
+
        </div>
+
     </div>
+
</footer>
+
<div class="visualClear"></div>
+
 
+
{{BOKU-Vienna/JavaScript/Bootstrap}}
+
{{BOKU-Vienna/JavaScript/D3}}
+
{{BOKU-Vienna/JavaScript/Main}}
+
 
</html>
 
</html>

Latest revision as of 00:53, 18 October 2018


Team Vienna 2018

We are presenting Robocrop

We want to establish a way of communicating with eukaryotes and creating a human-organism interaction. We would like to tell an organism when it should perform a certain task, be it the production of a pesticide or the induction of the gene which induces flowering. What all these applications have in common is that we are not forced to change the organism’s environment to get the desired reaction, but instead we tell it how and when to do a certain task. Such a communication platform can create countless new applications in agriculture, research and many other fields.

The goal of our project is to design a genetic mechanism which enables us to switch a gene of interest ON or OFF with a single dose of a signal molecule, similar to switching a lightbulb ON or OFF.

This enables us to define which genes should be expressed at what point in time. Our toggle switch is designed in a way, that any gene of interest can be cloned into the system and toggled with the corresponding signal molecules. There are countless possibilities for genes that could be cloned into such a system, starting from genes which induce the flowering of plants or the production of a certain resistance gene. In our example, the production of a short lived species of GFP is induced or repressed as soon as either the ON or OFF signal molecule enters the cell.

Design

The system is based on a dCas9 toggle switch, which can be activated or shut-down by a single dose of a signal molecule and stays in its state until a different signal is added. The system relies on dCas9 binding in complex with a specific guide-RNA to the respective site in the promoter of a gene and thereby blocking its transcription. This means that the expression of any gene behind this blocked site is being shut down. As signal molecules, we first created receptors for ethanol, estradiol, and copper. Since these receptors are rather complicated to create and represent a critical element in our system we decided to implement another way of inducing the system, which allows us to test the switch without the need of a functioning receptor. We came up with the idea of using guide-RNA, contained in liposomes to activate the toggle switch.

Description