Difference between revisions of "Team:Paris Bettencourt"
| (172 intermediate revisions by 3 users not shown) | |||
| Line 1: | Line 1: | ||
{{Paris_Bettencourt}} | {{Paris_Bettencourt}} | ||
| + | |||
<html> | <html> | ||
| Line 5: | Line 6: | ||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> | ||
| − | |||
<style type="text/css"> | <style type="text/css"> | ||
| − | |||
<style> | <style> | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
#content { | #content { | ||
width: 100%; | width: 100%; | ||
| − | padding: 15px; | + | padding-top : 15px; |
border: none; | border: none; | ||
color: black; | color: black; | ||
| Line 39: | Line 22: | ||
} | } | ||
| − | + | .neant { | |
| − | + | height : 65px; | |
| − | . | + | width : 100%; |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | |||
section.page-header { | section.page-header { | ||
| − | + | ||
margin-bottom: 35px; | margin-bottom: 35px; | ||
| − | |||
} | } | ||
| − | .page-header . | + | .page-header .logomedusa { |
| − | width: | + | width: 370px; |
| + | margin-top : 60px; | ||
position: absolute; | position: absolute; | ||
left: 50%; | left: 50%; | ||
| − | margin-left: - | + | margin-left: -185px !important; /* 50% of your logo width */ |
display: block; | display: block; | ||
z-index:99; | z-index:99; | ||
} | } | ||
#u1570{ | #u1570{ | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| + | height:600px; | ||
} | } | ||
| − | + | #description { | |
| − | + | width : 25%; | |
| − | + | margin-left : 37.5%; | |
| − | + | text-align : center; | |
| − | + | overflow : visible; | |
| − | + | ||
| − | + | ||
} | } | ||
| − | + | #projectdescription { | |
| − | + | margin-top : 100px; | |
| − | + | width : 100%; | |
| + | text-align : center; | ||
| + | position : relative; | ||
| + | min-height : 500px; | ||
| + | overflow : visible; | ||
} | } | ||
| − | + | #projectdescription h4 { | |
| − | + | text-align : center; | |
| − | + | text-indent : 0px; | |
| − | + | overflow : visible; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | #project1 { | |
| − | + | position : absolute; | |
| − | + | width : 20%; | |
| + | float : left; | ||
| + | overflow : visible; | ||
} | } | ||
| − | + | #project2 { | |
| − | + | position : absolute; | |
| − | + | max-width : 20%; | |
| + | margin-left : 26.66%; | ||
| + | float : left; | ||
| + | overflow : visible !important; | ||
} | } | ||
| − | + | #project3 { | |
| − | + | position : absolute; | |
| − | + | width : 20%; | |
| − | + | margin-left : 53.333%; | |
| − | + | float : left; | |
| − | + | overflow : visible; | |
| − | + | z-index : 49; | |
| − | + | ||
| − | + | ||
} | } | ||
| − | + | #project4 { | |
| − | + | position : absolute; | |
| − | + | width : 20%; | |
| − | + | margin-left : 80%; | |
| − | + | float : left; | |
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | .logo { | |
| − | + | padding : auto; | |
| − | + | overflow : visible; | |
| − | + | ||
| − | + | ||
} | } | ||
| − | + | .logosubp { | |
| − | . | + | display : none; |
| − | + | margin : auto; | |
| + | overflow : visible; | ||
} | } | ||
| − | + | .logosubpinerte { | |
| − | + | display : block; | |
| − | + | margin : auto; | |
| − | + | overflow : visible; | |
| − | . | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | .logo:hover .logosubp { | |
| − | + | display : block; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | .logo:hover .logosubpinerte { | |
| − | + | display : none; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | .text4 video { | |
| − | + | margin : 0 auto; | |
| − | + | display : block; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | + | #maintitle { | |
| − | + | font-family : "Avenir", Lato, sans-serif; | |
| − | + | ||
} | } | ||
| − | + | #blockverticalcenter { | |
| − | + | display : table; | |
| − | + | text-align : center; | |
| + | vertical-align : middle; | ||
| + | padding : 0 auto; | ||
} | } | ||
| − | + | #blockverticalcenter p { | |
| − | + | display : table-cell; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | #block1 { | |
| − | + | display : flex !important; | |
| − | + | vertical-align : middle !important; | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
| + | </style> | ||
| − | + | <body> | |
| − | + | <div class=neant></div> | |
| − | + | <section class=page-header> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | <section class= | + | |
<div class="col-md-12" id="u1570" ><!-- image --> | <div class="col-md-12" id="u1570" ><!-- image --> | ||
| − | <img class=" | + | <img class="logomedusa" src="/wiki/images/thumb/0/00/Logo-medusa.png/599px-Logo-medusa.png" /> |
</div> | </div> | ||
</section> | </section> | ||
| − | + | <div class=textbody> | |
| − | + | <h1 id=maintitle>BRINGING CONTROL TO THE</br>THIRD DIMENSION</h1> | |
| − | + | <div class=text4 id=block1> | |
| − | + | <div class=text4left><video width="560" height="315" controls><source src="https://static.igem.org/mediawiki/2017/7/7e/PB_MedusaTrailer.mp4" type="video/mp4"></source></video></div> | |
| − | + | <div class=text4right id=blockverticalcenter>By creating logic circuits with photo sensitive proteins, we <b>control and study cells in 3D.</b></div> | |
| − | + | </div> | |
| − | + | ||
| − | + | <div class=text1><b>Proof of concept - 3D printer: </b> | |
| − | + | 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. | |
| − | + | </div> | |
| − | + | <div id="projectdescription"> | |
| − | + | <div id="project1"><div class="logo"> | |
| − | + | <a href="https://2017.igem.org/Team:Paris_Bettencourt/Biomaterials"><img class="logosubpinerte" src="https://static.igem.org/mediawiki/2017/2/2c/RocheinertePB.png"><img class="logosubp" src="https://static.igem.org/mediawiki/2017/6/61/RochePB.gif"></div><h2>Biomaterials</div></a> | |
| − | + | <div id="project2"><div class="logo"> | |
| − | + | <a href="https://2017.igem.org/Team:Paris_Bettencourt/Transmembrane_Proteins"><img class="logosubpinerte" src="https://static.igem.org/mediawiki/2017/5/51/LaserinertePB.png"><img class="logosubp" src="https://static.igem.org/mediawiki/2017/a/ad/LaserPB.gif"></div><h2>Membrane Photoreceptor</h2></a></div> | |
| − | + | <div id="project3"><div class="logo"> | |
| − | + | <a href="https://2017.igem.org/Team:Paris_Bettencourt/RNA"><img class="logosubpinerte" src="https://static.igem.org/mediawiki/2017/1/17/GifRNAinertePB.png"><img class="logosubp" src="https://static.igem.org/mediawiki/2017/5/53/GifRNAPB.gif"></div><h2>RNA Organelle</h2></div></a> | |
| − | + | <div id="project4"><div class="logo"> | |
| − | + | <a href="https://2017.igem.org/Team:Paris_Bettencourt/Proteins_Caging"><img class="logosubpinerte" src="https://static.igem.org/mediawiki/2017/c/c5/GifdrompainertePB.png"><img class="logosubp" src="https://static.igem.org/mediawiki/2017/e/e7/GifdrompaPB.gif"></div><h2>Proteins Photocaging</h2></div></a> | |
| − | + | </div> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
</div> | </div> | ||
</body> | </body> | ||
| − | |||
| − | |||
| − | + | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | // | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | // | + | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| + | <script> | ||
(function(){ | (function(){ | ||
| − | var BACTERIE_COUNT = | + | var BACTERIE_COUNT = 100; |
var colors = ['#062D75', '#E8292F']; | var colors = ['#062D75', '#E8292F']; | ||
var bacteries = []; | var bacteries = []; | ||
| Line 528: | Line 252: | ||
return Math.floor((Math.random() * 360) + 1); | return Math.floor((Math.random() * 360) + 1); | ||
} | } | ||
| − | this.getPosition = function(max){ | + | this.getPosition = function(max, padding){ |
| − | return Math.floor((Math.random() * max) + | + | return Math.floor((Math.random() * max) + padding); |
} | } | ||
this.setPosition = function(container){ | this.setPosition = function(container){ | ||
Object.assign(this.element.style, { | Object.assign(this.element.style, { | ||
| − | top: this.getPosition(container. | + | top: this.getPosition(container.clientHeight-this.width, 70) +'px', |
| − | left: this.getPosition(container. | + | left: this.getPosition(container.clientWidth-this.width, 1) +'px', |
}); | }); | ||
} | } | ||
| Line 568: | Line 292: | ||
</script> | </script> | ||
| − | |||
</html> | </html> | ||
| − | |||
{{Paris_Bettencourt/footer}} | {{Paris_Bettencourt/footer}} | ||
Latest revision as of 17:20, 12 December 2017
BRINGING CONTROL TO THETHIRD DIMENSION
By creating logic circuits with photo sensitive proteins, we control and study cells in 3D.
Proof of concept - 3D printer:
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.
Biomaterials
Membrane Photoreceptor
RNA Organelle
Proteins Photocaging
Centre for Research and Interdisciplinarity (CRI)
Faculty of Medicine Cochin Port-Royal, South wing, 2nd floor
Paris Descartes University
24, rue du Faubourg Saint Jacques
75014 Paris, France
bettencourt.igem2017@gmail.com
bettencourt.igem2017@gmail.com 
