Difference between revisions of "Team:Paris Bettencourt"

Line 25: Line 25:
 
     display: none;
 
     display: none;
 
}
 
}
 +
 +
 +
 +
.top-menu{
 +
    background-color: #062D75; color:white;
 +
   
 +
    z-index: 2000;
 +
    position: fixed;
 +
    width: 100%;
 +
    padding-right: 30px;
 +
}
 +
 +
section.page-header {
 +
    height: 380px;
 +
    margin-bottom: 35px;
 +
    margin-top: 65px;
 +
}
 +
 +
.page-header .logo {
 +
    width: 360px;
 +
    position: absolute;
 +
    left: 50%;
 +
    margin-left: -180px !important;  /* 50% of your logo width */
 +
    display: block;
 +
    z-index:100;
 +
}
 +
#u1570{
 +
    height:380px;
 +
}
 +
 +
 +
 +
body p{
 +
    color: #7F7F7F;
 +
    font-family: Lato, sans-serif;
 +
    font-weight: 300;
 +
    font-size: 22px;
 +
    line-height: 30px;
 +
}
 +
 +
h1, h1 p {
 +
    color: #E8292F;
 +
    text-align: center;
 +
    font-size: 45px;
 +
    line-height: 58px;
 +
    font-family: lato, sans-serif;
 +
    font-weight: 300;
 +
 +
 
 +
}
 +
 +
.disclamer {
 +
    width: 664px;
 +
    position: relative;
 +
    left: 50%;
 +
    margin-left: -332px !important;
 +
    text-align: center;
 +
    margin: 50px 0 110px 0;
 +
}
 +
 +
.text-block{
 +
    padding: 0 60px;
 +
}
 +
 +
h2, h2 p {
 +
    background-color: transparent;
 +
    text-transform: uppercase;
 +
    color: #E8292F;
 +
    text-align: center;
 +
    font-family: lato, sans-serif;
 +
    font-weight: 500;
 +
    font-size: 24px;
 +
}
 +
 +
section.page-content {
 +
    padding: 0 60px;
 +
}
 +
 +
.cat-menu {
 +
    margin-top: 120px;
 +
}
 +
 +
 +
 +
.cat-menu a{
 +
    display: block;
 +
    position: relative;
 +
    left: 50%;
 +
    margin-left: -75px !important;
 +
 +
}
 +
 +
section.page-footer {
 +
    margin-top: 120px;
 +
    height: 150px;
 +
    background-color: #eee;
 +
    padding-top: 30px;
 +
    padding-left:30px;
 +
   
 +
}
 +
 +
section.page-footer p {
 +
    font-size: 14px;
 +
    line-height: 15px;
 +
    color: rgb(151, 144, 144);
 +
}
 +
 +
.cat-menu-item{
 +
    padding-right: 30px;
 +
}
 +
 +
 +
 +
 +
.home-link a {
 +
    color: white;
 +
    display: block;
 +
    text-decoration: none;
 +
    width: 25px;
 +
    font-size: 26px;
 +
    padding-top: 6px;
 +
}
 +
   
 +
ul.wtf-menu{
 +
    height:50px;
 +
    padding-bottom: 0;
 +
    margin-bottom: 0;
 +
       
 +
}
 +
 +
 +
  ul.wtf-menu li{
 +
    list-style: none;
 +
    float: left;
 +
    padding: 0px 0px;
 +
    margin: 0px 0px;
 +
    line-height: 50px;
 +
    display: block;
 +
    position: relative;
 +
    text-transform: uppercase;
 +
  }
 +
   
 +
  ul.wtf-menu li a{
 +
    color: #7F7F7F;;
 +
    text-decoration: none;
 +
    display:block;
 +
    width:100%;
 +
 +
    padding: 0px 15px;
 +
    margin: 0px 0px;
 +
    display: block;
 +
 +
  }
 +
   
 +
  ul.wtf-menu li:hover, ul.wtf-menu li:hover >a{
 +
    background-color:#E8292F;
 +
    color: white;
 +
  }
 +
 +
  ul.wtf-menu li.parent:hover:after  {
 +
    color:white;
 +
}
 +
 +
  .wtf-menu ul.submenu{
 +
   
 +
    width: 190px;
 +
    padding: 0px 0px;
 +
    margin: 0px;
 +
    background: #fff;
 +
    position: absolute;
 +
    top:50px;
 +
    left:0px;
 +
    display:none;
 +
 +
    /*  Dropdown shadow */
 +
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
 +
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.3);
 +
}
 +
 +
.wtf-menu li.main-item >a{
 +
    color: white;
 +
}
 +
 +
.wtf-menu ul.submenu ul{
 +
    left: 190px;
 +
    top:0px;
 +
}
 +
 +
.wtf-menu ul.submenu li{
 +
    padding: 0px;
 +
    margin: 0px;
 +
    display: block;
 +
    float: none;
 +
    border-bottom: 1px solid #eee;
 +
    line-height: 40px;
 +
    text-transform: none;
 +
}
 +
 +
.wtf-menu ul.submenu li:last-child{
 +
    border: none;
 +
}
 +
 +
ul.wtf-menu ul li.parent:after {
 +
    font-family: 'Fontawesome';
 +
    content: "\f0da";
 +
    color: #999;
 +
    position: absolute;
 +
    right: 10px;
 +
    top: 0px;
 +
    margin-left: 5px;
 +
}
 +
 +
 +
 +
.wtf-menu li:hover > ul{
 +
    display: block;
 +
    -moz-animation: zoomIn .3s ease-in;
 +
    -webkit-animation: zoomIn .3s ease-in ;
 +
    animation: zoomIn .3s ease-in;
 +
 +
}
 +
 +
.wtf-menu ul li:hover > ul{
 +
    display:block;
 +
    -moz-animation: zoomIn .3s ease-in ;
 +
    -webkit-animation: zoomIn .3s ease-in ;
 +
    animation: zoomIn .3s ease-in;
 +
}
 +
 +
/*
 +
 +
Fadein Up
 +
.wtf-menu li:hover > ul{
 +
    display:block;
 +
    -moz-animation: fadeInUp .3s ease-in  ;
 +
    -webkit-animation: fadeInUp .3s ease-in ;
 +
    animation:fadeInUp .3s ease-in ;
 +
}
 +
 +
.wtf-menu ul li:hover > ul{
 +
    display:block;
 +
    -moz-animation: fadeInRight .3s ease-in ;
 +
    -webkit-animation: fadeInRight .3s ease-in ;
 +
    animation:fadeInRight .3s ease-in ;
 +
}
 +
 +
Faedin Down
 +
.wtf-menu li:hover > ul{
 +
    display:block;
 +
    -moz-animation: fadeInDown .3s ease-in ;
 +
    -webkit-animation: fadeInDown .3s ease-in ;
 +
    animation:fadeInDown .3s ease-in ;
 +
}
 +
 +
.wtf-menu ul li:hover > ul{
 +
    display:block;
 +
    -moz-animation: fadeInLeft .3s ease-in ;
 +
    -webkit-animation: fadeInLeft .3s ease-in ;
 +
    animation:fadeInLeft .3s ease-in ;
 +
}
 +
 +
 +
FadeIn
 +
.wtf-menu li:hover > ul{
 +
    display:block;
 +
    -moz-animation: fadeIn .3s ease-in ;
 +
    -webkit-animation: fadeIn .3s ease-in ;
 +
    animation:fadeIn  .3s ease-in ;
 +
 +
}
 +
 +
.wtf-menu ul li:hover > ul{
 +
    display:block;
 +
    -moz-animation: fadeIn .3s ease-in ;
 +
    -webkit-animation: fadeIn .3s ease-in ;
 +
    animation: fadeIn .3s ease-in;
 +
}
 +
 +
Zoom in
 +
 +
.wtf-menu li:hover > ul{
 +
    display: block;
 +
    -moz-animation: zoomIn .3s ease-in;
 +
    -webkit-animation: zoomIn .3s ease-in ;
 +
    animation: zoomIn .3s ease-in;
 +
 +
}
 +
 +
.wtf-menu ul li:hover > ul{
 +
    display:block;
 +
    -moz-animation: zoomIn .3s ease-in ;
 +
    -webkit-animation: zoomIn .3s ease-in ;
 +
    animation: zoomIn .3s ease-in;
 +
}
 +
 +
Flip
 +
.wtf-menu li:hover > ul{
 +
    display: block;
 +
    -moz-animation: flipInX .3s ease-in;
 +
    -webkit-animation: flipInX .3s ease-in ;
 +
    animation: flipInX .3s ease-in;
 +
 +
}
 +
 +
.wtf-menu ul li:hover > ul{
 +
    display:block;
 +
    -moz-animation: flipInY .3s ease-in ;
 +
    -webkit-animation: flipInY .3s ease-in ;
 +
    animation: flipInY .3s ease-in;
 +
}
 +
*/
  
 
</style>
 
</style>

Revision as of 15:44, 23 October 2017

BRINING CONTROL TO THE

THIRD DIMENSION

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.

By creating logic circuits with photo sensitive proteins, we control and study cells in 3D.

Biomaterials

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.

Light control

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.

 RNA Agglomerations

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.

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