|
|
| (117 intermediate revisions by 5 users not shown) |
| Line 1: |
Line 1: |
| − | <!--DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">-->
| + | {{:Team:EPF_Lausanne/Top_Nav}} |
| | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> | | <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en" dir="ltr"> |
| − | <head>
| + | <body> |
| − | <style type="text/css">
| + | |
| | | | |
| − | #contentSub, #footer-box, #catlinks, #search-controls,
| + | <div class="carousel slide" id="carousel-home"> |
| − | #p-logo, .printfooter, .firstHeading, .visualClear {
| + | <div class=" carousel- inner"> |
| − | display: none;
| + | <div class="item active"> |
| − | }
| + | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/4/4b/EPF_Lausanne_Home1.png" alt="First slide"> |
| − | #globalWrapper, #content {
| + | |
| − | width: 100%; | + | |
| − | height: 100%;
| + | |
| − | border: 0px;
| + | |
| − | background-color: #161BFB;
| + | |
| − | margin: 0px;
| + | |
| − | padding: 0px;
| + | |
| − | font-size: 100%;
| + | |
| − | }
| + | |
| − | img.resize50{
| + | |
| − | max-width:50%;
| + | |
| − | max-height:50%;
| + | |
| − | }
| + | |
| − | | + | |
| − | img.resize30{
| + | |
| − | max-width:30%;
| + | |
| − | max-height:30%;
| + | |
| − | }
| + | |
| − | </style> | + | |
| − | <!--
| + | |
| − | Stone Template
| + | |
| − | http://www.templatemo.com/preview/templatemo_452_stone
| + | |
| − | -->
| + | |
| − | | + | |
| − | <!-- Latest compiled and minified CSS -->
| + | |
| − | <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
| + | |
| − |
| + | |
| − | <!-- Bootstrap Stylesheet -->
| + | |
| − | <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/Test/css/bootstrap?action=raw&ctype=text/css" type="text/css">
| + | |
| − |
| + | |
| − | <!-- FontAwesome Icons -->
| + | |
| − | <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
| + | |
| − |
| + | |
| − | <!-- Normailize Stylesheet -->
| + | |
| − | <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/Test/css/normalize?action=raw&ctype=text/css" type="text/css">
| + | |
| − | | + | |
| − | <!-- Main Styles -->
| + | |
| − | <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/Test/css/templatemo-style?action=raw&ctype=text/css" type="text/css">
| + | |
| − | | + | |
| − | <!-- Footer -->
| + | |
| − | <link rel="stylesheet" href="https://2015.igem.org/Team:EPF_Lausanne/css/footer?action=raw&ctype=text/css" type="text/css">
| + | |
| − | | + | |
| − | <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/mordernizr-2.6.2?action=raw&ctype=text/js"></script>
| + | |
| − | | + | |
| − | </head>
| + | |
| − | <body class="loading">
| + | |
| − | <!--[if lt IE 7]>
| + | |
| − | <p class="chromeframe">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> or <a href="http://www.google.com/chromeframe/?redirect=true">activate Google Chrome Frame</a> to improve your experience.</p>
| + | |
| − | <![endif]-->
| + | |
| − | | + | |
| − | <!-- HEADER -->
| + | |
| − | <div class=" site- header"> | + | |
| − | <div class="container"> | + | |
| − | <div class="row">
| + | |
| − | <nav class="navbar navbar-default navbar-static-top">
| + | |
| − | <div class="navbar-header">
| + | |
| − | <button class="navbar-toggle" type="button" data-toggle="collapse" data-target="#main-menu">
| + | |
| − | <span class="sr-only">Toggle navigation</span>
| + | |
| − | <i class="fa fa-bars"></i>
| + | |
| − | </button>
| + | |
| − | <!--<a class="navbar-brand" href="https://2015.igem.org/Team:EPF_Lausanne">Bio Logic</a>-->
| + | |
| − | <img src="https://static.igem.org/mediawiki/2015/c/cf/EPF_Lausanne_BIOLOGICblanc.png">
| + | |
| − | </div>
| + | |
| − | <div class="collapse navbar-collapse" id="main-menu">
| + | |
| − | <ul class="nav navbar-nav navbar-right">
| + | |
| − | <li><a href="https://2015.igem.org/Team:EPF_Lausanne">Home</a></li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Project <span class="caret"></span></a>
| + | |
| − | <ul class="dropdown-menu">
| + | |
| − | <li><a href="https://2015.igem.org/Team_EPF_Lausanne/Project/Background">Background</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Project/Description">Description</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Project/Applications">Applications</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Project/Modelling">Modelling</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Achievements <span class="caret"></span></a>
| + | |
| − | <ul class="dropdown-menu">
| + | |
| − | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Achievements/Vivo">In vivo</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Achievements/Silico">In silico</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Achievements/Judging">Judging</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Achievements/Parts">Parts</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Policy and Practices <span class="caret"></span></a>
| + | |
| − | <ul class="dropdown-menu">
| + | |
| − | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Policy/Ethic">Ethics</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Policy/Safety">Safety</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Policy/Human">Human Practices</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Notebook <span class="caret"></span></a>
| + | |
| − | <ul class="dropdown-menu">
| + | |
| − | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Notebook/Ecoli">E. Coli</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Notebook/Yeast">Yeast</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Notebook/Protocols">Protocols</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | <li class="dropdown">
| + | |
| − | <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Team <span class="caret"></span></a>
| + | |
| − | <ul class="dropdown-menu">
| + | |
| − | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Team/Meet">Meet us</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Timeline">Timeline</a></li>
| + | |
| − | <li><a href="https://2015.igem.org/Team:EPF_Lausanne/Team/Aknowledgements">Aknowledgements</a></li>
| + | |
| − | </ul>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </nav>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| − | </div> <!-- .site-header -->
| + | <div class="item"> |
| − | | + | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/6/60/EPF_Lausanne_Home5.png" alt="Second slide"> |
| − | | + | |
| − | <!-- SLIDER -->
| + | |
| − | <div class="site-slider">
| + | |
| − | <div class="flexslider"> | + | |
| − | <ul class="slides">
| + | |
| − | <li class="slide">
| + | |
| − | <div class="overlay"></div>
| + | |
| − | <img src="https://static.igem.org/mediawiki/2015/f/ff/EPF_Lausanne_RLC_BW.jpg" alt="">
| + | |
| − | <div class="slider-caption">
| + | |
| − | <!--<div class="title">
| + | |
| − | <h2>Find out about our project</h2>
| + | |
| − | </div>-->
| + | |
| − | <a href="https://2015.igem.org/Team:EPF_Lausanne/Project/Description" class="slider-button">Find out about our project</a>
| + | |
| − | </div>
| + | |
| − | </li>
| + | |
| − | </ul>
| + | |
| − | </div>
| + | |
| − | </div> <!-- .site-slider -->
| + | |
| − | | + | |
| − | <div id="Start" class="second-section">
| + | |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-md-8 col-centered">
| + | |
| − | <h3>Biologic Orthogonal GRNA-Implemented Circuit</h3>
| + | |
| − | <p>This summer, the EPFL iGEM team strives to pave the way for simpler implementation of digital circuits in vivo. Using the newly discovered dCas9 as a synthetic transcription factor, we aim to design biocompatible transistor-like elements. Our ultimate goal is to make cells smarters by assembling these transistors into logic gates that are both chainable and parallelizable in a homogenous logic framework.</p>
| + | |
| − | <h2>Thinking Binary</h2>
| + | |
| − | <p>Boolean Logic is the bedrock of the digital revolution. Developed by George Boole in the mid-19th century, it is based on a simple set of values: 0 (“FALSE”) or 1 (“TRUE”). Modern computers represent all forms of information using strings of the same 0s and 1s (also named “Bits”). The processing of bits is handled by logical transistors - which can be seen as electronically controllable switches. Elementary logic operation are performed using cleverly assembled transistors. Such assemblies are named “logic gates”. Gates are the bricks with which complex behaviour is produced.</p>
| + | |
| − | <h2>Biological computers</h2>
| + | |
| − | <p>Since the early 2000’s, multiple synthetic biological gates have been built, revolutionizing our ability to dictate the way organisms react to stimuli. Their applications range from intelligent biosensors to cellular therapeutics with improved in vivo targeting and curing.<br>
| + | |
| − | Unfortunately, the development of programmable cells has been hampered by difficulties in the multiplication and chaining of logic elements. This has hindered the complexification of bio-circuits as well as the automation and flexibility of their design.<br>
| + | |
| − | To overcome these limitations, an ideal in vivo logic element should be modular, reusable, and orthogonal - i.e avoiding unwanted cross-talk with its host organism as well as other elements of the engineered circuit.</p>
| + | |
| − | <h2>Cas9 Logic Gates</h2>
| + | |
| − | <p>Cas9 (CRISPR associated protein 9) is an RNA-guided DNA endonuclease that targets and cleaves any DNA sequence complementary to its guide RNA (gRNA). Our project will be based upon a derivative of this technology : catalytically “dead” Cas9 (dCas9) that lack the ability to cleave DNA. When fused to a RNA polymerase (RNAP) recruiting element (e.g. the omega subunit of RNAP in E. Coli or VP64 in eukaryotes), chimeric dCas9 can act as a programmable transcription activator. In addition, activating dCas9 may also act as a DNA transcription inhibitor: depending on its gRNA-determined binding site, it has been shown in yeasts to sterically hinder RNAP recruitment to promoter sequences.<br>
| + | |
| − | Exploiting dCas9-omega/VP64’s ambivalence, we propose the creation of gRNA-controlled switch-like elements analogous to transistors. The state of the switch would be solely dependent on the position of dCas9 relative to the promoter. The content of the gRNA-targeted sequences might therefore be designed such that each transistor is orthogonal to other logic elements. Using gRNA to make what could be seen as “biological wires”, we also hope to achieve chainability of the transistors and thus complexification of bio-circuits.</p>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| − | </div>
| + | |
| − | <div class=" fourth-section"> | + | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/4/4b/EPF_Lausanne_Home2.png" alt="Third slide"> |
| − | <div class="container">
| + | |
| − | <div class="row">
| + | |
| − | <div class="col-md-12 text-center">
| + | |
| − | <h2>Still under construction</h2>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | </div> | | </div> |
| | + | <div class="item"> |
| | + | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/9/9b/EPF_Lausanne_Home3.png" alt="Fourth slide"> |
| | + | </div> |
| | + | <div class="item"> |
| | + | <img class="img-responsive center-block" src="https://static.igem.org/mediawiki/2015/1/1a/EPF_Lausanne_Home4.png" alt="Fifth slide"> |
| | + | </div> |
| | + | </div> |
| | + | <a href="#carousel-home" class="left carousel-control" data-slide="prev"> |
| | + | <span class="icon-prev"></span> |
| | + | </a><!-- end left control --> |
| | + | <a href="#carousel-home" class="right carousel-control" data-slide="next"> |
| | + | <span class="icon-next"></span> |
| | + | </a> |
| | </div> | | </div> |
| − | <footer class="footer-distributed">
| |
| | | | |
| − | <div class="footer-left">
| |
| | | | |
| − | <img class="resize50" src="https://static.igem.org/mediawiki/2015/5/59/Logo_iGEM_w.png" alt="">
| + | <section id="features"> |
| | + | <div id="Tour-section"> |
| | + | <img src="https://static.igem.org/mediawiki/2015/f/f6/EPF_Lausanne_Home_Button.png" alt="Take a tour" usemap="#TakeTour"> |
| | | | |
| − | </div>
| + | <map name="TakeTour"> |
| − | | + | <area shape="circle" coords="162,250,105" alt="Project" href="https://2015.igem.org/Team:EPF_Lausanne/Project/Description"> |
| − | <div class="footer-center">
| + | <area shape="circle" coords="452,120,95" alt="Design" href="https://2015.igem.org/Team:EPF_Lausanne/Design"> |
| − | | + | <area shape="circle" coords="1002,160,110" alt="Results" href="https://2015.igem.org/Team:EPF_Lausanne/Results"> |
| − | <div>
| + | <area shape="circle" coords="642,360,160" alt="Tour" href="https://2015.igem.org/Team:EPF_Lausanne/Project/Description"> |
| − | <i class="fa fa-map-marker"></i>
| + | <area shape="circle" coords="962,540,105" alt="Modeling" href="https://2015.igem.org/Team:EPF_Lausanne/Modeling"> |
| − | <p><span>Route Cantonale</span> Lausanne, Suisse</p>
| + | <area shape="circle" coords="352,560,120" alt="Practices" href="https://2015.igem.org/Team:EPF_Lausanne/Practices"> |
| − | </div>
| + | <area shape="circle" coords="1154,477,50" alt="meetus" href="https://2015.igem.org/Team:EPF_Lausanne/Team/Meet"> |
| − | | + | </map> |
| − | <div>
| + | </div> |
| − | <i class="fa fa-envelope"></i>
| + | |
| − | <p><a href="mailto:iGEM2015dreamteam@groupes.epfl.ch">Contact us</a></p>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | <div class="footer-right">
| + | |
| − | | + | |
| − | <p class="footer-company-about">
| + | |
| − | <span>About us</span>
| + | |
| − | Team of a dozen biotechnology students that will attempt to change the world
| + | |
| − | </p>
| + | |
| − | | + | |
| − | <div class="footer-icons">
| + | |
| − | | + | |
| − | <a href="https://www.facebook.com/pages/IGEM-EPFL-2015/1598472927106907" target="_blank"><i class="fa fa-facebook"></i></a>
| + | |
| − | <a href="https://instagram.com/igem2015epfl/" target="_blank"><i class="fa fa-instagram"></i></a>
| + | |
| − | <a href="https://twitter.com/EPFL_iGEM/" target="_blank"><i class="fa fa-twitter"></i></a>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | </div>
| + | |
| − | | + | |
| − | </footer>
| + | |
| | | | |
| − | <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/jquery?action=raw&ctype=text/js"></script>
| + | </section> |
| − | <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/bootstrap?action=raw&ctype=text/js"></script>
| + | |
| − | <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/plugins?action=raw&ctype=text/js"></script>
| + | |
| − | <script src="https://2015.igem.org/Team:EPF_Lausanne/Test/js/main?action=raw&ctype=text/js"></script>
| + | |
| − |
| + | |
| | </body> | | </body> |
| | </html> | | </html> |
| | + | {{:Team:EPF_Lausanne/Footer}} |
