Team:Paris Bettencourt

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{Team:Paris_Bettencourt/Wiki}}
+
<!DOCTYPE html>
-
{{Team:Paris_Bettencourt/Menu}}
+
<html>
<html>
Line 33: Line 32:
right : 0;
right : 0;
text-align : center;
text-align : center;
-
background-color : rgb(225,0,99);
+
background-color : rgb(197,192,193);
}
}
#definition {
#definition {
Line 41: Line 40:
line-height : normal;
line-height : normal;
text-align : center;
text-align : center;
-
                        position : relative;
+
position : relative;
-
                        margin-top : 100px;
+
margin-top : 100px;
}
}
.definition {
.definition {
Line 63: Line 62:
align : center;
align : center;
z-index : 50;
z-index : 50;
 +
display : block;
}
}
-
                .projectdescription {
+
#logorose {
-
                        position : relative;
+
position : absolute;
-
                        width : 100%;
+
width : 100px;
-
                        height : 100px;
+
height : 100px;
-
                        background : rgb(255,0,99);
+
right : 0;
-
                }
+
left : 0;
-
                #smell {
+
margin : auto;
-
                      position : relative;
+
margin-top : -50px;
-
                      width : 100%;
+
background : transparent;
-
                      height : 300px;
+
align : center;
-
                      background-image : url("https://static.igem.org/mediawiki/2014/b/ba/Smell_of_roses.png");
+
z-index : 50;
-
      background-size : cover;
+
display : none;
-
                }
+
}
-
                #teen {
+
#logo:hover #logoblanc {
-
                        position : relative;
+
display : none;
-
                        width : 100%;
+
}
-
                        height : 300px;
+
#logo:hover #logorose {
-
                        background-image : url("https://static.igem.org/mediawiki/2014/5/5c/Teenspirit4.png");
+
display : block;
 +
}
 +
.projectdescription {
 +
position : relative;
 +
width : 100%;
 +
height : 100px;
 +
background : rgb(255,0,99);
 +
}
 +
#smell {
 +
position : relative;
 +
width : 100%;
 +
height : 300px;
 +
background-image : url("https://static.igem.org/mediawiki/2014/b/ba/Smell_of_roses.png");
background-size : cover;
background-size : cover;
-
                }
+
}
-
                #fish {
+
#teen {
-
                        position : relative;
+
position : relative;
-
                        width : 100%;
+
width : 100%;
-
                        height : 300px;
+
height : 300px;
-
                        background-image : url("https://static.igem.org/mediawiki/2014/4/43/Something_fishy.png");
+
background-image : url("https://static.igem.org/mediawiki/2014/5/5c/Teenspirit4.png");
background-size : cover;
background-size : cover;
-
                }
+
}
-
                #shoes {
+
#fish {
-
                        position : relative;
+
position : relative;
-
                        width : 100%;
+
width : 100%;
-
                        height : 300px;
+
height : 300px;
-
                        background-image : url("https://static.igem.org/mediawiki/2014/8/8a/Two_shoesv3.png");
+
background-image : url("https://static.igem.org/mediawiki/2014/4/43/Something_fishy.png");
background-size : cover;
background-size : cover;
-
                }
+
}
-
                #sweat {
+
#shoes {
-
                        position : relative;
+
position : relative;
-
                        width : 100%;
+
width : 100%;
-
                        height : 300px;
+
height : 300px;
-
                        background-image : url("https://static.igem.org/mediawiki/2014/7/76/Sweat_it2.png");
+
background-image : url("https://static.igem.org/mediawiki/2014/8/8a/Two_shoesv3.png");
background-size : cover;
background-size : cover;
-
                }
+
}
-
                .nameimg {
+
#sweat {
 +
position : relative;
 +
width : 100%;
 +
height : 300px;
 +
background-image : url("https://static.igem.org/mediawiki/2014/7/76/Sweat_it2.png");
 +
background-size : cover;
 +
}
 +
.nameimg {
position : absolute;
position : absolute;
width : 200px;
width : 200px;
Line 112: Line 131:
margin-top : -150px;
margin-top : -150px;
background : transparent;
background : transparent;
-
                        z-index : 60;
+
z-index : 60;
-
                }
+
}
-
                .nameimgsf {
+
.nameimgsf {
position : absolute;
position : absolute;
width : 300px;
width : 300px;
Line 121: Line 140:
margin-top : -150px;
margin-top : -150px;
background : transparent;
background : transparent;
-
                        z-index : 60;
+
z-index : 60;
-
                }
+
}
-
                .nameimgts {
+
.nameimgts {
position : absolute;
position : absolute;
width : 200px;
width : 200px;
Line 130: Line 149:
margin-top : -120px;
margin-top : -120px;
background : transparent;
background : transparent;
-
                        z-index : 60;
+
z-index : 60;
-
                }
+
}
-
                     
+
#tableau {
 +
cols : 3;
 +
width : 100%;
 +
vertical-align : top;
 +
display : inline-table;
 +
border-collapse : separate;
 +
border-spacing : 30px 30px;
 +
height : 600px;
 +
}
 +
#tablediv {
 +
margin-left : auto;
 +
margin-right : auto;
 +
width : 100%;
 +
background : rgb(197,192,192);
 +
}
 +
.case {
 +
width : 31.333%;
 +
height : 200px;
 +
vertical-align : top;
 +
}
 +
.case a div {
 +
position :relative;
 +
text-align : center;
 +
vertical-align : middle;
 +
width : 100%;
 +
height : 100%;
 +
}
 +
.case div:hover {
 +
font-weight : bold;
 +
}
 +
.case a div img {
 +
position : relative;
 +
widht : 125%;
 +
height : 125%;
 +
}
 +
.case a div img:hover {
 +
widht : 130%;
 +
height : 130%;
 +
}
 +
 
</style>
</style>
Line 141: Line 199:
<body>
<body>
<div id=topheader></div>
<div id=topheader></div>
-
<img id=logoblanc src="https://static.igem.org/mediawiki/2014/7/7d/Logoblanc.png">
+
<div id=logo><img id=logoblanc src="https://static.igem.org/mediawiki/2014/7/7d/Logoblanc.png"><img id=logorose src="https://static.igem.org/mediawiki/2014/2/28/Logorose.png"></div>
<div id=subheader>
<div id=subheader>
<div id=definition>
<div id=definition>
Line 148: Line 206:
</div>
</div>
</div>
</div>
-
                <div id=sweat></div>
+
<div id=sweat></div>
-
                <a href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Eliminate_Smell"><img src="https://static.igem.org/mediawiki/2014/e/e1/Dontsweatit.png" class=nameimg></a>
+
<a href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Eliminate_Smell"><img src="https://static.igem.org/mediawiki/2014/e/e1/Dontsweatit.png" class=nameimg></a>
-
                <div class=projectdescription></div>
+
<div class=projectdescription></div>
-
                <div id=smell></div>
+
<div id=smell></div>
-
                <a href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Odor_Library"><img src="https://static.igem.org/mediawiki/2014/b/b1/Smelltheroses.png" class=nameimg></a>
+
<a href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Odor_Library"><img src="https://static.igem.org/mediawiki/2014/b/b1/Smelltheroses.png" class=nameimg></a>
-
                <div class=projectdescription></div>
+
<div class=projectdescription></div>
-
                <div id=teen></div>
+
<div id=teen></div>
-
                <a href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Old_People_Smell"><img src="https://static.igem.org/mediawiki/2014/6/6f/Teenspirit.png" class=nameimgts></a>
+
<a href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Old_People_Smell"><img src="https://static.igem.org/mediawiki/2014/6/6f/Teenspirit.png" class=nameimgts></a>
-
                <div class=projectdescription></div>
+
<div class=projectdescription></div>
-
                <div id=fish></div>
+
<div id=fish></div>
-
                <a href="https://2014.igem.org/Team:Paris_Bettencourt/Project/TMAU"><img src="https://static.igem.org/mediawiki/2014/b/b9/Somethingfishy.png" class=nameimgsf></a>
+
<a href="https://2014.igem.org/Team:Paris_Bettencourt/Project/TMAU"><img src="https://static.igem.org/mediawiki/2014/b/b9/Somethingfishy.png" class=nameimgsf></a>
-
                <div class=projectdescription></div>
+
<div class=projectdescription></div>
-
                <div id=shoes></div>
+
<div id=shoes></div>
-
                <a href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Foot_Odor"><img src="https://static.igem.org/mediawiki/2014/3/3a/Goodytwoshoes.png" class=nameimg></a>
+
<a href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Foot_Odor"><img src="https://static.igem.org/mediawiki/2014/3/3a/Goodytwoshoes.png" class=nameimg></a>
-
                <div class=projectdescription></div>
+
<div class=projectdescription></div>
 +
<div id=tablediv>
 +
<table id=tableau>
 +
<tr><td id="case1" class=case><a href="https://2014.igem.org/Team:Paris_Bettencourt/MOOC"><div><img src="https://static.igem.org/mediawiki/2014/7/79/Moocv2.png"></div></a></td><td id=case2 class=case><a href="https://2014.igem.org/Team:Paris_Bettencourt/Citizen_Science"><div><img src="https://static.igem.org/mediawiki/2014/5/5d/Citizensciencev2.png"></div></a></td><td id=case3 class=case><a href="https://2014.igem.org/Team:Paris_Bettencourt/Newsletter"><div><img src="https://static.igem.org/mediawiki/2014/e/e7/Newsletterv2.png"></div></a></td></tr>
 +
<tr><td id=case4 class=case><a href="https://2014.igem.org/Team:Paris_Bettencourt/Facts"><div><img src="https://static.igem.org/mediawiki/2014/b/bd/Notebookv2.png"></div></a></td><td id=case5 class=case><a href="https://2014.igem.org/Team:Paris_Bettencourt/Notebook"><div><img src="https://static.igem.org/mediawiki/2014/0/07/Factsv2.png"></div></a></td><td id=case6 class=case><a href="https://2014.igem.org/Team:Paris_Bettencourt/Team"><div><img src="https://static.igem.org/mediawiki/2014/6/6f/Teamv2.png"></div></a></td></tr>
 +
</table>
 +
</div>
</body>
</body>
</html>
</html>
-
 
-
{{:Team:Paris_Bettencourt/Footer}}
 

Revision as of 11:12, 24 September 2014

<!DOCTYPE html>

Body malodor has been a problem for humans engaging in social interactions throughout history, and is caused by skin bacteria metabolizing sweat into odorant compounds. Currently, people can either mask body odor with perfumes, or by preventing sweat using an antiperspirant.

The Paris-Bettencourt iGEM team aims to provide a third, more natural way, to put an end to body malodor using synthetic biology. Currently, there are four ongoing projects targeting armpit, foot, fish, as well as old person odor. The techniques used to eliminate the odor for each case will involve replacing malodorous bacteria and the compounds they produce with non-malodor producing bacteria. The team is also using bacteria to produce a smell database, where primary odors could be combined in bacteria to produce novel smells. The results of this project could go a long way towards helping eliminate body malodor, and allow people confidently engage in social interactions without the influence of bacteria produced malodorous compounds.