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

m (Bhofmann moved page Team:BOKU-Vienna/InterLab to Team:BOKU-Vienna/InterLabOld: Your WIKI IS BEHINDERT)
 
(One intermediate revision 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 class="sub-page"> <header></header>
  
</html>
 
  
{{BOKU-Vienna/Html/Header}}
+
        <div class="landing-sub-page" id="top" style="background: url(https://static.igem.org/mediawiki/2018/e/ee/T--BOKU-Vienna--2018_interlab-landing.jpg) fixed no-repeat center; background-size: cover;">
 
+
             <div class="header">
<html>
+
                 <h2>Interlab</h2>
 
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<!--- Content of the page  --->
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
<div id="landing">
+
    <div class="landing-page">
+
        <div class="header">
+
            <h1>Interlab Study</h1>
+
            <h2>Our Procedure and our Results</h2>
+
        </div>
+
    </div>
+
    <div id="bottom-landing-overlay">
+
        <svg id="landing-svg"></svg>
+
    </div>
+
</div>
+
 
+
<div class="container">
+
 
+
<!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
    <!--- 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>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>
            <div class="col-12 col-md-4">
+
         </div>   <div id="main" class="container">
                <img src="http://via.placeholder.com/1920x1080" alt="Beispiel Bild">
+
      <article class="row-element"></article>
            </div>
+
      <script>
         </div>
+
          $('article').load('https://2018.igem.org/Template:BOKU-Vienna/Interlab?action=raw&ctype=text/javascript');
        <div class="row picture-row fly-in">
+
      </script>
            <div class="col-12 col-md-4">
+
     </div>   <footer></footer>
                <img src="http://via.placeholder.com/1920x1080" alt="Beispiel Bild">
+
     <!--SMOOTH SCROLL UP-->
            </div>
+
     <div class="scrolltop">
            <div class="col-12 col-md-8">
+
      <div class="scroll icon"><i class="fas fa-chevron-up"></i></div>
                <h2>Function</h2>
+
     </div>  </div>
                <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.
+
 
.</p>
+
            </div>
+
        </div>
+
        <div class="row picture-row fly-in">
+
            <div class="col-12 col-md-8">
+
                <h2>Experimental Parameters</h2>
+
                <ul class="list-group">
+
                      <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.
+
</li>
+
<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.
+
</li>
+
<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.
+
</li>
+
<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.
+
</li>
+
<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.
+
</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>
+
    <!------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------->
+
    <!--- 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 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 card has supporting text below as a natural lead-in to additional content.</p>
+
                    <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></p>
+
                </div>
+
            </div>
+
            <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 card has even longer content than the first to show that equal height action.</p>
+
                    <p class="card-text"><small class="text-muted">Last updated 3 mins ago</small></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 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 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 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:06, 18 October 2018


Interlab