Difference between revisions of "Team:IONIS Paris/Practices"
(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | {{IONIS_Paris}} | + | {{IONIS_Paris/JS}} |
− | + | {{IONIS_Paris-testcss}} | |
− | < | + | <html lang="en"> |
+ | <head> | ||
+ | <meta charset="UTF-8" /> | ||
+ | <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> | ||
+ | <title >IONIS Paris</title> | ||
− | < | + | <!-- Google fonts --> |
− | < | + | <link href='http://fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'> |
− | + | ||
− | < | + | <!-- font awesome --> |
− | < | + | <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css" rel="stylesheet"> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | <!-- favicon --> | ||
+ | <link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon"> | ||
+ | <link rel="icon" href="images/favicon.ico" type="image/x-icon"> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | + | </head> | |
− | + | ||
+ | <body> | ||
+ | <div class="topbar animated fadeInLeftBig"></div> | ||
− | < | + | <!-- BANNER --> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | <div class="banner row" id="banner" style="width:101%"> |
+ | <div class="parallax text-center" style="background-image: url(https://static.igem.org/mediawiki/2015/1/18/Labo11-page1.jpg);"> | ||
+ | <div class="parallax-pattern-overlay"> | ||
+ | <div class="container text-center" style="height:580px;padding-top:200px;"> | ||
+ | <h1 class="intro wow zoomIn" wow-data-delay="0.4s" wow-data-duration="0.9s" style="font-family:sans-serif; color:#B00000 " >Human Practices</h1> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
− | |||
− | < | + | <!--https://static.igem.org/mediawiki/2015/1/18/Labo11-page1.jpg--> |
+ | <!--img src="https://static.igem.org/mediawiki/2015/3/34/Image-169-vert.jpg" alt="banner"--> | ||
+ | |||
+ | <!-- DESCRIPTION --> | ||
− | <p> | + | |
+ | <div id="about" class="container spacer about"> | ||
+ | <h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big>IN CONSTRUCTION</big></h2> | ||
+ | <!--h2 class="text-center wowload fadeInUp" style="color:#ff0000"><big>Integrated Human Practices</big></h2--> | ||
+ | <!--Introduction--> | ||
+ | <h4><i class="fa fa-ils"style="color:#b22222"></i> Introduction </h4> | ||
+ | <!--p align="justify">The Bio-console is a project developed to make science accessible for all and design for all. | ||
+ | In this way the safety of the project is one of the most important part. | ||
+ | Make sure that the bacteria are not able to be release in nature. | ||
+ | To be sure that any bacteria are able to leave the game different measure have been taken; a kill-swirch, a killing-liposome and a hermetic microfluidic chip. | ||
+ | </p--> | ||
+ | <!--Kill Switch --> | ||
+ | <h3 align="center">Poularization of Biology</h3> | ||
+ | <!--div class="row"> | ||
+ | <div class="col-sm-6 wowload fadeInLeft"> | ||
+ | <h4><i class="fa fa-question"style="color:#b22222"></i>Why do we chose a kill Switch ?</h4> | ||
+ | <p align="justify"> A kill switch is a <font style="color:#66cdaa"><b>genetically-encoded suicide trigger</b></font>. | ||
+ | This trigger can be a change in the environment which will make the organism’s life dependent on it. | ||
+ | In our project, the change will be the presence or not of light. | ||
+ | That is very interesting as we could create a game over in our Bio Console, once we trigger the bacteria’s death through light. | ||
+ | Moreover, our team is really concerned about<font style="color:#66cdaa"> BioSafety</font>. | ||
+ | It is important for us to avoid any possibility of escaping from our microfluidic chip. | ||
+ | The Kill switch would permit to contain our genetically modified bacteria into the chip through lethality.</p> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-6 wowload fadeInRight"> | ||
+ | <h4><i class="fa fa-times"style="color:#b22222"></i>How we design it </h4> | ||
+ | <p align="justify">So we aim to construct an efficient kill-switch triggering by light based on the <font style="color:#66cdaa"><b>pDawn & pDusk - Toxin systems</b></font>. | ||
+ | In this way we will construct two different parts. | ||
+ | The first one will be composed of pDawn and <font style="color:#66cdaa"><b>holin/endolysin</b>.</font> | ||
+ | Toxins will be produced after light stimulation and induce lysis. | ||
+ | The second part will be composed of pDusk and endolysin/holin complex, this will lead to the cell lysis when the bacteria won’t be exposed to light. | ||
+ | This second part will be more difficult to characterized indeed all steps before characterization of the plasmid as plasmid amplification will have to be under light. </p> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | |||
+ | |||
+ | </div--> | ||
+ | |||
+ | <!-- Liposome --> | ||
+ | <h3 align="center">Education and Public Engagement</h3> | ||
+ | <!--div class="row"> | ||
+ | <div class="col-sm-6 wowload fadeInLeft"> | ||
+ | <h4><i class="fa fa-question"style="color:#b22222"></i>Why do we chose a photoactivable liposome ?</h4> | ||
+ | <p align="justify">In our Bio-Console, the gameover is based on the death of the bacteria and then the lose of fluorescence. | ||
+ | For this we have to find an efficient system that will kill the fastest our bacteria. | ||
+ | In this way we have introduce a<font style="color:#66cdaa"><b> photosensible liposome </b></font>containing toxins. | ||
+ | The liposome opening trigger by light allows relase of toxins and the fast death of bacteria. | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-6 wowload fadeInRight"> | ||
+ | <h4><i class="fa fa-times"style="color:#b22222"></i>How we aim to design it </h4> | ||
+ | <p align="justify"> The light-triggerable liposome will be made with photo-polymerizable phospholipid. | ||
+ | It will contain <font style="color:#66cdaa"><b>toxins</b></font> previously synthesized by resistant engineered bacteria. | ||
+ | The liposome will be locked up in a bubble with our bacteria. | ||
+ | In this way when a bright flash will appear, it will activate the liposome opening and release toxins. | ||
+ | Finally toxins will quickly eliminate our bacteria, which will lose his fluorescence. | ||
+ | </p> | ||
+ | </div> | ||
+ | |||
+ | </div--> | ||
+ | |||
+ | |||
+ | |||
+ | </div> | ||
− | </div> | + | |
+ | <!-- HIGHLIHT INFO --> | ||
+ | <div class="highlight-info"> | ||
+ | <div class="overlay spacer"> | ||
+ | <div class="container" > | ||
+ | <div class="row text-center wowload fadeInDownBig"> | ||
+ | <CENTER> | ||
+ | <div class="col-sm-3 col-xs-6"> | ||
+ | <i class="fa fa-male fa-5x"></i><h4>Human Practices</h4> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-3 col-xs-6"> | ||
+ | <i class="fa fa-share-alt fa-5x"></i><h4>Share</h4> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-3 col-xs-6"> | ||
+ | <i class="fa fa-graduation-cap fa-5x"></i><h4>Education</h4> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-3 col-xs-6"> | ||
+ | <i class="fa fa-users fa-5x"></i><h4>Engagement</h4> | ||
+ | </div> | ||
+ | </CENTER> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- div boxes --> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!--BOXES --> | ||
+ | <!-- works --> | ||
+ | <div id="works" class=" clearfix grid"> | ||
+ | <figure class="effect-oscar wowload fadeInUp"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/3/34/Wii.jpg" alt="img01"/> | ||
+ | |||
+ | <figcaption> | ||
+ | <h2>Bio-Console</h2> | ||
+ | <p>Our reality game using bacteria<br> | ||
+ | <a href="https://2015.igem.org/Team:IONIS_Paris/Project" >View more</a></p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | |||
+ | <!--https://static.igem.org/mediawiki/2015/c/c2/Schema1_IONIS.png--> | ||
+ | |||
+ | <!--https://static.igem.org/mediawiki/2015/thumb/9/93/Notebook.jpg/600px-Notebook.jpg--> | ||
+ | <figure class="effect-oscar wowload fadeInUp"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/thumb/b/b1/Optogenetics.jpg/800px-Optogenetics.jpg" alt="team"/> | ||
+ | <figcaption> | ||
+ | <h2>OPTOGENETICS</h2> | ||
+ | <p>Our scientific core of the project<br> | ||
+ | <a href="https://2015.igem.org/Team:IONIS_Paris/Project/Optogenetics" >View more</a></p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | |||
+ | <figure class="effect-oscar wowload fadeInUp"> | ||
+ | <img src="https://static.igem.org/mediawiki/2015/1/18/GRID.jpg" alt="team"/> | ||
+ | <figcaption> | ||
+ | <h2>MICROFLUIDICS</h2> | ||
+ | <p>Our challenge in achieving the Bio-console<br> | ||
+ | <a href="https://2015.igem.org/Team:IONIS_Paris/Project/Microfluidics" >View more</a></p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | |||
+ | |||
+ | </div> | ||
+ | |||
+ | <br> | ||
+ | <br> | ||
+ | <!-- The Bootstrap Image Gallery lightbox, should be a child element of the document body --> | ||
+ | <div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls"> | ||
+ | <!-- The container for the modal slides --> | ||
+ | <div class="slides"></div> | ||
+ | <!-- Controls for the borderless lightbox --> | ||
+ | <h3 class="title">Title</h3> | ||
+ | <a class="prev">‹</a> | ||
+ | <a class="next">›</a> | ||
+ | <a class="close">×</a> | ||
+ | <!-- The modal dialog, which will be used to wrap the lightbox content --> | ||
+ | </div> | ||
+ | |||
+ | |||
+ | |||
+ | <!-- UP HOME --> | ||
+ | |||
+ | <a href="#banner" class="gototop "><i class="fa fa-chevron-circle-up fa-3x"></i></a> | ||
+ | |||
+ | |||
+ | </body> | ||
</html> | </html> | ||
+ | |||
+ | |||
+ | {{IONIS_Paris-menu}} | ||
+ | {{IONIS_Paris/FootPage}} |
Revision as of 12:58, 28 August 2015
IN CONSTRUCTION
Introduction
Poularization of Biology
Education and Public Engagement