|
|
Line 1: |
Line 1: |
| {{Paris_Bettencourt}} | | {{Paris_Bettencourt}} |
− | <html>
| |
| | | |
| | | |
| + | <!DOCTYPE html> |
| + | <html> |
| + | <head> |
| + | <meta name="viewport" content="width=device-width, initial-scale=1"> |
| + | <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"/> |
| + | <link rel="stylesheet" type="text/css" href="css/animate.css"/> |
| + | <link rel="stylesheet" type="text/css" href="css/index2.css"/> |
| + | <link href='http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900' rel='stylesheet' type='text/css'> |
| + | <link rel="stylesheet" type="text/css" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css"> |
| + | </head> |
| + | <body> |
| + | <div class=container-fluid> |
| + | <nav class="row top-menu"> |
| + | <div class="col-md-4 home-link"><a href="index.html"><i class="fa fa-home fa-3" aria-hidden="true"></i></a></div> |
| + | <div class="col-md-8"> |
| + | <ul class=" text-left wtf-menu pull-right "> |
| + | <li class="parent main-item"><a href="#">Project</a> |
| + | <ul class="submenu"> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Overview">Overview</a></li> |
| + | <li><a id="exception" href="https://2017.igem.org/Team:Paris_Bettencourt/Transmembrane_Proteins">Transmembrane Proteins</a></li> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Proteins_Caging">Proteins Caging</a></li> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Logic_Circuit">Logic Circuit</a></li> |
| + | <li class="parent"><a href="https://2017.igem.org/Team:Paris_Bettencourt/Biomaterials">Biomaterials</a> |
| + | <ul class="submenu"> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Biomaterials#PHA">PHA</a></li> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Biomaterials#Calcium">Calcium Carbonate</a></li> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Biomaterials#Polysilicate">Polysilicate</a></li> |
| + | </ul> |
| + | </li> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/RNA">RNA</a></li> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Hardware">Hardware</a></li> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Measurement">Measurement</a></li> |
| + | </ul> |
| + | </li> |
| + | <li class="parent main-item"><a href="https://2017.igem.org/Team:Paris_Bettencourt/Model">Modeling</a> |
| + | <ul class="submenu"> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Model#RNA">RNA</a></li> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Model#Proteins">Proteins</a></li> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Model#Promoters">Promoters</a></li> |
| + | </ul> |
| + | </li> |
| + | <li class="parent main-item"><a href="#">Achievements</a> |
| + | <ul class="submenu"> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Medal_Criteria">Medal Criteria</a></li> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Results">Results</a></li> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Contribution">Contributions</a></li> |
| + | </ul> |
| + | </li> |
| + | <li class="parent main-item"><a href="#">Human Practices</a> |
| + | <ul class="submenu"> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/HP/Silver">Silver HP</a></li> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/HP/Gold_Integrated">Gold & HP</a></li> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Engagement">Public Engagement</a></li> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Safety">Safety</a></li> |
| + | </ul> |
| + | </li> |
| + | <li class="parent main-item"><a href="#">Notebook</a> |
| + | <ul class="submenu"> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Lab_Notebook">Lab Book</a></li> |
| + | </ul> |
| + | </li> |
| + | <li class="parent main-item"><a href="#">Parts</a> |
| + | <ul class="submenu"> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Improve">Improved Part</a></li> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Basic_Part">Basics Parts</a></li> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Composite_Part">Composite Parts</a></li> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Part_Collection">Parts Collection</a></li> |
| + | |
| + | </ul> |
| + | </li> |
| + | <li class="parent main-item"><a href="#">Team</a> |
| + | <ul class="submenu"> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Team">Team Members</a></li> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Collaborations">Collaborations</a></li> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Attributions">Attributions</a></li> |
| + | <li><a href="https://2017.igem.org/Team:Paris_Bettencourt/Sponsors">Sponsors</a></li> |
| + | </ul> |
| + | </li> |
| + | </ul> |
| + | </div> |
| + | |
| + | </nav> |
| | | |
− | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | + | <section class="page-header row"> |
− | <link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'> | + | <div class="col-md-12" id="u1570" ><!-- image --> |
− | <style type="text/css">
| + | <img class="logo" src="images/logo-medusa.png" /> |
− | | + | </div> |
− | #header {
| + | |
− | width: 100%;
| + | |
− | align-content: center;
| + | |
− | text-align: center;
| + | |
− | background-image : url("https://static.igem.org/mediawiki/2017/9/93/PB_eiffeltower.jpeg");
| + | |
− | background-attachment: fixed;
| + | |
− | background-position : center;
| + | |
− | background-repeat : no-repeat;
| + | |
− | background-size : cover;
| + | |
− | background-color : rgb(200,200,200);
| + | |
− | height: 100vh;
| + | |
− | }
| + | |
− | | + | |
− | #headerimg {
| + | |
− | width : 100%;
| + | |
− | | + | |
− | }
| + | |
− | h1 {
| + | |
− | text-align : center;
| + | |
− | }
| + | |
− | h2 {
| + | |
− | text-align : center;
| + | |
− | }
| + | |
− | #description {
| + | |
− | width : 25%;
| + | |
− | margin-left : 37.5%;
| + | |
− | text-align : center;
| + | |
− | }
| + | |
− | #projectdescription {
| + | |
− | margin-top : 100px;
| + | |
− | width : 100%;
| + | |
− | text-align : center;
| + | |
− | position : relative;
| + | |
− | min-height : 500px;
| + | |
− | z-index : 50;
| + | |
− | }
| + | |
− | #project1 {
| + | |
− | position : absolute;
| + | |
− | width : 15%;
| + | |
− | margin-left : 13.75%;
| + | |
− | float : left;
| + | |
− | }
| + | |
− | #project2 {
| + | |
− | position : absolute;
| + | |
− | width : 15%;
| + | |
− | margin-left : 42.5%;
| + | |
− | float : left;
| + | |
− | }
| + | |
− | #project3 {
| + | |
− | position : absolute;
| + | |
− | width : 15%;
| + | |
− | margin-left : 71.25%;
| + | |
− | float : left;
| + | |
− | }
| + | |
− | .logo {
| + | |
− | pading : auto;
| + | |
− | }
| + | |
− | .logosubp {
| + | |
− | display : none;
| + | |
− | margin : auto;
| + | |
− | z-height : 50 !important;
| + | |
− | }
| + | |
− | .logosubpinerte {
| + | |
− | display : block;
| + | |
− | margin : auto;
| + | |
− | z-height : 50 !important;
| + | |
− | | + | |
− | }
| + | |
− | .logo:hover .logosubp {
| + | |
− | display : block;
| + | |
− | }
| + | |
− | .logo:hover .logosubpinerte {
| + | |
− | display : none;
| + | |
− | }
| + | |
− | | + | |
− | | + | |
− | </style>
| + | |
− | | + | |
− | | + | |
− | <div id="header"></div>
| + | |
− | | + | |
− | <!--<img id="headerimg" src="https://static.igem.org/mediawiki/2017/d/d7/Header-logo.gif" style="width:900px; margin:0 auto;">--> | + | |
− | | + | |
− | <body> | + | |
| | | |
− | <h1>Medusa</h1> | + | </section> |
− | <h2>Bringing control to the 3rd Dimension</h2> | + | <section class="page-content row"> |
− | <p id="description">We believe that biology is something that should be shared. That’s why we went to talk to the DIY biohacking community to connect to citizen scientists and anyone who just loved biology. With their help, we decided to make a microbial 3D printer, an accessible multifunctional and synthetic biology tool.</p> | + | <div class="row"> |
| + | <div class="col-md-12"> |
| + | <h1> |
| + | <p>BRINING CONTROL TO THE </p> |
| + | <p>THIRD DIMENSION</p> |
| + | |
| + | </h1> |
| + | |
| + | </div> |
| + | </div> |
| + | <div class="row"> |
| + | <div class="col-md-12"> |
| + | |
| + | <div class="disclamer"> |
| + | <p> |
| + | <strong>Proof of concept - 3D printer: </strong> |
| + | |
| + | by creating a printer, it is a clear and easily quantified way to validate our 3D controls. |
| + | It also allowed us to engineer biomaterials that would be compatible and useful in |
| + | biotech. We also optimised production by creating local concnetrations of enzymes in |
| + | |
| + | the RNA organelles. |
| + | </p> |
| + | </div> |
| + | </div> |
| + | </div> |
| + | <div class="row"> |
| + | <div class="col-md-6 text-right"> |
| + | <iframe width="560" height="315" src="https://www.youtube.com/embed/HyrWd_gfQNQ" frameborder="0" allowfullscreen></iframe> |
| + | </div> |
| + | <div class="col-md-6 text-block" > |
| + | <p> |
| + | By creating logic circuits with |
| + | photo sensitive proteins, we |
| + | <strong>control and study cells in 3D.</strong> |
| + | </p> |
| + | </div> |
| + | </div> |
| + | <div class="row cat-menu"> |
| + | <div class="col-md-4 cat-menu-item"> |
| + | <a href="project-1.html" > |
| + | <img src="images/animacion-picto-bm.gif?crc=246350070" alt="" /> |
| + | </a> |
| + | <h2><p>Biomaterials</p></h2> |
| + | <p>Three different biomaterials with differing/distinct properties were developed on: Calcium Carbonate, Polysilicate and Ph3B. Each material has unique properties and differing applications, allowing for a broad spectrum of fields that the 3D printer belongs to.</p> |
| + | </div> |
| + | <div class="col-md-4 cat-menu-item"> |
| + | <a href="project-2.html" > |
| + | <img src="images/animacion-picto-opto.gif?crc=242435740" alt="" width="150" height="150"/> |
| + | </a> |
| + | <h2><p>Light control</p></h2> |
| + | <p>Optogenetics allows fully reversible control of gene expression in both time and space. Both photosensory transmembrane proteins as well as photoswitchable protein caging were developed to expand the existing library of optogenetic tools.</p> |
| + | </div> |
| + | <div class="col-md-4 cat-menu-item"> |
| + | <a href="project-3.html" > |
| + | <img src="images/animacion-picto-rna.gif?crc=297139977" alt="" width="150" height="150"/> |
| + | </a> |
| + | <h2><p> RNA Agglomerations</p></h2> |
| + | <p>RNA is a light cost nucleotide material in the cell, which has potential to act as a scaffold and transporter. We aim to recreate RNA agglomerations as formed in mammalian cells with triple repeat disorders, which show liquid phase separation, forming a organelle-like vesicle, where local concentrations of enzymes can be created.</p> |
| + | </div> |
| + | </div> |
| + | |
| | | |
− | <div id="projectdescription"> | + | </section> |
− | <div id="project1"><div class="logo">
| + | <section class="page-footer row"> |
− | <img class="logosubpinerte" src="https://static.igem.org/mediawiki/2017/9/9f/LogobiomatPB.png"><img class="logosubp" src="https://static.igem.org/mediawiki/2017/d/d8/BiomatlogoPB.gif"></div><h6>Biomaterials</h6>Three different biomaterials with differing/distinct properties were developed on: Calcium Carbonate, Polysilicate and P3HB. Each material has unique properties and differing applications, allowing for a broad spectrum of fields that the 3D printer belongs to.</div>
| + | <div class="col-md-2"> |
− | <div id="project2"><div class="logo">
| + | <a href="https://2017.igem.org/Team:Paris_Bettencourt"> |
− | <img class="logosubpinerte" src="https://static.igem.org/mediawiki/2017/b/bc/LogolaserPB.png"><img class="logosubp" src="https://static.igem.org/mediawiki/2017/8/87/LaserlogoPB.gif"></div><h6>Light control</h6>Optogenetics allows fully reversible control of gene expression in both time and space. Both photosensory transmembrane proteins as well as photoswitchable protein caging were developed to expand the existing library of optogenetic tools.</div>
| + | <img src="images/pb-logo.png" height="90px" class=" b-error"> |
− | <div id="project3"><div class="logo">
| + | </a> |
− | <img class="logosubpinerte" src="https://static.igem.org/mediawiki/2017/2/28/LogoRNAPB.png"><img class="logosubp" src="https://static.igem.org/mediawiki/2017/e/ec/RNAtlogoPB.gif"></div><h6>RNA Agglomerations</h6>RNA is a light cost nucleotide material in the cell, which has potential to act as a scaffold and transporter. We aim to recreate RNA agglomerations as formed in mammalian cells with triple repeat disorders, which show liquid phase separation, forming a organelle-like vesicle, where local concentrations of enzymes can be created.</div>
| + | </div> |
− | </div> | + | <div class="col-md-2"> |
| + | <a href="https://2017.igem.org/Main_Page"> |
| + | <img src="https://static.igem.org/mediawiki/2017/b/bc/PB_footeriGEMofficial.png" height="90px" class=" b-error"> |
| + | </a> |
| + | </div> |
| + | <div class="col-md-3"> |
| + | <a href="http://www.fondationbs.org/"> |
| + | <img src="images/fb-logo.png" height="90px" class=" b-error"> |
| + | </a> |
| + | </div> |
| + | <div class="col-md-1"></div> |
| + | <div class="col-md-3"> |
| + | <p>Centre for Research and Interdisciplinarity (CRI)<br> |
| + | Faculty of Medicine Cochin Port-Royal, South wing, 2nd floor<br> |
| + | Paris Descartes University<br> |
| + | 24, rue du Faubourg Saint Jacques<br> |
| + | 75014 Paris, France<br> </p> |
| + | <img src="https://static.igem.org/mediawiki/2017/7/74/PB_footeremail.png" height="10px" class=" b-error"> <a href="mailto:bettencourt.igem2017@gmail.com">bettencourt.igem2017@gmail.com</a> |
| + | </div> |
| + | <div class="col-md-1"></div> |
| + | </section> |
| | | |
− | </body>
| |
| | | |
| + | </div> |
| + | </body> |
| + | <script src="./scripts/bacteries.js"></script> |
| </html> | | </html> |
− | {{Paris_Bettencourt/footer}}
| |