Difference between revisions of "Team:Paris Bettencourt"

 
(255 intermediate revisions by 4 users not shown)
Line 1: Line 1:
 
{{Paris_Bettencourt}}
 
{{Paris_Bettencourt}}
  
 +
<html>
  
−
<html class="nojs html css_verticalspacer" lang="en-US">
 
−
<head>
 
  
−
  <meta http-equiv="Content-type" content="text/html;charset=UTF-8"/>
 
−
  <meta name="generator" content="2017.1.0.379"/>
 
−
  <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
 
−
 
 
−
  <script type="text/javascript">
 
−
  // Update the 'nojs'/'js' class on the html node
 
−
document.documentElement.className = document.documentElement.className.replace(/\bnojs\b/g, 'js');
 
  
−
// Check that all required assets are uploaded and up-to-date
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
−
if(typeof Muse == "undefined") window.Muse = {}; window.Muse.assets = {"required":["museutils.js", "museconfig.js", "jquery.musemenu.js", "jquery.watch.js", "require.js", "index.css"], "outOfDate":[]};
+
<style type="text/css">
−
</script>
+
<style>
−
 
+
−
  <title>Home</title>
+
−
  <!-- CSS -->
+
−
  <link rel="stylesheet" type="text/css" href="http://maisonchateauneuf.fr/medusa/css/site_global.css?crc=146881234"/>
+
−
  <link rel="stylesheet" type="text/css" href="http://maisonchateauneuf.fr/medusa/css/master_a-maestra.css?crc=3820761477"/>
+
−
  <link rel="stylesheet" type="text/css" href="http://maisonchateauneuf.fr/medusa/css/index.css?crc=4200615421" id="pagesheet"/>
+
−
  <!-- JS includes -->
+
−
  <!--[if lt IE 9]>
+
−
  <script src="http://maisonchateauneuf.fr/medusa/scripts/html5shiv.js?crc=4241844378" type="text/javascript"></script>
+
−
  <![endif]-->
+
−
  <script src="https://use.typekit.net/ik/xJwTcJMptxYKnfl7qZDAK86yU_lqkC8oFvDpslO2wJMfe7GgfOdmTbbPH2q3w29aFQgLwRFcwAbuwejkwcJ3jQMUFRI3wDqkjR9ajhmcFeIkFAI-sfG0dABTShN0jhyyiemyiAo8iAj0Z1JCdABTShN0jhyyiemyiAo8iAj0Z1JCiaiaOcuy-WFzdcFGjWs8jWm0ZWmcOcZkJ6sCjWszH6GJlOIgIMMjgPMfH6qJhWGbMg6YJMJ7fbRipyMMeMw6MqGIQWmDZZMgX4_nDb9.js" type="text/javascript"></script>
+
−
  <!-- Other scripts -->
+
−
  <script type="text/javascript">
+
−
  try {Typekit.load();} catch(e) {}
+
−
</script>
+
−
  </head>
+
−
<body>
+
  
−
   <div class="clearfix borderbox" id="page"><!-- column -->
+
#content {
−
  <div class="position_content" id="page_position_content">
+
    width: 100%;
−
    <div class="clearfix colelem" id="pu200"><!-- column -->
+
    padding-top : 15px;
−
    <div class="browser_width colelem" id="u200-bw">
+
    border: none;
−
      <div id="u200"><!-- group -->
+
    color: black;
−
      <div class="clearfix" id="u200_align_to_page">
+
    margin: 0;
−
        <div class="clip_frame grpelem" id="u193" data-sizePolicy="fluidWidthHeight" data-pintopage="page_fixedLeft"><!-- svg -->
+
    padding:0;
−
        <img class="svg" id="u189" src="http://maisonchateauneuf.fr/medusa/images/logo_medusa.svg?crc=4172289584" alt="" data-mu-svgfallback="images/logo_medusa_poster_.png?crc=4230480734" data-heightwidthratio="1.0138888888888888" data-image-width="72" data-image-height="73"/>
+
}
 +
 
 +
#top_title {
 +
    display: none;
 +
}
 +
 
 +
.neant {
 +
    height : 65px;
 +
    width : 100%;
 +
}
 +
section.page-header {
 +
   
 +
    margin-bottom: 35px;
 +
}
 +
 
 +
.page-header .logomedusa {
 +
    width: 370px;
 +
    margin-top : 60px;
 +
    position: absolute;
 +
    left: 50%;
 +
    margin-left: -185px !important;  /* 50% of your logo width */
 +
    display: block;
 +
    z-index:99;
 +
}
 +
#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>
 +
                    <div class="col-md-12" id="u1570" ><!-- image -->
 +
                        <img  class="logomedusa" src="/wiki/images/thumb/0/00/Logo-medusa.png/599px-Logo-medusa.png" />
 +
                    </div>
 +
 
 +
            </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>
−
        <div class="clip_frame grpelem" id="u2439"><!-- svg -->
+
    </body>
−
        <img class="svg" id="u2435" src="http://maisonchateauneuf.fr/medusa/images/logo-igem-greyscale.svg?crc=4138287092" alt="" data-mu-svgfallback="images/logo-igem-greyscale_poster_.png?crc=3892179207" data-heightwidthratio="0.7936507936507936" data-image-width="63" data-image-height="50"/>
+
 
−
        </div>
+
 
−
        <nav class="MenuBar clearfix grpelem" id="menuu219" data-sizePolicy="fixed" data-pintopage="page_fixedRight"><!-- horizontal box -->
+
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
−
        <div class="MenuItemContainer clearfix grpelem" id="u220"><!-- vertical box -->
+
 
−
          <a class="nonblock nontext MenuItem MenuItemWithSubMenu MuseMenuActive clearfix colelem" id="u221" href="index.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u223-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p><span class="Menu-horizontal">Home</span></p></div></a>
+
<script>
−
        </div>
+
 
−
        <div class="MenuItemContainer clearfix grpelem" id="u227"><!-- vertical box -->
+
 
−
          <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u230" href="project.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u233-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p><span class="Menu-horizontal">Project</span></p></div></a>
+
(function(){
−
        </div>
+
     var BACTERIE_COUNT = 100;
−
        <div class="MenuItemContainer clearfix grpelem" id="u266"><!-- vertical box -->
+
    var colors = ['#062D75', '#E8292F'];
−
          <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u267" href="modeling.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u270-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p><span class="Menu-horizontal">Modeling</span></p></div></a>
+
    var bacteries = [];
−
        </div>
+
     var container = window.document.getElementById("u1570");
−
        <div class="MenuItemContainer clearfix grpelem" id="u287"><!-- vertical box -->
+
    var interval1;
−
          <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u290" href="achievements.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u293-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p><span class="Menu-horizontal">Achievements</span></p></div></a>
+
    var interval2
−
        </div>
+
 
−
        <div class="MenuItemContainer clearfix grpelem" id="u308"><!-- vertical box -->
+
      
−
          <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u311" href="human-practices.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u312-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p><span class="Menu-horizontal">Human Practices</span></p></div></a>
+
     function fillContainer () {
−
        </div>
+
        var k = 1;
−
        <div class="MenuItemContainer clearfix grpelem" id="u329"><!-- vertical box -->
+
         for(var i=0; i<BACTERIE_COUNT; i++) {
−
          <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u330" href="notebook.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u332-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p><span class="Menu-horizontal">Notebook</span></p></div></a>
+
            k = 1-k;
−
        </div>
+
            var bacterie = new Bacterie(colors[k]);
−
        <div class="MenuItemContainer clearfix grpelem" id="u350"><!-- vertical box -->
+
            bacterie.setPosition(container);
−
          <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u351" href="awards.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u354-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p><span class="Menu-horizontal">Awards</span></p></div></a>
+
            bacteries.push(bacterie);
−
        </div>
+
            container.appendChild(bacterie.element);
−
        <div class="MenuItemContainer clearfix grpelem" id="u371"><!-- vertical box -->
+
         }
−
          <a class="nonblock nontext MenuItem MenuItemWithSubMenu clearfix colelem" id="u372" href="team.html"><!-- horizontal box --><div class="MenuItemLabel NoWrap clearfix grpelem" id="u373-4" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"><!-- content --><p><span class="Menu-horizontal">Team</span></p></div></a>
+
         runColorChanging();
−
        </div>
+
    }
−
        </nav>
+
 
−
        <a class="nonblock nontext clip_frame grpelem" id="u2405" href="https://www.facebook.com/ParisiGEM2017/"><!-- svg --><img class="svg" id="u2401" src="http://maisonchateauneuf.fr/medusa/images/logo-facebook.svg?crc=3934649393" alt="" data-mu-svgfallback="images/logo-facebook_poster_.png?crc=297847" data-heightwidthratio="1" data-image-width="22" data-image-height="22"/></a>
+
 
−
        <a class="nonblock nontext clip_frame grpelem" id="u2399" href="https://www.instagram.com/igem_paris_bettencourt"><!-- svg --><img class="svg" id="u2395" src="images/logo-instagram.svg?crc=24152118" alt="" data-mu-svgfallback="http://maisonchateauneuf.fr/medusa/images/logo-instagram_poster_.png?crc=4151707496" data-heightwidthratio="1" data-image-width="22" data-image-height="22"/></a>
+
 
−
        <a class="nonblock nontext clip_frame grpelem" id="u2393" href="https://twitter.com/igem_paris"><!-- svg --><img class="svg" id="u2389" src="http://maisonchateauneuf.fr/medusa/images/logo-twitter.svg?crc=313777186" alt="" data-mu-svgfallback="images/logo-twitter_poster_.png?crc=90897901" data-heightwidthratio="1" data-image-width="22" data-image-height="22"/></a>
+
 
−
      </div>
+
    function clearBacteries() {
−
      </div>
+
        if(bacteries.length ==0) return;
−
    </div>
+
        for(var i=0; i<BACTERIE_COUNT; i++) {
−
    <div class="clip_frame colelem" id="u1570" data-sizePolicy="fluidWidthHeight" data-pintopage="page_fixedCenter"><!-- image -->
+
                container.removeChild(bacteries[i].element);
−
      <img class="block" id="u1570_img" src="http://maisonchateauneuf.fr/medusa/images/header-home-animado.gif?crc=3964752341" alt="" data-heightwidthratio="0.3416666666666667" data-image-width="1200" data-image-height="410"/>
+
         }
−
    </div>
+
         bacteries = [];
−
     </div>
+
    }
−
    <div class="clearfix colelem" id="pu1585-5"><!-- column -->
+
 
−
    <div class="clearfix colelem" id="u1585-5" data-sizePolicy="fluidWidth" data-pintopage="page_fixedCenter"><!-- content -->
+
     function runFillingInterval(){
−
      <p id="u1585-2"><span class="H1" id="u1585">MEDUSA</span></p>
+
        interval1 = setInterval(function(){
−
      <p id="u1585-3">&nbsp;</p>
+
            clearInterval(interval2);
−
    </div>
+
            clearBacteries();
−
    <div class="clearfix colelem" id="u1588-5" data-sizePolicy="fixed" data-pintopage="page_fixedCenter"><!-- content -->
+
            fillContainer();
−
      <p>Bringing control to the 3rd Dimension</p>
+
        }, 4000);
−
      <p>&nbsp;</p>
+
    }
−
    </div>
+
 
−
    <div class="clearfix colelem" id="u2432-5" data-sizePolicy="fixed" data-pintopage="page_fixedCenter"><!-- content -->
+
    function runColorChanging(){
−
      <p id="u2432-2">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>
+
        interval2 = setInterval(function(){
−
      <p>&nbsp;</p>
+
            for(var i=0; i<BACTERIE_COUNT; i++) {
−
    </div>
+
                //console.log(bacteries[i]);
−
     </div>
+
                bacteries[i].changeColor(colors[Math.round(Math.random())]);
−
    <div class="clearfix colelem" id="ppu2552"><!-- group -->
+
            }
−
    <div class="clearfix grpelem" id="pu2552"><!-- column -->
+
 
−
      <a class="nonblock nontext clip_frame colelem" id="u2552" href="project-1.html" data-sizePolicy="fixed" data-pintopage="page_fluidx"><!-- image --><img class="block" id="u2552_img" src="http://maisonchateauneuf.fr/medusa/images/animacion-picto-bm.gif?crc=246350070" alt="" width="150" height="150"/></a>
+
        }, 2000);
−
      <div class="clearfix colelem" id="u2549-4" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true"><!-- content -->
+
    }
−
      <p>Biomaterials</p>
+
       
−
      </div>
+
 
−
      <div class="clearfix colelem" id="u2543-4" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true"><!-- content -->
+
 
−
      <p>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.</p>
+
    function Bacterie(color) {
−
      </div>
+
 
−
    </div>
+
           
−
    <div class="clearfix grpelem" id="pu2531"><!-- column -->
+
            this.height = 26;
−
      <a class="nonblock nontext clip_frame colelem" id="u2531" href="project-2.html" data-sizePolicy="fixed" data-pintopage="page_fluidx"><!-- image --><img class="block" id="u2531_img" src="https://static.igem.org/mediawiki/2017/f/fc/Animacion-picto-opto.gif" alt="" width="150" height="150"/></a>
+
            this.width = 60;
−
      <div class="clearfix colelem" id="u2501-4" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true"><!-- content -->
+
 
−
      <p>Light control</p>
+
            this.color;
−
      </div>
+
            this.x;
−
      <div class="clearfix colelem" id="u2504-5" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true"><!-- content -->
+
            this.y;
−
      <p id="u2504-2">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>
+
            this.rotation;
−
      <p>&nbsp;</p>
+
            this.element;
−
      </div>
+
 
−
    </div>
+
           
−
    <div class="clearfix grpelem" id="pu2475"><!-- column -->
+
 
−
      <a class="nonblock nontext clip_frame colelem" id="u2475" href="project-3.html" data-sizePolicy="fixed" data-pintopage="page_fluidx"><!-- image --><img class="block" id="u2475_img" src="http://maisonchateauneuf.fr/medusa/images/animacion-picto-rna.gif?crc=297139977" alt="" width="150" height="150"/></a>
+
         
−
      <div class="clearfix colelem" id="u2513-4" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true"><!-- content -->
+
            this.changeColor = function(color){
−
      <p>&nbsp;RNA Agglomerations</p>
+
                Object.assign(this.element.style, {
−
      </div>
+
                    backgroundColor : color//colors[Math.round(Math.random())]
−
      <div class="clearfix colelem" id="u2516-4" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true"><!-- content -->
+
                });
−
      <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>
+
            this.getRotation = function() {
−
     </div>
+
                return Math.floor((Math.random() * 360) + 1);
−
     <div class="verticalspacer" data-offset-top="1257" data-content-above-spacer="1257" data-content-below-spacer="392" data-sizePolicy="fixed" data-pintopage="page_fixedLeft"></div>
+
            }
−
    <div class="browser_width colelem" id="u581-bw">
+
            this.getPosition = function(max, padding){
−
    <div id="u581"><!-- group -->
+
                return Math.floor((Math.random() * max) + padding);
−
      <div class="clearfix" id="u581_align_to_page">
+
            }
−
      <div class="clearfix grpelem" id="ppu847"><!-- column -->
+
            this.setPosition = function(container){
−
         <div class="clearfix colelem" id="pu847"><!-- group -->
+
                Object.assign(this.element.style, {
−
        <div class="clip_frame grpelem" id="u847"><!-- image -->
+
                    top: this.getPosition(container.clientHeight-this.width, 70) +'px',
−
          <img class="block" id="u847_img" src="http://maisonchateauneuf.fr/medusa/images/logo-footer-biolabs.jpg?crc=418519263" alt="" data-heightwidthratio="0.40993788819875776" data-image-width="161" data-image-height="66"/>
+
                    left: this.getPosition(container.clientWidth-this.width, 1) +'px',
−
        </div>
+
                });
−
        <div class="clip_frame grpelem" id="u819"><!-- image -->
+
            }
−
          <img class="block" id="u819_img" src="http://maisonchateauneuf.fr/medusa/images/logo-footer-idt.jpg?crc=423440954" alt="" data-heightwidthratio="0.40993788819875776" data-image-width="161" data-image-height="66"/>
+
 
−
        </div>
+
            this.createElement = function(){
−
        <div class="clip_frame grpelem" id="u840"><!-- image -->
+
 
−
          <img class="block" id="u840_img" src="http://maisonchateauneuf.fr/medusa/images/logo-footer-roth.jpg?crc=3954870406" alt="" data-heightwidthratio="0.40993788819875776" data-image-width="161" data-image-height="66"/>
+
                this.element = document.createElement('div');
−
        </div>
+
                Object.assign(this.element.style, {
−
        <div class="clip_frame grpelem" id="u833"><!-- image -->
+
                    height: this.height +"px",
−
          <img class="block" id="u833_img" src="http://maisonchateauneuf.fr/medusa/images/logo-footer-paris-diderot.jpg?crc=88781837" alt="" data-heightwidthratio="0.40993788819875776" data-image-width="161" data-image-height="66"/>
+
                    width: this.width+"px",
−
        </div>
+
                    backgroundColor: color,
−
        <div class="clip_frame grpelem" id="u826"><!-- image -->
+
                    borderRadius: '20px',
−
          <img class="block" id="u826_img" src="http://maisonchateauneuf.fr/medusa/images/logo-footer-thermo.jpg?crc=4080250763" alt="" data-heightwidthratio="0.40993788819875776" data-image-width="161" data-image-height="66"/>
+
                    transform: 'rotate('+ this.getRotation() + 'deg)',
−
        </div>
+
                    position:'absolute',
−
         </div>
+
                    //top: this.getPosition(380) +'px',
−
         <div class="clearfix colelem" id="pu812"><!-- group -->
+
                    //left: this.getPosition(1596) +'px',
−
        <div class="clip_frame grpelem" id="u812"><!-- image -->
+
                    zIndex:2
−
          <img class="block" id="u812_img" src="http://maisonchateauneuf.fr/medusa/images/logo-footer-matlab.jpg?crc=3770278075" alt="" data-heightwidthratio="0.40993788819875776" data-image-width="161" data-image-height="66"/>
+
                });
−
        </div>
+
               
−
        <div class="clip_frame grpelem" id="u805"><!-- image -->
+
             
−
          <img class="block" id="u805_img" src="http://maisonchateauneuf.fr/medusa/images/logo-footer-geneious.jpg?crc=36941474" alt="" data-heightwidthratio="0.40993788819875776" data-image-width="161" data-image-height="66"/>
+
            }
−
        </div>
+
 
−
        <div class="clip_frame grpelem" id="u798"><!-- image -->
+
            this.createElement();
−
          <img class="block" id="u798_img" src="http://maisonchateauneuf.fr/medusa/images/logo-footer-inserm.jpg?crc=4289274987" alt="" data-heightwidthratio="0.40993788819875776" data-image-width="161" data-image-height="66"/>
+
            return this;
−
        </div>
+
 
−
        <div class="clip_frame grpelem" id="u791"><!-- image -->
+
    }
−
          <img class="block" id="u791_img" src="http://maisonchateauneuf.fr/medusa/images/logo-footer-paris-descartes.jpg?crc=243100583" alt="" data-heightwidthratio="0.40993788819875776" data-image-width="161" data-image-height="66"/>
+
 
−
        </div>
+
−
        <div class="clip_frame grpelem" id="u783"><!-- image -->
+
−
          <img class="block" id="u783_img" src="http://maisonchateauneuf.fr/medusa/images/logo-footer-scire.jpg?crc=461036415" alt="" data-heightwidthratio="0.40993788819875776" data-image-width="161" data-image-height="66"/>
+
−
        </div>
+
−
         </div>
+
−
         <div class="clearfix colelem" id="pu875"><!-- group -->
+
−
        <div class="clip_frame grpelem" id="u875"><!-- image -->
+
−
          <img class="block" id="u875_img" src="http://maisonchateauneuf.fr/medusa/images/logo-footer-cri.jpg?crc=339213854" alt="" data-heightwidthratio="0.40993788819875776" data-image-width="161" data-image-height="66"/>
+
−
        </div>
+
−
        <div class="clip_frame grpelem" id="u854"><!-- image -->
+
−
          <img class="block" id="u854_img" src="http://maisonchateauneuf.fr/medusa/images/logo-footer-fondation-bettencourt.jpg?crc=340525347" alt="" data-heightwidthratio="0.40993788819875776" data-image-width="161" data-image-height="66"/>
+
−
        </div>
+
−
        <div class="clip_frame grpelem" id="u861"><!-- image -->
+
−
          <img class="block" id="u861_img" src="http://maisonchateauneuf.fr/medusa/images/logo-footer-igem-paris-bettencourt.jpg?crc=3793138485" alt="" data-heightwidthratio="0.40993788819875776" data-image-width="161" data-image-height="66"/>
+
−
        </div>
+
−
        <div class="clip_frame grpelem" id="u868"><!-- image -->
+
−
          <img class="block" id="u868_img" src="http://maisonchateauneuf.fr/medusa/images/logo-footer-igem.jpg?crc=4163725499" alt="" data-heightwidthratio="0.40993788819875776" data-image-width="161" data-image-height="66"/>
+
−
        </div>
+
−
        </div>
+
−
      </div>
+
−
      </div>
+
−
    </div>
+
−
     </div>
+
−
  </div>
+
−
  </div>
+
−
  <!-- Other scripts -->
+
−
  <script type="text/javascript">
+
−
  // Decide weather to suppress missing file error or not based on preference setting
+
−
var suppressMissingFileError = false
+
−
</script>
+
−
  <script type="text/javascript">
+
−
  window.Muse.assets.check=function(d){if(!window.Muse.assets.checked){window.Muse.assets.checked=!0;var b={},c=function(a,b){if(window.getComputedStyle){var c=window.getComputedStyle(a,null);return c&&c.getPropertyValue(b)||c&&c[b]||""}if(document.documentElement.currentStyle)return(c=a.currentStyle)&&c[b]||a.style&&a.style[b]||"";return""},a=function(a){if(a.match(/^rgb/))return a=a.replace(/\s+/g,"").match(/([\d\,]+)/gi)[0].split(","),(parseInt(a[0])<<16)+(parseInt(a[1])<<8)+parseInt(a[2]);if(a.match(/^\#/))return parseInt(a.substr(1),
+
−
16);return 0},g=function(g){for(var f=document.getElementsByTagName("link"),h=0;h<f.length;h++)if("text/css"==f[h].type){var i=(f[h].href||"").match(/\/?css\/([\w\-]+\.css)\?crc=(\d+)/);if(!i||!i[1]||!i[2])break;b[i[1]]=i[2]}f=document.createElement("div");f.className="version";f.style.cssText="display:none; width:1px; height:1px;";document.getElementsByTagName("body")[0].appendChild(f);for(h=0;h<Muse.assets.required.length;){var i=Muse.assets.required[h],l=i.match(/([\w\-\.]+)\.(\w+)$/),k=l&&l[1]?
+
−
l[1]:null,l=l&&l[2]?l[2]:null;switch(l.toLowerCase()){case "css":k=k.replace(/\W/gi,"_").replace(/^([^a-z])/gi,"_$1");f.className+=" "+k;k=a(c(f,"color"));l=a(c(f,"backgroundColor"));k!=0||l!=0?(Muse.assets.required.splice(h,1),"undefined"!=typeof b[i]&&(k!=b[i]>>>24||l!=(b[i]&16777215))&&Muse.assets.outOfDate.push(i)):h++;f.className="version";break;case "js":h++;break;default:throw Error("Unsupported file type: "+l);}}d?d().jquery!="1.8.3"&&Muse.assets.outOfDate.push("jquery-1.8.3.min.js"):Muse.assets.required.push("jquery-1.8.3.min.js");
+
−
f.parentNode.removeChild(f);if(Muse.assets.outOfDate.length||Muse.assets.required.length)f="Certains fichiers sur le serveur sont peut-être manquants ou incorrects. Videz le cache du navigateur et réessayez. Si le problème persiste, contactez le créateur du site.",g&&Muse.assets.outOfDate.length&&(f+="\nOut of date: "+Muse.assets.outOfDate.join(",")),g&&Muse.assets.required.length&&(f+="\nMissing: "+Muse.assets.required.join(",")),suppressMissingFileError?(f+="\nUse SuppressMissingFileError key in AppPrefs.xml to show missing file error pop up.",console.log(f)):alert(f)};location&&location.search&&location.search.match&&location.search.match(/muse_debug/gi)?
+
−
setTimeout(function(){g(!0)},5E3):g()}};
+
−
var muse_init=function(){require.config({baseUrl:""});require(["jquery","museutils","whatinput","jquery.musemenu","jquery.watch"],function(d){var $ = d;$(document).ready(function(){try{
+
−
window.Muse.assets.check($);/* body */
+
−
Muse.Utils.transformMarkupToFixBrowserProblemsPreInit();/* body */
+
−
Muse.Utils.prepHyperlinks(true);/* body */
+
−
Muse.Utils.resizeHeight('.browser_width');/* resize height */
+
−
Muse.Utils.requestAnimationFrame(function() { $('body').addClass('initialized'); });/* mark body as initialized */
+
−
Muse.Utils.makeButtonsVisibleAfterSettingMinWidth();/* body */
+
−
Muse.Utils.initWidget('.MenuBar', ['#bp_infinity'], function(elem) { return $(elem).museMenu(); });/* unifiedNavBar */
+
−
Muse.Utils.fullPage('#page');/* 100% height page */
+
−
Muse.Utils.showWidgetsWhenReady();/* body */
+
−
Muse.Utils.transformMarkupToFixBrowserProblems();/* body */
+
−
}catch(b){if(b&&"function"==typeof b.notify?b.notify():Muse.Assert.fail("Error calling selector function: "+b),false)throw b;}})})};
+
  
 +
    fillContainer(); 
 +
    runFillingInterval();
 +
 
 +
})();
 
</script>
 
</script>
−
  <!-- RequireJS script -->
+
   
−
  <script src="scripts/require.js?crc=3861931657" type="text/javascript" async data-main="scripts/museconfig.js?crc=278381782" onload="if (requirejs) requirejs.onError = function(requireType, requireModule) { if (requireType && requireType.toString && requireType.toString().indexOf && 0 <= requireType.toString().indexOf('#scripterror')) window.Muse.assets.check(); }" onerror="window.Muse.assets.check();"></script>
+
−
  </body>
+
 
</html>
 
</html>
 +
{{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