Team:Paris Bettencourt/Notebook

From 2014.igem.org

(Difference between revisions)
Line 2: Line 2:
<html>
<html>
-
<style>
+
<style>
-
body {
+
              body {
-
width : 100%;
+
                      width : 100%;
 +
              }
 +
 
 +
#topheader {
 +
width : 100%;
 +
height : 300px;
 +
margin-top : 40px;
 +
background-image : url("https://static.igem.org/mediawiki/2014/b/ba/Smell_of_roses.png");
 +
        background-size : cover;
 +
background-color : transparent;
 +
}
 +
 
 +
h2 {
 +
font-family : Times;
 +
font-size : 30px;
 +
text-align : center;
}
}
-
#topheader {
+
-
width : 100%;
+
h3 {
-
height : 700px;
+
font-family : Times;
-
margin-top : 40px;
+
font-size : 30px;
-
background-image : url("https://static.igem.org/mediawiki/2014/7/7f/Faefe568ebc4d67e30154c3e4b21563a.jpg");
+
text-align : center;
-
background-size : cover;
+
text-decoration : underline;
-
background-color : rgb(0,255,255);
+
}
}
-
#subheader {
+
-
width : 100%;
+
h4 {
-
height : 60px;
+
font-family : Times;
-
background : rgb(255,0,99);
+
font-size : 16px;
-
margin-top : 0px;
+
margin-left : 5%;
 +
text-decoration : underline;
 +
color : rgb(0,0,0);
}
}
-
#subheader #tableau {
+
-
width : 100%;
+
#cadre {
-
height : 100%;
+
border:5px double rgb(0,0,0);
-
text-align : center;
+
align="center";
-
background : rgb(255,0,99);
+
height ="45px";
 +
color: rgb(0,0,0);
}
}
-
#subheader #tableau tr .case {
+
-
width : 16.666%;
+
#link {
-
color : rgb(255,255,255);
+
color : rgb(0,0,0);
-
background : rgb(255,0,99);
+
}
}
-
.description {
+
-
position : absolute;
+
#menu {
-
height : 200px;
+
-
width : 100%;
+
-
display : none;
+
-
background-color : rgb(255,255,255);
+
-
z-index : 50;
+
-
left : 0;
+
-
margin-top : 20px;
+
text-align : center;
text-align : center;
-
vertical-align : middle;
+
height : 45px;
 +
width : 65%;
 +
margin-left : 17.5%;
 +
margin-right : 17.5%;
}
}
-
#subheader #tableau tr .case:hover .description {
+
-
display : table-cell;
+
 +
#shadow {
 +
margin-left : 2%;
 +
float : left;
 +
border-radius : 5px;
 +
box-shadow : -1px 2px 10px 3px rgb(190,190,190) inset;
}
}
-
.description p {
+
 
-
width : 90%;
+
#menu-accordeon {
-
margin-left : 5%;
+
padding:0;
-
font-size : 15px;
+
margin:0;
-
vertical-align : middle;
+
list-style:none;
-
color : rgb(150,149,149);
+
width: 180px;
-
margin-top : 58px;
+
}
}
-
#subheader #tableau tr .case a {
+
#menu-accordeon ul {
-
color : rgb(255,255,255);
+
padding:0;
-
text-decoration : none;
+
margin:0;
-
font-size : 18px;
+
list-style:none;
}
}
-
#top {
+
 
-
position : fixed;
+
#menu-accordeon li {
-
right : 20px;
+
border-radius: 6px;
-
bottom : 10px;
+
margin-bottom:2px;
-
width : 25px;
+
-
height : 25px;
+
-
z-index : 100;
+
}
}
-
#top img {
+
 
-
width : 100%;
+
#menu-accordeon li li {
-
height : 100%;
+
max-height:0;
 +
overflow: hidden;
 +
transition: all .5s;
 +
border-radius:0;
 +
box-shadow: none;
 +
border:none;
 +
margin-left : 20px;
}
}
-
#nameimg {
+
#menu-accordeon a {
-
position : relative;
+
display:block;
-
width : 200px;
+
text-decoration: none;
-
height : 200px;
+
color: rgb(0,0,0);
-
left : 20%;
+
padding: 8px 0;
-
background : transparent;
+
font-family: verdana;
-
z-index : 60;
+
}
}
-
#separation {
+
-
width : 100%;
+
-
heigth : 1px;
+
#menu-accordeon ul li:last-child {
-
margin-top : 1150px;
+
border-radius: 0 0 6px 6px;
 +
border:none;
}
}
-
#descriptionmain {
+
#menu-accordeon li:hover li {
-
width : 100%;
+
max-height: 15em;
-
height : 200px;
+
-
text-align : center;
+
-
vertical-align : middle;
+
-
display : table-cell;
+
-
z-index :0
+
}
}
-
#descriptionmain p {
+
-
width : 90%;
+
h5 {
-
margin-left : 5%;
+
font-size : 17px;
-
font-size : 15px;
+
margin-left : 6%;
-
vertical-align : middle;
+
font-family : Times;
-
color : rgb(150,149,149);
+
color : rgb(0,0,0);
}
}
-
.date {
+
-
position : absolute;
+
p {
-
width : 100%;
+
font-size : 14px;
-
height : 50px;
+
margin-left : 2%;
-
vertical-align : bottom;
+
                        margin-right : 2%;
-
background-color : initial;
+
-
bottom : 0px;
+
-
background-color : rgb(255,0,99);
+
-
                        top : 150px;
+
-
}
+
-
.date tr .case2 {
+
-
width : 20%;
+
-
color : initial;
+
-
text-align : center;
+
-
font-color : rgb(0,0,0);
+
-
}
+
-
.date tr .case2 a {
+
color : rgb(0,0,0);
color : rgb(0,0,0);
-
text-decoration : none;
+
text-align : justify;
}
}
-
                .case2 {
+
-
                        color : rgb(0,0,0);
+
#corps {
-
                         top : 250px;
+
border : 1px solid rgb(0,0,0);
-
                 }
+
border-radius : 5px;
 +
margin-left : 18%;
 +
margin-right : 18%;
 +
                         width: 60%;
 +
                        margin-bottom:50px;
 +
                        overflow-x: hidden;
 +
                        overflow-y: scroll;
 +
                        /*overflow: scroll;*/
 +
                        align = "center";
 +
}
 +
.nameimg {
 +
position : absolute;
 +
width : 230px;
 +
margin-left : 8%;
 +
                 margin-top : 80px;
 +
background : transparent;
 +
z-index : 60;
 +
}
 +
 +
 
</style>
</style>
 +
<body>
<body>
-
<p id=top><a href="#topheader"><img src="https://static.igem.org/mediawiki/2014/4/41/Arrow.png"></a></p>
+
 
 +
 
<div id="topheader">
<div id="topheader">
-
<img src="https://static.igem.org/mediawiki/2014/b/b1/Smelltheroses.png" id=nameimg>
+
<img src="https://static.igem.org/mediawiki/2014/8/82/PB14dailynote.png" class=nameimg>
</div>
</div>
-
<div id=subheader>
+
 
-
<table id=tableau>
+
 
-
<tr>
+
-
<td class=case><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Odor_Library">SMELL THE ROSES</a><div class=description><p> Here we present the design of an odour palette. It is composed of BioBricks containing coding sequences for different enzymes known to catalyse reactions that yield volatile compounds with characteristic smells. We included smells with different tonalities such in order to explore the resulting aromas from different combinations of smelly units.
+
</br>
-
<table class=date><tr><td class=case2><a "color=rgb(0,0,0);" href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Odor_Library#June">June</a></td>
+
</br>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Odor_Library#July">July</a></td>
+
</br>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Odor_Library#August">August</a></td>
+
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Odor_Library#September">September</a></td>
+
<div id="shadow">
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Odor_Library#October">October</a></td></tr></table></p></div></td>
+
<ul id="menu-accordeon">
-
<td class=case><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/TMAU">SOMETHING FISHY</a><div class=description><p>Trimethylaminuria (TMAU) is a rare genetic disease causing a strong fish odor. Our project aims at engineering skin bacteria to degrade trimethylamine, the odor causing molecule, by the enzyme TMM (trimethylamine monooxygenase).
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Odor_Library">+ Smell The Roses</a>
-
<table class=date><tr><td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/TMAU#June">June</a></td>
+
<ul>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/TMAU#July">July</a></td>
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Odor_Library#June">June</a></li>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/TMAU#August">August</a></td>
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Odor_Library#July">July</a></li>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/TMAU#September">September</a></td>
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Odor_Library#August">August</a></li>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/TMAU#October">October</a></td></tr></table></p></div></td>
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Odor_Library#September">September</a></li>
-
<td class=case><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Foot_Odor">GOODY TWO SHOES</a><div class=description><p>Isovaleric acid is a compound produced by B. subtilis through leucine degradation pathway, which is hypothesized to be responsible for the foot odor (cheese smell.) Our project aims at validating this hypothesis with the aid of both invitro and insitu experimentation's.
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Odor_Library#October">October</a></li>
-
<table class=date><tr><td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Foot_Odor#June">June</a></td>
+
</ul>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Foot_Odor#July">July</a></td>
+
</li>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Foot_Odor#August">August</a></td>
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Old_People_Smell">+ Teen Spirit</a>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Foot_Odor#September">September</a></td>
+
<ul>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Foot_Odor#October">October</a></td></tr></table></p></div></td>
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Old_People_Smell#June">June</a></li>
-
<td class=case><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Eliminate_Smell">DON'T SWEAT IT</a><div class=description><p>Bacteria processing sweat is the major responsible of body odor. Our project aims to study the bacteria involved in the creation of malodorant compounds and try to find natural variant that are odorless. The final goal would be to create a probiotic cosmetic.
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Old_People_Smell#July">July</a></li>
-
<table class=date><tr><td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Eliminate_Smell#June">June</a></td>
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Old_People_Smell#August">August</a></li>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Eliminate_Smell#July">July</a></td>
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Old_People_Smell#September">September</a></li>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Eliminate_Smell#August">August</a></td>
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Old_People_Smell#October">October</a></li>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Eliminate_Smell#September">September</a></td>
+
</ul>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Eliminate_Smell#October">October</a></td></tr></table></p></div></td>
+
</li>
-
<td class=case><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Old_People_Smell">TEEN SPIRIT</a><div class=description><p>2-nonenal is a compound, with very specific strong odor perceived as iris, fat, and cucumber, which rate increases with age. Our goal is to study relationship between human skin bacteria and 2-nonenal.
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/TMAU">+ Something Fishy</a>
-
<table class=date><tr><td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Old_People_Smell#June">June</a></td>
+
<ul>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Old_People_Smell#July">July</a></td>
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/TMAU#June">June</a></li>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Old_People_Smell#August">August</a></td>
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/TMAU#July">July</a></li>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Old_People_Smell#September">September</a></td>
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/TMAU#August">August</a></li>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Old_People_Smell#October">October</a></td></tr></table></p></div></td>
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/TMAU#September">September</a></li>
-
<td class=case><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Interlab_Study">INTERLAB STUDIES</a><div class=description><p>2-nonenal is a compound, with very specific strong odor perceived as iris, fat, and cucumber, which rate increases with age. Our goal is to study relationship between human skin bacteria and 2-nonenal.
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/TMAU#October">October</a></li>
-
<table class=date><tr><td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Interlab_Study#June">June</a></td>
+
</ul>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Interlab_Study#July">July</a></td>
+
</li>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Interlab_Study#August">August</a></td>
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Foot_Odor" id="link">+ Goody Two Shoes</a>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Interlab_Study#September">September</a></td>
+
<ul>
-
<td class=case2><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Interlab_Study#October">October</a></td></tr></table></p></div></td>
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Foot_Odor#June">June</a></li>
-
</tr>
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Foot_Odor#July">July</a></li>
-
</table>
+
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Foot_Odor#August">August</a></li>
 +
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Foot_Odor#September">September</a></li>
 +
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Foot_Odor#October">October</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Eliminate_Smell" id="link">+ Don't Sweat It</a>
 +
<ul>
 +
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Eliminate_Smell#June">June</a></li>
 +
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Eliminate_Smell#July">July</a></li>
 +
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Eliminate_Smell#August">August</a></li>
 +
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Eliminate_Smell#September">September</a></li>
 +
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Eliminate_Smell#October">October</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Interlab_Study" id="link">+ Interlab Study</a>
 +
<ul>
 +
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Interlab_Study#June">June</a></li>
 +
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Interlab_Study#July">July</a></li>
 +
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Interlab_Study#August">August</a></li>
 +
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Interlab_Study#September">September</a></li>
 +
<li><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook/Interlab_Study#October">October</a></li>
 +
</ul>
 +
</li>
 +
</ul>
</div>
</div>
-
<div id=descriptionmain>
+
<div id="corps">
-
<p> Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sollicitudin elementum rutrum. Vivamus sapien ipsum, scelerisque ut facilisis vel, elementum at sapien. Curabitur et semper enim. Morbi vitae velit quis dui porttitor tristique. Mauris odio quam, pellentesque in quam sit amet, volutpat condimentum sem. Praesent cursus aliquam sodales. Duis nec.</p>
+
</div>
</div>
</body>
</body>
</html>
</html>
-
 
{{:Team:Paris_Bettencourt/Footer}}
{{:Team:Paris_Bettencourt/Footer}}

Revision as of 07:32, 14 October 2014




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
+33 1 44 41 25 22/25
paris-bettencourt-igem@googlegroups.com
Copyright (c) 2014 igem.org. All rights reserved.

Retrieved from "http://2014.igem.org/Team:Paris_Bettencourt/Notebook"