Difference between revisions of "Team:BOKU-Vienna"

 
(19 intermediate revisions by the same user not shown)
Line 1: Line 1:
 +
<!--
 +
* This page and wiki was built with the help of igem-wikibrick, a tool created by Virginia iGEM 2018
 +
* @version v0.7.3
 +
* @link https://github.com/Virginia-iGEM/igem-wikibrick
 +
* @license MIT
 +
*-->
  
 
<html>
 
<html>
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:BOKU-Vienna/CSS/Bootstrap?action=raw&ctype=text/css" />
+
 
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:BOKU-Vienna/CSS/FontAw?action=raw&ctype=text/css" />
+
    <meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="https://2018.igem.org/Template:BOKU-Vienna/CSS/Main?action=raw&ctype=text/css" />
+
    <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>  
  
<script type="text/javascript" src="https://2018.igem.org/Template:BOKU-Vienna/JavaScript/FontAw?action=raw&ctype=text/javascript"></script>
+
 
 
+
    <div id="top"></div>
</html>
+
    <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;">
{{BOKU-Vienna/Html/Header}}
+
            <div class="row">
 
+
                <div class="col-3 spinner">
<html>
+
                    <a href="https://2018.igem.org/Team:BOKU-Vienna">Home <span class="sr-only">(current)</span></a>
 
+
                    <img src="https://static.igem.org/mediawiki/2018/b/b5/T--BOKU-Vienna--2018_Home1.jpg">
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
                </div>
<!--- Content of the page  --->
+
                <div class="col-3 spinner">
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
                    <a href="https://2018.igem.org/Team:BOKU-Vienna/Team">Team</a>
<div id="landing">
+
                    <img src="https://static.igem.org/mediawiki/2018/5/53/T--BOKU-Vienna--2018_Team1.jpg">
    <div class="landing-page">
+
                </div>
 +
                <div class="col-3 spinner">
 +
                    <a href="https://2018.igem.org/Team:BOKU-Vienna/Description">Project</a>
 +
                    <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 class="row">
 +
                <div class="col-3 spinner">
 +
                    <a href="https://2018.igem.org/Team:BOKU-Vienna/Safety">Safety</a>
 +
                    <img src="https://static.igem.org/mediawiki/2018/7/72/T--BOKU-Vienna--2018_Safety.jpg">
 +
                </div>
 +
                <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 class="header">
 
         <div class="header">
             <h1>Team BOKU-Vienna 2018</h1>
+
             <h1>Team Vienna 2018</h1>
             <h2>We presenting Robocrop</h2>
+
             <h2>We are presenting Robocrop</h2>
 
         </div>
 
         </div>
     </div>
+
     </div>    <div class="whyhowwhat-holder">
     <div id="bottom-landing-overlay">
+
     <div class="container">
         <svg id="landing-svg"></svg>
+
         <div class="row-element">
    </div>
+
        <div class="why_how_what">
</div>
+
            <p>
 
+
                <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="container">
+
                    Why
 
+
                </a>
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
            </p>
    <!--- Text and Picture Left to Right --->
+
            <div class="collapse" id="collapseWhy">
    <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
                <div class="card card-body">
    <div class="row-element">
+
                    <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>
        <div class="row picture-row fly-in">
+
                </div>
            <div class="col-12 col-md-8">
+
                <h2>Structure</h2>
+
                <p>The dCas9 Toggle Switch represents the core of our system and will allow switching between 2 stable states of gene expression. It consists of 2 gene classes which we simply call the ON and OFF genes. Each of these two gene classes comprises a strong constitutive promoter with a RNA polymerase II (RNAPII) binding site and multiple copies of the same guide RNA (gRNA) target site downstream next to it. All genes in a class are controlled by the same regulatory region so that their gene products are expressed simultaneously.
+
At least one gene in each class code for a RNA construct consisting of a gRNA sequence flanked by two autonomously folding catalytic RNA sequences (Ribozymes) which leads to the production of free gRNA when transcribed. Other genes in the ON genes class code for proteins which should be only expressed in the ON state of the system. Vice versa OFF genes encode OFF state proteins. In theory these could be any number and combination of genes needed to define one of the states. However, we will only use one additional ON gene and no additional OFF gene. This ON gene contains a GFP coding sequence and will be therefore used as a reporter for the functionality of our system.
+
</p>
+
            </div>
+
            <div class="col-12 col-md-4">
+
                <img src="http://via.placeholder.com/1920x1080" alt="Beispiel Bild">
+
 
             </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>Function</h2>
+
        </p>
                 <p>The system is controlled from outside of the cell via 2 synthetic pathways leading to the production of either an ON or an OFF free gRNA. If in case of a ON signal the ON free gRNA is produced it will bind to dCas9 (or derivative) and direct it to its target sites in the regulatory region of our OFF gene, thereby blocking gene expression. However the not blocked ON genes will still be able to be expressed in high amounts and will, besides GFP, produce ON free gRNA on their own. This constant stream of new ON free gRNA will deny the expression of OFF free gRNA even after the original ON signal decays and will therefore hold the system in the ON state. The system will only switch into the OFF state if an external OFF signal produces an OFF free gRNA which binds to the target sites in the ON gene promoter region stopping the constant flow of ON free gRNA and replacing it by its own gene product: OFF free gRNA respectively.  
+
        <div class="collapse" id="collapseHow">
.</p>
+
             <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>Experimental Parameters</h2>
+
            <p>
                <ul class="list-group">
+
            <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">
                      <li class="list-group-item">We will try expressing GFP in the same ORF with the ON RNA construct, but because folding of the ribozymes could lead to a mRNA not capable of translation this might not work.
+
                What
</li>
+
            </a>
<li class="list-group-item">In order to balance OFF gene and ON gene products we will also test the effects of expressing two copies of the OFF RNA construct in our OFF gene.
+
        </p>
</li>
+
        <div class="collapse" id="collapseWhat">
<li class="list-group-item">We will test whether targeting the dCas9 to the coding strand or to the template strand plays a role in our system.
+
            <div class="card card-body">
</li>
+
                <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>
<li class="list-group-item">We will find out if a minimal dCas9 (a dCas9 which has its originally catalytic DNA breaking domain removed or altered in such a way it can not by back mutation become functional again) can achieve also a acceptable level of gene expression for our system to function properly.
+
                <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">
</li>
+
                    Description
<li class="list-group-item">We will use constitutive promoters with different strengths in our ON and OFF genes to find out which of them works best in our system.
+
                </a>
</li>
+
<li class="list-group-item">We will use different numbers of copies of gRNA target sites with spacers between them in the promoter regions of our ON and OFF genes to see if that correlates with the strength of repression.  
+
</li>
+
<li class="list-group-item">We will try fusing a repressor (e. g. a chromatin remodeler recruiter) to the dCas9 to further reduce promoter leakage.
+
</li>
+
                </ul>
+
            </div>
+
            <div class="col-12 col-md-4">
+
                <img src="http://via.placeholder.com/1920x1080" alt="Beispiel Bild">
+
 
             </div>
 
             </div>
 +
        </div>
 +
        </div>
 
         </div>
 
         </div>
 
     </div>
 
     </div>
     <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
     <div class="side-image">
    <!--- Card Elemente  --->
+
        <img src="https://static.igem.org/mediawiki/2018/e/e9/T--BOKU-Vienna--2018_Blatt_Site_Homepage.svg">
     <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
     </div>
     <div class="row-element">
+
     </div>    <div id="main" class="container">
        <div class="card-group">
+
      <article class="row-element"></article>
 +
      <script>
 +
          $('article').load('https://2018.igem.org/Template:BOKU-Vienna/index?action=raw&ctype=text/javascript');
 +
      </script>
 +
    </div>        <div class="card-group">
 
             <div class="card col-md-3 fly-in">
 
             <div class="card col-md-3 fly-in">
                 <img class="card-img-top" src=" http://via.placeholder.com/350x250" alt="Card image cap">
+
            <a class="cardelement" href="https://2018.igem.org/Team:BOKU-Vienna/Lab_Moments">
 +
                 <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="card-body">
 
                 <div class="card-body">
                     <h5 class="card-title">Card title</h5>
+
                     <h5 class="card-title">Our best Lab moments</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">Take a look at our lab work and other activities during our work at these project!</p>
                    <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
+
 
                 </div>
 
                 </div>
 +
            </a>
 
             </div>
 
             </div>
 
             <div class="card col-md-3 fly-in">
 
             <div class="card col-md-3 fly-in">
                 <img class="card-img-top" src=" http://via.placeholder.com/350x250" alt="Card image cap">
+
                <a class="cardelement" href="https://2018.igem.org/Team:BOKU-Vienna/Best_Videos">
 +
                 <img class="card-img-top" src="https://static.igem.org/mediawiki/2018/4/45/T--BOKU-Vienna--2018_bestfilm_landing.jpg" alt="Bestiflm Landing">
 
                 <div class="card-body">
 
                 <div class="card-body">
                     <h5 class="card-title">Card title</h5>
+
                     <h5 class="card-title">Our best videos</h5>
                     <p class="card-text">This card has supporting text below as a natural lead-in to additional content.</p>
+
                     <p class="card-text">Take a look at our video wall.</p>
                    <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
+
 
                 </div>
 
                 </div>
 +
                </a>
 
             </div>
 
             </div>
 
             <div class="card col-md-3 fly-in">
 
             <div class="card col-md-3 fly-in">
                 <img class="card-img-top" src=" http://via.placeholder.com/350x250" alt="Card image cap">
+
                 <a class="cardelement" href="https://2018.igem.org/Team:BOKU-Vienna/Newsletter">
                <div class="card-body">
+
                     <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">
                    <h5 class="card-title">Card title</h5>
+
                    <div class="card-body">
                    <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>
+
                        <h5 class="card-title">Our Newsletter Database</h5>
                     <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
+
                        <p class="card-text">Find our newsletter that we send to our sponsors during the work to inform about updates to our project.</p>
                </div>
+
            </div>
+
        </div>
+
    </div>
+
 
+
    <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
    <!--- 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>
+
 
+
    <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
    <!--- Text and Picture Left to Right --->
+
    <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
    <div class="row-element">
+
        <div class="row picture-row fly-in">
+
            <div class="col-12 col-md-8">
+
                <h2>Lorem Ipsum</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 class="col-12 col-md-4">
+
                <img src="http://via.placeholder.com/1920x1080" alt="Beispiel Bild">
+
            </div>
+
        </div>
+
        <div class="row picture-row fly-in">
+
            <div class="col-12 col-md-4">
+
                <img src="http://via.placeholder.com/1920x1080" alt="Beispiel Bild">
+
            </div>
+
            <div class="col-12 col-md-8">
+
                <h2>Lorem Ipsum</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>
+
        <div class="row picture-row fly-in">
+
            <div class="col-12 col-md-8">
+
                <h2>Lorem Ipsum</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 class="col-12 col-md-4">
+
                <img src="http://via.placeholder.com/1920x1080" alt="Beispiel Bild">
+
            </div>
+
        </div>
+
    </div>
+
 
+
    <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
    <!--- 100% Screen Slider  --->
+
    <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
    <div class="row-element">
+
        <div id="carouselExample1" class="carousel slide" data-ride="carousel">
+
            <ol class="carousel-indicators">
+
                <li data-target="#carouselExample1" data-slide-to="0" class="active"></li>
+
                <li data-target="#carouselExample1" data-slide-to="1"></li>
+
                <li data-target="#carouselExample1" data-slide-to="2"></li>
+
            </ol>
+
            <div class="carousel-inner">
+
                <div class="carousel-item active">
+
                    <img class="d-block w-100" src="http://via.placeholder.com/1920x1080" alt="First 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>
                <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>
 
             </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 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>
     </div>
+
     <footer></footer>
 
+
     <!--SMOOTH SCROLL UP-->
    <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
     <div class="scrolltop">
    <!--- Three columns of Text and Image in Row  --->
+
      <div class="scroll icon"><i class="fas fa-chevron-up"></i></div>
    <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
     </div>
    <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 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 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>
+
</div>
+
<footer>
+
     <div class="sponsor">
+
        <div class="row">
+
            <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>
+
 
+
<script type="text/javascript" src="https://2018.igem.org/Template:BOKU-Vienna/JavaScript/Bootstrap?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2018.igem.org/Template:BOKU-Vienna/JavaScript/D3?action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2018.igem.org/Template:BOKU-Vienna/JavaScript/Main?action=raw&ctype=text/javascript"></script>
+
 
+
 
</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