Difference between revisions of "Team:Paris Bettencourt"

 
(151 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{Paris_Bettencourt}}
 
{{Paris_Bettencourt}}
 +
 
<html>
 
<html>
  
Line 6: Line 7:
 
<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 22: Line 22:
 
}
 
}
  
−
 
+
.neant {
 +
    height : 65px;
 +
    width : 100%;
 +
}
 
section.page-header {
 
section.page-header {
−
     height: 380px;
+
      
 
     margin-bottom: 35px;
 
     margin-bottom: 35px;
 
}
 
}
  
−
.page-header .logo {
+
.page-header .logomedusa {
−
     width: 360px;
+
     width: 370px;
 +
    margin-top : 60px;
 
     position: absolute;
 
     position: absolute;
 
     left: 50%;
 
     left: 50%;
−
     margin-left: -180px !important;  /* 50% of your logo width */
+
     margin-left: -185px !important;  /* 50% of your logo width */
 
     display: block;
 
     display: block;
 
     z-index:99;
 
     z-index:99;
 
}
 
}
 
#u1570{
 
#u1570{
−
     height:380px;
+
 
 +
     height:600px;
 
}
 
}
  
Line 44: Line 49:
 
margin-left : 37.5%;
 
margin-left : 37.5%;
 
text-align : center;
 
text-align : center;
 +
  overflow : visible;
 
}
 
}
 
#projectdescription {
 
#projectdescription {
Line 51: Line 57:
 
position : relative;
 
position : relative;
 
min-height : 500px;
 
min-height : 500px;
 +
  overflow : visible;
 
}
 
}
 
#projectdescription h4 {
 
#projectdescription h4 {
 
text-align : center;
 
text-align : center;
 +
        text-indent : 0px;
 +
overflow : visible;
 
}
 
}
 
#project1 {
 
#project1 {
 
position : absolute;
 
position : absolute;
−
width : 15%;
+
width : 20%;
−
margin-left : 13.75%;
+
 
float : left;
 
float : left;
 +
        overflow : visible;
 
}
 
}
 
#project2 {
 
#project2 {
 
position : absolute;
 
position : absolute;
−
width : 15%;
+
max-width : 20%;
−
margin-left : 42.5%;
+
margin-left : 26.66%;
 
float : left;
 
float : left;
 +
overflow : visible !important;
 
}
 
}
 
#project3 {
 
#project3 {
 
position : absolute;
 
position : absolute;
−
width : 15%;
+
width : 20%;
−
margin-left : 71.25%;
+
margin-left : 53.333%;
 +
float : left;
 +
  overflow : visible;
 +
        z-index : 49;
 +
}
 +
#project4 {
 +
position : absolute;
 +
width : 20%;
 +
margin-left : 80%;
 
float : left;
 
float : left;
 
}
 
}
 
.logo {
 
.logo {
−
pading : auto;
+
padding : auto;
 +
  overflow : visible;
 
}
 
}
 
.logosubp {
 
.logosubp {
 
display : none;
 
display : none;
 
margin : auto;
 
margin : auto;
 +
  overflow : visible;
 
}
 
}
 
.logosubpinerte {
 
.logosubpinerte {
 
display : block;
 
display : block;
 
margin : auto;
 
margin : auto;
 +
  overflow : visible;
 
}
 
}
 
.logo:hover .logosubp {
 
.logo:hover .logosubp {
Line 89: Line 110:
 
.logo:hover .logosubpinerte {
 
.logo:hover .logosubpinerte {
 
display : none;
 
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>
 
</style>
 +
 
<body>
 
<body>
−
             <section class="page-header row">
+
            <div class=neant></div>
 +
             <section class=page-header>
 
                     <div class="col-md-12"  id="u1570" ><!-- image -->
 
                     <div class="col-md-12"  id="u1570" ><!-- image -->
−
                         <img  class="logo"  src="/wiki/images/thumb/0/00/Logo-medusa.png/599px-Logo-medusa.png" />
+
                         <img  class="logomedusa"  src="/wiki/images/thumb/0/00/Logo-medusa.png/599px-Logo-medusa.png" />
 
                     </div>
 
                     </div>
  
 
             </section>
 
             </section>
 
<div class=textbody>
 
<div class=textbody>
−
<h1>BRINING CONTROL TO THE</br>THIRD DIMENSION</h1>
+
<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>
 
<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.  
 
by creating a printer, it is a clear and easily quantified way to validate our 3D controls.  
Line 106: Line 156:
 
biotech. We also optimised production by creating local concnetrations of enzymes in  
 
biotech. We also optimised production by creating local concnetrations of enzymes in  
 
the RNA organelles.
 
the RNA organelles.
−
</div>
 
−
<div class=text2>
 
−
<div class=text2left><iframe width="560" height="315" src="https://www.youtube.com/embed/HyrWd_gfQNQ" frameborder="0" allowfullscreen></iframe></div>
 
−
<div class=text2right>By creating logic circuits with photo sensitive proteins, we <b>control and study cells in 3D.</b></div>
 
 
</div>
 
</div>
 
<div id="projectdescription">
 
<div id="projectdescription">
 
<div id="project1"><div class="logo">
 
<div id="project1"><div class="logo">
−
<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><h4>Biomaterials</h4>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>
+
<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">
 
<div id="project2"><div class="logo">
−
<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><h4>Light control</h4>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>
+
<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">
 
<div id="project3"><div class="logo">
−
<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><h4>RNA Agglomerations</h4>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>
+
<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>
 
         </div>
 
     </body>
 
     </body>
  
−
<style>
 
−
.close:focus,.close:hover{color:#000;text-decoration:none;cursor:pointer;filter:alpha(opacity=50);opacity:.5}button.close{-webkit-appearance:none;padding:0;cursor:pointer;background:0 0;border:0}.modal-open{overflow:hidden}.modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1050;display:none;overflow:hidden;-webkit-overflow-scrolling:touch;outline:0}.modal.fade .modal-dialog{-webkit-transition:-webkit-transform .3s ease-out;-o-transition:-o-transform .3s ease-out;transition:transform .3s ease-out;-webkit-transform:translate(0,-25%);-ms-transform:translate(0,-25%);-o-transform:translate(0,-25%);transform:translate(0,-25%)}.modal.in .modal-dialog{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);-o-transform:translate(0,0);transform:translate(0,0)}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal-dialog{position:relative;width:auto;margin:10px}.modal-content{position:relative;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #999;border:1px solid rgba(0,0,0,.2);border-radius:6px;outline:0;-webkit-box-shadow:0 3px 9px rgba(0,0,0,.5);box-shadow:0 3px 9px rgba(0,0,0,.5)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1040;background-color:#000}.modal-backdrop.fade{filter:alpha(opacity=0);opacity:0}.modal-backdrop.in{filter:alpha(opacity=50);opacity:.5}.modal-header{padding:15px;border-bottom:1px solid #e5e5e5}.modal-header .close{margin-top:-2px}.modal-title{margin:0;line-height:1.42857143}.modal-body{position:relative;padding:15px}.modal-footer{padding:15px;text-align:right;border-top:1px solid #e5e5e5}.modal-footer .btn+.btn{margin-bottom:0;margin-left:5px}.modal-footer .btn-group .btn+.btn{margin-left:-1px}.modal-footer .btn-block+.btn-block{margin-left:0}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:768px){.modal-dialog{width:600px;margin:30px auto}.modal-content{-webkit-box-shadow:0 5px 15px rgba(0,0,0,.5);box-shadow:0 5px 15px rgba(0,0,0,.5)}.modal-sm{width:300px}}@media (min-width:992px){.modal-lg{width:900px}}.tooltip{position:absolute;z-index:1070;display:block;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:12px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;filter:alpha(opacity=0);opacity:0;line-break:auto}.tooltip.in{filter:alpha(opacity=90);opacity:.9}.tooltip.top{padding:5px 0;margin-top:-3px}.tooltip.right{padding:0 5px;margin-left:3px}.tooltip.bottom{padding:5px 0;margin-top:3px}.tooltip.left{padding:0 5px;margin-left:-3px}.tooltip-inner{max-width:200px;padding:3px 8px;color:#fff;text-align:center;background-color:#000;border-radius:4px}.tooltip-arrow{position:absolute;width:0;height:0;border-color:transparent;border-style:solid}.tooltip.top .tooltip-arrow{bottom:0;left:50%;margin-left:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-left .tooltip-arrow{right:5px;bottom:0;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.top-right .tooltip-arrow{bottom:0;left:5px;margin-bottom:-5px;border-width:5px 5px 0;border-top-color:#000}.tooltip.right .tooltip-arrow{top:50%;left:0;margin-top:-5px;border-width:5px 5px 5px 0;border-right-color:#000}.tooltip.left .tooltip-arrow{top:50%;right:0;margin-top:-5px;border-width:5px 0 5px 5px;border-left-color:#000}.tooltip.bottom .tooltip-arrow{top:0;left:50%;margin-left:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-left .tooltip-arrow{top:0;right:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.tooltip.bottom-right .tooltip-arrow{top:0;left:5px;margin-top:-5px;border-width:0 5px 5px;border-bottom-color:#000}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;font-style:normal;font-weight:400;line-height:1.42857143;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;word-wrap:normal;white-space:normal;background-color:#fff;-webkit-background-clip:padding-box;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);box-shadow:0 5px 10px rgba(0,0,0,.2);line-break:auto}.popover.top{margin-top:-10px}.popover.right{margin-left:10px}.popover.bottom{margin-top:10px}.popover.left{margin-left:-10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.right>.arrow{top:50%;left:-11px;margin-top:-11px;border-right-color:#999;border-right-color:rgba(0,0,0,.25);border-left-width:0}.popover.right>.arrow:after{bottom:-10px;left:1px;content:" ";border-right-color:#fff;border-left-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}.popover.left>.arrow{top:50%;right:-11px;margin-top:-11px;border-right-width:0;border-left-color:#999;border-left-color:rgba(0,0,0,.25)}.popover.left>.arrow:after{right:1px;bottom:-10px;content:" ";border-right-width:0;border-left-color:#fff}.carousel{position:relative}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner>.item{position:relative;display:none;-webkit-transition:.6s ease-in-out left;-o-transition:.6s ease-in-out left;transition:.6s ease-in-out left}.carousel-inner>.item>a>img,.carousel-inner>.item>img{line-height:1}@media all and (transform-3d),(-webkit-transform-3d){.carousel-inner>.item{-webkit-transition:-webkit-transform .6s ease-in-out;-o-transition:-o-transform .6s ease-in-out;transition:transform .6s ease-in-out;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000px;perspective:1000px}.carousel-inner>.item.active.right,.carousel-inner>.item.next{left:0;-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}.carousel-inner>.item.active.left,.carousel-inner>.item.prev{left:0;-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}.carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right{left:0;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev{display:block}.carousel-inner>.active{left:0}.carousel-inner>.next,.carousel-inner>.prev{position:absolute;top:0;width:100%}.carousel-inner>.next{left:100%}.carousel-inner>.prev{left:-100%}.carousel-inner>.next.left,.carousel-inner>.prev.right{left:0}.carousel-inner>.active.left{left:-100%}.carousel-inner>.active.right{left:100%}.carousel-control{position:absolute;top:0;bottom:0;left:0;width:15%;font-size:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6);background-color:rgba(0,0,0,0);filter:alpha(opacity=50);opacity:.5}.carousel-control.left{background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.0001)));background-image:linear-gradient(to right,rgba(0,0,0,.5) 0,rgba(0,0,0,.0001) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#00000000', GradientType=1);background-repeat:repeat-x}.carousel-control.right{right:0;left:auto;background-image:-webkit-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-o-linear-gradient(left,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.0001)),to(rgba(0,0,0,.5)));background-image:linear-gradient(to right,rgba(0,0,0,.0001) 0,rgba(0,0,0,.5) 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#80000000', GradientType=1);background-repeat:repeat-x}.carousel-control:focus,.carousel-control:hover{color:#fff;text-decoration:none;filter:alpha(opacity=90);outline:0;opacity:.9}.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{position:absolute;top:50%;z-index:5;display:inline-block;margin-top:-10px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{left:50%;margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{right:50%;margin-right:-10px}.carousel-control .icon-next,.carousel-control .icon-prev{width:20px;height:20px;font-family:serif;line-height:1}.carousel-control .icon-prev:before{content:'\2039'}.carousel-control .icon-next:before{content:'\203a'}.carousel-indicators{position:absolute;bottom:10px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none}.carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px}.carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.6)}.carousel-caption .btn{text-shadow:none}@media screen and (min-width:768px){.carousel-control .glyphicon-chevron-left,.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next,.carousel-control .icon-prev{width:30px;height:30px;margin-top:-10px;font-size:30px}.carousel-control .glyphicon-chevron-left,.carousel-control .icon-prev{margin-left:-10px}.carousel-control .glyphicon-chevron-right,.carousel-control .icon-next{margin-right:-10px}.carousel-caption{right:20%;left:20%;padding-bottom:30px}.carousel-indicators{bottom:20px}}.btn-group-vertical>.btn-group:after,.btn-group-vertical>.btn-group:before,.btn-toolbar:after,.btn-toolbar:before,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.dl-horizontal dd:after,.dl-horizontal dd:before,.form-horizontal .form-group:after,.form-horizontal .form-group:before,.modal-footer:after,.modal-footer:before,.modal-header:after,.modal-header:before,.nav:after,.nav:before,.navbar-collapse:after,.navbar-collapse:before,.navbar-header:after,.navbar-header:before,.navbar:after,.navbar:before,.pager:after,.pager:before,.panel-body:after,.panel-body:before,.row:after,.row:before{display:table;content:" "}.btn-group-vertical>.btn-group:after,.btn-toolbar:after,.clearfix:after,.container-fluid:after,.container:after,.dl-horizontal dd:after,.form-horizontal .form-group:after,.modal-footer:after,.modal-header:after,.nav:after,.navbar-collapse:after,.navbar-header:after,.navbar:after,.pager:after,.panel-body:after,.row:after{clear:both}.center-block{display:block;margin-right:auto;margin-left:auto}.pull-right{float:right!important}.pull-left{float:left!important}.hide{display:none!important}.show{display:block!important}.invisible{visibility:hidden}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.hidden{display:none!important}.affix{position:fixed}@-ms-viewport{width:device-width}.visible-lg,.visible-md,.visible-sm,.visible-xs{display:none!important}.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{display:none!important}@media (max-width:767px){.visible-xs{display:block!important}table.visible-xs{display:table!important}tr.visible-xs{display:table-row!important}td.visible-xs,th.visible-xs{display:table-cell!important}}@media (max-width:767px){.visible-xs-block{display:block!important}}@media (max-width:767px){.visible-xs-inline{display:inline!important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block!important}table.visible-sm{display:table!important}tr.visible-sm{display:table-row!important}td.visible-sm,th.visible-sm{display:table-cell!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline!important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block!important}table.visible-md{display:table!important}tr.visible-md{display:table-row!important}td.visible-md,th.visible-md{display:table-cell!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline!important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block!important}}@media (min-width:1200px){.visible-lg{display:block!important}table.visible-lg{display:table!important}tr.visible-lg{display:table-row!important}td.visible-lg,th.visible-lg{display:table-cell!important}}@media (min-width:1200px){.visible-lg-block{display:block!important}}@media (min-width:1200px){.visible-lg-inline{display:inline!important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block!important}}@media (max-width:767px){.hidden-xs{display:none!important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none!important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none!important}}@media (min-width:1200px){.hidden-lg{display:none!important}}.visible-print{display:none!important}@media print{.visible-print{display:block!important}table.visible-print{display:table!important}tr.visible-print{display:table-row!important}td.visible-print,th.visible-print{display:table-cell!important}}.visible-print-block{display:none!important}@media print{.visible-print-block{display:block!important}}.visible-print-inline{display:none!important}@media print{.visible-print-inline{display:inline!important}}.visible-print-inline-block{display:none!important}@media print{.visible-print-inline-block{display:inline-block!important}}@media print{.hidden-print{display:none!important}}
 
−
/*# sourceMappingURL=bootstrap.min.css.map */
 
−
</style>
 
−
<script>
 
  
−
/*Array.prototype.forEach.call(document.querySelectorAll('link[rel=stylesheet]'), function(element){
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
−
      try{
+
−
        element.parentNode.removeChild(element);
+
−
      }catch(err){}
+
−
    });
+
−
 
+
−
//or this is similar
+
−
var elements = document.querySelectorAll('link[rel=stylesheet]');
+
−
for(var i=0;i<elements.length;i++){
+
−
    elements[i].parentNode.removeChild(elements[i]);
+
−
}*/
+
−
 
+
−
var elm = document.getElementById("bodyContent");
+
−
//var content = document.getElementById("globalWrapper");
+
−
var content = document.getElementById("content");
+
−
var html = elm.innerHTML;
+
−
elm.innerHTML = "";
+
−
content.innerHTML = html;
+
  
 +
<script>
  
  
 
(function(){
 
(function(){
−
     var BACTERIE_COUNT = 80;
+
     var BACTERIE_COUNT = 100;
 
     var colors = ['#062D75', '#E8292F'];
 
     var colors = ['#062D75', '#E8292F'];
 
     var bacteries = [];
 
     var bacteries = [];
Line 225: 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) + 1);
+
                 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.offsetHeight-this.width) +'px',
+
                     top: this.getPosition(container.clientHeight-this.width, 70) +'px',
−
                     left: this.getPosition(container.offsetWidth-this.width) +'px',
+
                     left: this.getPosition(container.clientWidth-this.width, 1) +'px',
 
                 });
 
                 });
 
             }
 
             }
Line 266: Line 293:
 
      
 
      
 
</html>
 
</html>
−
 
 
{{Paris_Bettencourt/footer}}
 
{{Paris_Bettencourt/footer}}

Latest revision as of 17:20, 12 December 2017

BRINGING CONTROL TO THE
THIRD 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.
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