Difference between revisions of "Team:BOKU-Vienna"

 
(14 intermediate revisions by the same user not shown)
Line 17: Line 17:
 
       })
 
       })
 
     </script>
 
     </script>
    <link rel="stylesheet" href="https://2018.igem.org/Template:BOKU-Vienna/css/bootstrap.min?action=raw&ctype=text/css">
 
 
     <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/ekko-lightbox?action=raw&ctype=text/css">
    <link rel="stylesheet" href="https://2018.igem.org/Template:BOKU-Vienna/css/fa-svg-with-js?action=raw&ctype=text/css">
 
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css">
 
 
     <link rel="stylesheet" href="https://2018.igem.org/Template:BOKU-Vienna/css/styles?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>
 
     <script src="https://2018.igem.org/Template:BOKU-Vienna/js/wiki?action=raw&ctype=text/javascript"></script>
Line 34: Line 31:
  
 
    
 
    
     <header></header>    <div id="landing">
+
    <div id="top"></div>
         <div class="landing-page">
+
     <header></header>    <div id="landing-spinner">
             <div class="header">
+
         <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;">
                 <h1>Team Vienna 2018</h1>
+
             <div class="row">
                 <h2>We presenting Robocrop</h2>
+
                 <div class="col-3 spinner">
 +
                    <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>
 +
                 <div class="col-3 spinner">
 +
                    <a href="https://2018.igem.org/Team:BOKU-Vienna/Team">Team</a>
 +
                    <img src="https://static.igem.org/mediawiki/2018/5/53/T--BOKU-Vienna--2018_Team1.jpg">
 +
                </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>
 +
            <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">
 +
            <h1>Team Vienna 2018</h1>
 +
            <h2>We are presenting Robocrop</h2>
 +
        </div>
 +
    </div>    <div class="whyhowwhat-holder">
 +
    <div class="container">
 +
        <div class="row-element">
 +
        <div class="why_how_what">
 +
            <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">
 +
                    Why
 +
                </a>
 +
            </p>
 +
            <div class="collapse" id="collapseWhy">
 +
                <div class="card card-body">
 +
                    <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>
 +
            </div>
 +
        </div>
 +
        <div class="why_how_what">
 +
        <p>
 +
            <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">
 +
                How
 +
            </a>
 +
        </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 class="why_how_what">
 +
            <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">
 +
                What
 +
            </a>
 +
        </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 id="bottom-landing-overlay">
+
    </div>
            <svg id="landing-svg">
+
    <div class="side-image">
         </svg></div>
+
         <img src="https://static.igem.org/mediawiki/2018/e/e9/T--BOKU-Vienna--2018_Blatt_Site_Homepage.svg">
 +
    </div>
 
     </div>    <div id="main" class="container">
 
     </div>    <div id="main" class="container">
 
       <article class="row-element"></article>
 
       <article class="row-element"></article>
Line 49: Line 132:
 
           $('article').load('https://2018.igem.org/Template:BOKU-Vienna/index?action=raw&ctype=text/javascript');
 
           $('article').load('https://2018.igem.org/Template:BOKU-Vienna/index?action=raw&ctype=text/javascript');
 
       </script>
 
       </script>
     </div>   <div class="row-element">
+
     </div>       <div class="card-group">
        <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>
+
        <script>
+
            $('#row-image-1').css("background", "url('/images/landing.svg') fixed no-repeat");
+
            $('#row-image-1').css("background-size", "cover");
+
        </script>
+
    </div>    <div class="row-element">
+
        <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>
 +
                 </a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
     </div>    <footer></footer>
+
     <footer></footer>
 
     <!--SMOOTH SCROLL UP-->
 
     <!--SMOOTH SCROLL UP-->
 
     <div class="scrolltop">
 
     <div class="scrolltop">
       <div class="scroll icon"><i class="fa fa-4x fa-angle-up"></i></div>
+
       <div class="scroll icon"><i class="fas fa-chevron-up"></i></div>
     </div>   <div class="visualClear"></div>
+
     </div>
 
+
 
</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