Difference between revisions of "Team:Paris Bettencourt/Team"

Line 2: Line 2:
  
  
−
<html class="nojs html css_verticalspacer" lang="en-US">
+
<html>
−
<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
 
−
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":[]};
 
−
</script>
 
−
 
 
−
  <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 -->
 
−
  <div class="position_content" id="page_position_content">
 
−
    <div class="clearfix colelem" id="pu200"><!-- column -->
 
−
    <div class="browser_width colelem" id="u200-bw">
 
−
      <div id="u200"><!-- group -->
 
−
      <div class="clearfix" id="u200_align_to_page">
 
−
        <div class="clip_frame grpelem" id="u193" data-sizePolicy="fluidWidthHeight" data-pintopage="page_fixedLeft"><!-- svg -->
 
−
        <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"/>
 
−
        </div>
 
−
        <div class="clip_frame grpelem" id="u2439"><!-- svg -->
 
−
        <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 -->
 
−
        <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>
 
−
        </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>
 
−
        </div>
 
−
        <div class="MenuItemContainer clearfix grpelem" id="u266"><!-- vertical box -->
 
−
          <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>
 
−
        </div>
 
−
        <div class="MenuItemContainer clearfix grpelem" id="u287"><!-- vertical box -->
 
−
          <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>
 
−
        </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>
 
−
        </div>
 
−
        <div class="MenuItemContainer clearfix grpelem" id="u329"><!-- vertical box -->
 
−
          <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>
 
−
        </div>
 
−
        <div class="MenuItemContainer clearfix grpelem" id="u350"><!-- vertical box -->
 
−
          <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>
 
−
        </div>
 
−
        <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>
 
−
        </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>
 
−
      </div>
 
−
    </div>
 
−
    <div class="clip_frame colelem" id="u1570" data-sizePolicy="fluidWidthHeight" data-pintopage="page_fixedCenter"><!-- image -->
 
−
      <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>
 
−
    </div>
 
−
    <div class="clearfix colelem" id="pu1585-5"><!-- column -->
 
−
    <div class="clearfix colelem" id="u1585-5" data-sizePolicy="fluidWidth" data-pintopage="page_fixedCenter"><!-- content -->
 
−
      <p id="u1585-2"><span class="H1" id="u1585">MEDUSA</span></p>
 
−
      <p id="u1585-3">&nbsp;</p>
 
−
    </div>
 
−
    <div class="clearfix colelem" id="u1588-5" data-sizePolicy="fixed" data-pintopage="page_fixedCenter"><!-- content -->
 
−
      <p>Bringing control to the 3rd Dimension</p>
 
−
      <p>&nbsp;</p>
 
−
    </div>
 
−
    <div class="clearfix colelem" id="u2432-5" data-sizePolicy="fixed" data-pintopage="page_fixedCenter"><!-- content -->
 
−
      <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>
 
−
      <p>&nbsp;</p>
 
−
    </div>
 
−
    </div>
 
−
    <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>
 
−
      <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 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>
 
−
    <div class="clearfix grpelem" id="pu2531"><!-- column -->
 
−
      <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="http://maisonchateauneuf.fr/medusa/images/animacion-picto-opto.gif?crc=242435740" alt="" width="150" height="150"/></a>
 
−
      <div class="clearfix colelem" id="u2501-4" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true"><!-- content -->
 
−
      <p>Light control</p>
 
−
      </div>
 
−
      <div class="clearfix colelem" id="u2504-5" data-muse-temp-textContainer-sizePolicy="true" data-muse-temp-textContainer-pinning="true"><!-- content -->
 
−
      <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>
 
−
      <p>&nbsp;</p>
 
−
      </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 -->
 
−
      <p>&nbsp;RNA Agglomerations</p>
 
−
      </div>
 
−
      <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>
 
−
    </div>
 
−
    <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">
 
−
    <div id="u581"><!-- group -->
 
−
      <div class="clearfix" id="u581_align_to_page">
 
−
      <div class="clearfix grpelem" id="ppu847"><!-- column -->
 
−
        <div class="clearfix colelem" id="pu847"><!-- group -->
 
−
        <div class="clip_frame grpelem" id="u847"><!-- image -->
 
−
          <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"/>
 
−
        </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>
 
−
        <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"/>
 
−
        </div>
 
−
        <div class="clip_frame grpelem" id="u833"><!-- image -->
 
−
          <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"/>
 
−
        </div>
 
−
        <div class="clip_frame grpelem" id="u826"><!-- image -->
 
−
          <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"/>
 
−
        </div>
 
−
        </div>
 
−
        <div class="clearfix colelem" id="pu812"><!-- group -->
 
−
        <div class="clip_frame grpelem" id="u812"><!-- image -->
 
−
          <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 -->
 
−
          <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"/>
 
−
        </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;}})})};
 
  
 +
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
 +
<link href='http://fonts.googleapis.com/css?family=Archivo+Narrow:400,700' rel='stylesheet' type='text/css'>
 +
<style type="text/css">
 +
 +
body {
 +
margin : 0;
 +
font-family : lato, sans-serif;
 +
font-weight : 300;
 +
}
 +
#header {
 +
display : block;
 +
text-align : center;
 +
position : relative;
 +
width : 100%;
 +
}
 +
#imgheader{
 +
width : 100%;
 +
position : relative;
 +
z-index : 0;
 +
display : block;
 +
}
 +
.element {
 +
text-align : left;
 +
width : 125px;
 +
height : 125px;
 +
border : solid 1px rgb(232,41,47);
 +
margin-left : 5px;
 +
margin-right : 5px;
 +
position : relative;
 +
display : inline-block;
 +
margin-top : 0px;
 +
}
 +
.elementline {
 +
height : 125px;
 +
width : 100%;
 +
text-align : center;
 +
position : relative;
 +
margin-top : 10px;
 +
}
 +
#elementblock {
 +
margin-top : 100px;
 +
position : relative;
 +
}
 +
.age {
 +
color : rgb(232,41,47);
 +
font-size : 18px;
 +
float : left;
 +
font-weight : 300;
 +
display : inline-block;
 +
position : absolute;
 +
}
 +
.initial {
 +
color : rgb(232,41,47);
 +
font-size : 51px;
 +
font-weight : 300;
 +
display : inline-block;
 +
margin-top : 20px;
 +
float : left;
 +
position : absolute;
 +
line-height : 61px;
 +
}
 +
.spe {
 +
color : rgb(232,41,47);
 +
font-size : 13px;
 +
float : right;
 +
display : inline-block;
 +
position : relative;
 +
margin-top : 80px;
 +
text-align : right;
 +
line-height : 16px;
 +
font-weight : 300;
 +
}
 +
#descriptionblock {
 +
width : 100%;
 +
height : 300px;
 +
margin-top : 100px;
 +
 +
}
 +
#descripalma {
 +
width : 900px;
 +
height : 300px;
 +
display : none;
 +
position : relative;
 +
margin : auto;
 +
}
 +
#descripaya {
 +
width : 900px;
 +
height : 300px;
 +
display : none;
 +
position : relative;
 +
margin : auto;
 +
}
 +
#descripalicia {
 +
width : 900px;
 +
height : 300px;
 +
display : none;
 +
position : relative;
 +
margin : auto;
 +
}
 +
#descripaleks {
 +
width : 900px;
 +
height : 300px;
 +
display : none;
 +
position : relative;
 +
margin : auto;
 +
}
 +
#descripianis {
 +
width : 900px;
 +
height : 300px;
 +
display : none;
 +
position : relative;
 +
margin : auto;
 +
}
 +
#descripjoe {
 +
width : 900px;
 +
height : 300px;
 +
display : none;
 +
position : relative;
 +
margin : auto;
 +
}
 +
#descrippaul {
 +
width : 900px;
 +
height : 300px;
 +
display : none;
 +
position : relative;
 +
margin : auto;
 +
}
 +
#descrippl {
 +
width : 900px;
 +
height : 300px;
 +
display : none;
 +
position : relative;
 +
margin : auto;
 +
}
 +
#descripvictor {
 +
width : 900px;
 +
height : 300px;
 +
display : none;
 +
position : relative;
 +
margin : auto;
 +
}
 +
#descripyulian {
 +
width : 900px;
 +
height : 300px;
 +
display : none;
 +
position : relative;
 +
margin : auto;
 +
}
 +
.descriptionimg {
 +
float : left;
 +
width : 200px;
 +
background : rgb(0,0,255);
 +
}
 +
.description {
 +
margin-left : 250px;
 +
margin-top : 50px;
 +
}
 +
</style>
 +
 +
<header>
 +
<div id=header><img id=imgheader src="https://static.igem.org/mediawiki/2017/f/fd/Header_team2PB.png"></div>
 +
</header>
 +
 +
<body>
 +
 +
<div id=elementblock>
 +
<div class=elementline>
 +
<a href="#a" onclick=showalma()><div class=element id=alma><div class=age>22</div><div class=initial>Ac</div><div class=spe>Chemistry<br>and Biology</div></div></a>
 +
<a href="#a" onclick=showaya()><div class=element id=aya><div class=age>24</div><div class=initial>Ag</div><div class=spe>Synthetic</br>Biology</div></div></a>
 +
<a href="#a" onclick=showalicia()><div class=element id=alicia><div class=age>22</div><div class=initial>Am</div><div class=spe>Molecular</br>Biology</div></div></a>
 +
<a href="#a" onclick=showaleks()><div class=element id=aleks><div class=age>22</div><div class=initial>As</div><div class=spe>Biotechnology</div></div></a>
 +
<a href="#a" onclick=showianis()><div class=element is=ianis><div class=age>20</div><div class=initial>Id</div><div class=spe>Art and</br>Design</div></div></a>
 +
</div>
 +
<div class=elementline>
 +
<a href="#a" onclick=showjoe()><div class=element id=joe><div class=age>26</div><div class=initial>Jr</div><div class=spe>Genetics</div></div></a>
 +
<a href="#a" onclick=showpaul()><div class=element id=paul><div class=age>23</div><div class=initial>Pc</div><div class=spe>Biology</div></div></a>
 +
<a href="#a" onclick=showpl()><div class=element id=pl><div class=age>23</div><div class=initial>Ps</div><div class=spe>Biology</div></div></a>
 +
<a href="#a" onclick=showvictor()><div class=element id=victor><div class=age>21</div><div class=initial>Vp</div><div class=spe>Biomedicine</div></div></a>
 +
<a href="#a" onclick=showyulian()><div class=element id=yulian><div class=age>21</div><div class=initial>Yd</div><div class=spe>Interdisciplinary</br>Sciences</div></div></a>
 +
</div>
 +
</div>
 +
 +
<div id=descriptionblock>
 +
<div id=descripalma><img class=descriptionimg src="https://static.igem.org/mediawiki/2017/6/6b/Photo_almaPB.jpeg"><div class=description> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus aliquet augue eu accumsan pulvinar. In cursus sapien sed egestas lacinia. Morbi ex nibh, bibendum vel gravida in, rhoncus quis eros. Cras faucibus nunc vitae consectetur porta. Mauris mi velit, mattis sit amet risus sit amet, commodo efficitur quam. Mauris sit amet bibendum urna. Fusce mattis ut turpis sit amet hendrerit. Aliquam et enim viverra, commodo ipsum vitae, vestibulum tellus. Suspendisse tincidunt augue at luctus rhoncus. Duis placerat porttitor lobortis. Aliquam pulvinar sodales mauris, quis iaculis dui dignissim ac. Nunc non leo et tellus lobortis venenatis. Duis vitae sem eu nisl imperdiet scelerisque. Sed a condimentum eros, euismod tincidunt enim. Aliquam efficitur sed nisl eget fringilla.</div></div>
 +
<div id=descripaya><img class=descriptionimg src=""><div class=description>2</div></div>
 +
<div id=descripalicia><img class=descriptionimg src=""><div class=description>3</div></div>
 +
<div id=descripaleks><img class=descriptionimg src=""><div class=description>4</div></div>
 +
<div id=descripianis><img class=descriptionimg src=""><div class=description>5</div></div>
 +
<div id=descripjoe><img class=descriptionimg src=""><div class=description>6</div></div>
 +
<div id=descrippaul><img class=descriptionimg src=""><div class=description>7</div></div>
 +
<div id=descrippl><img class=descriptionimg src=""><div class=description>8</div></div>
 +
<div id=descripvictor><img class=descriptionimg src=""><div class=description>9</div></div>
 +
<div id=descripyulian><img class=descriptionimg src=""><div class=description>10</div></div>
 +
</div>
 +
 +
</body>
 +
 +
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 +
 +
<script>
 +
function showalma() {
 +
    document.getElementById('descripalma').style.display = 'block';
 +
    document.getElementById('descripaya').style.display = 'none';
 +
    document.getElementById('descripalicia').style.display = 'none';
 +
    document.getElementById('descripaleks').style.display = 'none';
 +
    document.getElementById('descripianis').style.display = 'none';
 +
    document.getElementById('descripjoe').style.display = 'none';
 +
    document.getElementById('descrippaul').style.display = 'none';
 +
    document.getElementById('descrippl').style.display = 'none';
 +
    document.getElementById('descripvictor').style.display = 'none';
 +
    document.getElementById('descripyulian').style.display = 'none';
 +
}
 +
function showaya() {
 +
    document.getElementById('descripalma').style.display = 'none';
 +
    document.getElementById('descripaya').style.display = 'block';
 +
    document.getElementById('descripalicia').style.display = 'none';
 +
    document.getElementById('descripaleks').style.display = 'none';
 +
    document.getElementById('descripianis').style.display = 'none';
 +
    document.getElementById('descripjoe').style.display = 'none';
 +
    document.getElementById('descrippaul').style.display = 'none';
 +
    document.getElementById('descrippl').style.display = 'none';
 +
    document.getElementById('descripvictor').style.display = 'none';
 +
    document.getElementById('descripyulian').style.display = 'none';
 +
}
 +
function showalicia() {
 +
    document.getElementById('descripalma').style.display = 'none';
 +
    document.getElementById('descripaya').style.display = 'none';
 +
    document.getElementById('descripalicia').style.display = 'block';
 +
    document.getElementById('descripaleks').style.display = 'none';
 +
    document.getElementById('descripianis').style.display = 'none';
 +
    document.getElementById('descripjoe').style.display = 'none';
 +
    document.getElementById('descrippaul').style.display = 'none';
 +
    document.getElementById('descrippl').style.display = 'none';
 +
    document.getElementById('descripvictor').style.display = 'none';
 +
    document.getElementById('descripyulian').style.display = 'none';
 +
}
 +
function showaleks() {
 +
    document.getElementById('descripalma').style.display = 'none';
 +
    document.getElementById('descripaya').style.display = 'none';
 +
    document.getElementById('descripalicia').style.display = 'none';
 +
    document.getElementById('descripaleks').style.display = 'block';
 +
    document.getElementById('descripianis').style.display = 'none';
 +
    document.getElementById('descripjoe').style.display = 'none';
 +
    document.getElementById('descrippaul').style.display = 'none';
 +
    document.getElementById('descrippl').style.display = 'none';
 +
    document.getElementById('descripvictor').style.display = 'none';
 +
    document.getElementById('descripyulian').style.display = 'none';
 +
}
 +
function showianis() {
 +
    document.getElementById('descripalma').style.display = 'none';
 +
    document.getElementById('descripaya').style.display = 'none';
 +
    document.getElementById('descripalicia').style.display = 'none';
 +
    document.getElementById('descripaleks').style.display = 'none';
 +
    document.getElementById('descripianis').style.display = 'block';
 +
    document.getElementById('descripjoe').style.display = 'none';
 +
    document.getElementById('descrippaul').style.display = 'none';
 +
    document.getElementById('descrippl').style.display = 'none';
 +
    document.getElementById('descripvictor').style.display = 'none';
 +
    document.getElementById('descripyulian').style.display = 'none';
 +
}
 +
function showjoe() {
 +
    document.getElementById('descripalma').style.display = 'none';
 +
    document.getElementById('descripaya').style.display = 'none';
 +
    document.getElementById('descripalicia').style.display = 'none';
 +
    document.getElementById('descripaleks').style.display = 'none';
 +
    document.getElementById('descripianis').style.display = 'none';
 +
    document.getElementById('descripjoe').style.display = 'block';
 +
    document.getElementById('descrippaul').style.display = 'none';
 +
    document.getElementById('descrippl').style.display = 'none';
 +
    document.getElementById('descripvictor').style.display = 'none';
 +
    document.getElementById('descripyulian').style.display = 'none';
 +
}
 +
function showpaul() {
 +
    document.getElementById('descripalma').style.display = 'none';
 +
    document.getElementById('descripaya').style.display = 'none';
 +
    document.getElementById('descripalicia').style.display = 'none';
 +
    document.getElementById('descripaleks').style.display = 'none';
 +
    document.getElementById('descripianis').style.display = 'none';
 +
    document.getElementById('descripjoe').style.display = 'none';
 +
    document.getElementById('descrippaul').style.display = 'block';
 +
    document.getElementById('descrippl').style.display = 'none';
 +
    document.getElementById('descripvictor').style.display = 'none';
 +
    document.getElementById('descripyulian').style.display = 'none';
 +
}
 +
function showpl() {
 +
    document.getElementById('descripalma').style.display = 'none';
 +
    document.getElementById('descripaya').style.display = 'none';
 +
    document.getElementById('descripalicia').style.display = 'none';
 +
    document.getElementById('descripaleks').style.display = 'none';
 +
    document.getElementById('descripianis').style.display = 'none';
 +
    document.getElementById('descripjoe').style.display = 'none';
 +
    document.getElementById('descrippaul').style.display = 'none';
 +
    document.getElementById('descrippl').style.display = 'block';
 +
    document.getElementById('descripvictor').style.display = 'none';
 +
    document.getElementById('descripyulian').style.display = 'none';
 +
}
 +
function showvictor() {
 +
    document.getElementById('descripalma').style.display = 'none';
 +
    document.getElementById('descripaya').style.display = 'none';
 +
    document.getElementById('descripalicia').style.display = 'none';
 +
    document.getElementById('descripaleks').style.display = 'none';
 +
    document.getElementById('descripianis').style.display = 'none';
 +
    document.getElementById('descripjoe').style.display = 'none';
 +
    document.getElementById('descrippaul').style.display = 'none';
 +
    document.getElementById('descrippl').style.display = 'none';
 +
    document.getElementById('descripvictor').style.display = 'block';
 +
    document.getElementById('descripyulian').style.display = 'none';
 +
}
 +
function showyulian() {
 +
    document.getElementById('descripalma').style.display = 'none';
 +
    document.getElementById('descripaya').style.display = 'none';
 +
    document.getElementById('descripalicia').style.display = 'none';
 +
    document.getElementById('descripaleks').style.display = 'none';
 +
    document.getElementById('descripianis').style.display = 'none';
 +
    document.getElementById('descripjoe').style.display = 'none';
 +
    document.getElementById('descrippaul').style.display = 'none';
 +
    document.getElementById('descrippl').style.display = 'none';
 +
    document.getElementById('descripvictor').style.display = 'none';
 +
    document.getElementById('descripyulian').style.display = 'block';
 +
}
 
</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}}
 
{{Paris_Bettencourt/footer}}

Revision as of 16:51, 10 October 2017


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus aliquet augue eu accumsan pulvinar. In cursus sapien sed egestas lacinia. Morbi ex nibh, bibendum vel gravida in, rhoncus quis eros. Cras faucibus nunc vitae consectetur porta. Mauris mi velit, mattis sit amet risus sit amet, commodo efficitur quam. Mauris sit amet bibendum urna. Fusce mattis ut turpis sit amet hendrerit. Aliquam et enim viverra, commodo ipsum vitae, vestibulum tellus. Suspendisse tincidunt augue at luctus rhoncus. Duis placerat porttitor lobortis. Aliquam pulvinar sodales mauris, quis iaculis dui dignissim ac. Nunc non leo et tellus lobortis venenatis. Duis vitae sem eu nisl imperdiet scelerisque. Sed a condimentum eros, euismod tincidunt enim. Aliquam efficitur sed nisl eget fringilla.
2
3
4
5
6
7
8
9
10
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