Team:Paris Bettencourt
From 2014.igem.org
(150 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
{{Team:Paris_Bettencourt/Menu}} | {{Team:Paris_Bettencourt/Menu}} | ||
+ | |||
+ | <!-- Code by the 2014 Paris Bettencourt --> | ||
+ | <!-- Wiki Wizard :--> | ||
+ | <!--HameRyu/MistWalker--> | ||
<html> | <html> | ||
<style> | <style> | ||
+ | a:hover { | ||
+ | text-decoration : none; | ||
+ | } | ||
html { | html { | ||
height : 100%; | height : 100%; | ||
Line 21: | Line 28: | ||
padding:0; | padding:0; | ||
width : 100%; | width : 100%; | ||
- | height : | + | height : 800px; |
background-image : url("https://static.igem.org/mediawiki/2014/9/91/Frontpage2.png"); | background-image : url("https://static.igem.org/mediawiki/2014/9/91/Frontpage2.png"); | ||
background-size : cover; | background-size : cover; | ||
Line 28: | Line 35: | ||
position : relative ; | position : relative ; | ||
width : 100%; | width : 100%; | ||
- | height : | + | height : 470px; |
left : 0; | left : 0; | ||
right : 0; | right : 0; | ||
Line 41: | Line 48: | ||
text-align : center; | text-align : center; | ||
position : relative; | position : relative; | ||
- | margin-top : | + | margin-top : 80px; |
} | } | ||
.definition { | .definition { | ||
Line 50: | Line 57: | ||
vertical-align : middle; | vertical-align : middle; | ||
color : rgb(150,149,149); | color : rgb(150,149,149); | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
#logorose { | #logorose { | ||
Line 77: | Line 71: | ||
display : block; | display : block; | ||
} | } | ||
- | + | .descript2 { | |
- | + | width : 60%; | |
- | + | margin-left : 0%; | |
- | + | font-size : 18px; | |
- | + | text-align : center; | |
- | + | color : rgb(255,0,99); | |
- | + | margin-top : 0px; | |
- | + | display : none; | |
- | + | vertical-align : middle; | |
- | + | line-height : normal; | |
- | + | background-color : transparent; | |
- | + | z-index : 91; | |
+ | } | ||
#smell { | #smell { | ||
- | position : | + | background-image : url("https://static.igem.org/mediawiki/2014/b/ba/Smell_of_roses.png"); |
+ | position : absolute; | ||
width : 100%; | width : 100%; | ||
height : 300px; | height : 300px; | ||
- | |||
background-size : cover; | background-size : cover; | ||
+ | vertical-align : middle; | ||
+ | line-height : 300px; | ||
+ | text-align : center; | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | vertical-align : center; | ||
+ | align-items: center; | ||
+ | -webkit-display: flex; | ||
+ | -webkit-justify-content: center; | ||
+ | -webkit-align-items: center; | ||
+ | } | ||
+ | #smell:hover .layout { | ||
+ | background-color : rgba(255,255,255,0.8); | ||
+ | } | ||
+ | #smell:hover .layout .descript2 { | ||
+ | display : inline-block; | ||
+ | } | ||
+ | #smell .layout .nameimg { | ||
+ | width : 15%; | ||
+ | vertical-align : middle; | ||
+ | display : inline-block; | ||
+ | left : 80%; | ||
+ | position : absolute; | ||
+ | vertical-align : middle; | ||
+ | top : 1px; | ||
+ | } | ||
+ | #smell .layout .nameimgr { | ||
+ | width : 15%; | ||
+ | display : none; | ||
+ | left : 80%; | ||
+ | vertical-align : middle; | ||
+ | position : absolute; | ||
+ | top : 1px; | ||
+ | } | ||
+ | #smell:hover .layout .nameimg { | ||
+ | display : none; | ||
+ | } | ||
+ | #smell:hover .layout .nameimgr { | ||
+ | display : inline-block; | ||
} | } | ||
- | |||
- | |||
- | |||
#teen { | #teen { | ||
- | |||
- | |||
- | |||
background-image : url("https://static.igem.org/mediawiki/2014/5/5c/Teenspirit4.png"); | background-image : url("https://static.igem.org/mediawiki/2014/5/5c/Teenspirit4.png"); | ||
- | + | position : absolute; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | position : | + | |
width : 100%; | width : 100%; | ||
height : 300px; | height : 300px; | ||
- | |||
background-size : cover; | background-size : cover; | ||
+ | vertical-align : middle; | ||
+ | line-height : 300px; | ||
+ | text-align : center; | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | -webkit-display: flex; | ||
+ | -webkit-justify-content: center; | ||
+ | -webkit-align-items: center; | ||
} | } | ||
- | + | #teen:hover .layout { | |
- | + | background-color : rgba(255,255,255,0.8); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #teen:hover .layout .descript2 { | |
- | + | display : inline-block; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #teen .layout .nameimg { | |
- | + | width : 15%; | |
- | + | display : inline-block; | |
- | + | vertical-align : middle; | |
- | + | left : 80%; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
position : absolute; | position : absolute; | ||
- | + | top : 1px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | #teen .layout .nameimgr { |
+ | width : 15%; | ||
+ | display : none; | ||
+ | vertical-align : middle; | ||
+ | left : 80%; | ||
position : absolute; | position : absolute; | ||
- | + | top : 1px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | #teen:hover .layout .nameimg { |
- | + | display : none; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | display : | + | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | #teen:hover .layout .nameimgr { |
- | + | display : inline-block; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #fish { | |
+ | background-image : url("https://static.igem.org/mediawiki/2014/4/43/Something_fishy.png"); | ||
position : absolute; | position : absolute; | ||
- | width : | + | width : 100%; |
height : 300px; | height : 300px; | ||
- | vertical-align : | + | background-size : cover; |
- | + | vertical-align : middle; | |
- | + | line-height : 300px; | |
+ | text-align : center; | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | -webkit-display: flex; | ||
+ | -webkit-justify-content: center; | ||
+ | -webkit-align-items: center; | ||
} | } | ||
- | . | + | #fish:hover .layout { |
- | + | background-color : rgba(255,255,255,0.8); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | #fish:hover .layout .descript2 { |
+ | display : inline-block; | ||
+ | } | ||
+ | #fish .layout .nameimg { | ||
+ | width : 20%; | ||
+ | display : inline-block; | ||
+ | vertical-align : middle; | ||
+ | left : 80%; | ||
position : absolute; | position : absolute; | ||
- | + | top : 1px; | |
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | #fish .layout .nameimgr { |
+ | width : 20%; | ||
+ | display : none; | ||
+ | vertical-align : middle; | ||
+ | left : 80%; | ||
position : absolute; | position : absolute; | ||
- | + | top : 1px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | #fish:hover .layout .nameimg { |
+ | display : none; | ||
+ | } | ||
+ | #fish:hover .layout .nameimgr { | ||
+ | display : inline-block; | ||
+ | } | ||
+ | #shoes { | ||
+ | background-image : url("https://static.igem.org/mediawiki/2014/8/8a/Two_shoesv3.png"); | ||
position : absolute; | position : absolute; | ||
- | width : | + | width : 100%; |
height : 300px; | height : 300px; | ||
- | + | background-size : cover; | |
- | + | vertical-align : middle; | |
- | + | line-height : 300px; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
text-align : center; | text-align : center; | ||
- | + | display: flex; | |
- | + | justify-content: center; | |
+ | align-items: center; | ||
+ | -webkit-display: flex; | ||
+ | -webkit-justify-content: center; | ||
+ | -webkit-align-items: center; | ||
} | } | ||
- | . | + | #shoes:hover .layout { |
- | + | background-color : rgba(255,255,255,0.8); | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | #shoes:hover .layout .descript2 { |
- | display : block | + | display : inline-block; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | . | + | #shoes .layout .nameimg { |
- | + | width : 15%; | |
- | + | vertical-align : middle; | |
- | + | display : inline-block; | |
- | + | left : 80%; | |
- | + | position : absolute; | |
- | + | top : 1px; | |
- | + | ||
- | + | ||
} | } | ||
- | . | + | #shoes .layout .nameimgr { |
- | + | width : 15%; | |
- | + | display : none; | |
- | + | vertical-align : middle; | |
- | + | left : 80%; | |
- | + | position : absolute; | |
- | + | top : 1px; | |
- | + | ||
- | + | ||
} | } | ||
- | . | + | #shoes:hover .layout .nameimg { |
- | display : | + | display : none; |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
- | + | #shoes:hover .layout .nameimgr { | |
- | + | display : inline-block; | |
- | + | ||
} | } | ||
- | . | + | #sweat { |
- | width : | + | background-image : url("https://static.igem.org/mediawiki/2014/7/76/Sweat_it2.png"); |
- | height : | + | position : absolute; |
+ | width : 100%; | ||
+ | height : 300px; | ||
+ | background-size : cover; | ||
+ | vertical-align : middle; | ||
+ | line-height : 300px; | ||
+ | text-align : center; | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | -webkit-display: flex; | ||
+ | -webkit-justify-content: center; | ||
+ | -webkit-align-items: center; | ||
} | } | ||
- | + | #sweat:hover .layout { | |
- | + | background-color : rgba(255,255,255,0.8); | |
- | + | ||
} | } | ||
- | + | #sweat:hover .layout .descript2 { | |
- | + | display : inline-block; | |
- | + | ||
} | } | ||
- | . | + | #sweat .layout .nameimg { |
- | width : | + | width : 15%; |
- | + | display : inline-block; | |
+ | left : 80%; | ||
+ | position : absolute; | ||
+ | top : 1px; | ||
} | } | ||
- | . | + | #sweat .layout .nameimgr { |
- | width : | + | width : 15%; |
- | + | display : none; | |
+ | left : 80%; | ||
+ | position : absolute; | ||
+ | top : 1px; | ||
} | } | ||
- | # | + | #sweat:hover .layout .nameimg { |
+ | display : none; | ||
+ | } | ||
+ | #sweat:hover .layout .nameimgr { | ||
+ | display : inline-block; | ||
+ | } | ||
+ | .layout { | ||
+ | display : inline-block; | ||
width : 100%; | width : 100%; | ||
- | height : | + | height : 100%; |
- | + | z-index : 90; | |
+ | vertical-align : middle; | ||
+ | line-height : 300px; | ||
+ | text-align : center; | ||
+ | display: flex; | ||
+ | justify-content: center; | ||
+ | align-items: center; | ||
+ | -webkit-display: flex; | ||
+ | -webkit-justify-content: center; | ||
+ | -webkit-align-items: center; | ||
+ | vertical-align : middle; | ||
} | } | ||
- | # | + | #tableau { |
+ | cols : 3; | ||
width : 100%; | width : 100%; | ||
- | height : | + | vertical-align : top; |
- | background-color : rgb(255,255,255); | + | display : inline-table; |
+ | border-collapse : separate; | ||
+ | height : 850px; | ||
+ | border-spacing : 30px 50px; | ||
+ | background-color : rgb(197,192,192); | ||
+ | } | ||
+ | #tablediv { | ||
+ | margin-left : 5%; | ||
+ | width : 90%; | ||
+ | background : rgb(255,255,255); | ||
} | } | ||
- | + | #tablediv tr td { | |
- | + | width : 14.28%; | |
- | + | padding : 50px 0px; | |
+ | |||
+ | } | ||
+ | #tablediv tr td img { | ||
+ | width : 100%; | ||
+ | } | ||
+ | #results { | ||
+ | margin-top : 10px; | ||
+ | color : rgb(255,0,99); | ||
+ | } | ||
+ | #results img { | ||
+ | margin-top : 22px; | ||
+ | width : 30px; | ||
+ | height : 30px; | ||
+ | } | ||
+ | #results p { | ||
+ | margin-top : 5px; | ||
+ | } | ||
+ | #results a { | ||
+ | color : rgb(255,0,99); | ||
+ | } | ||
+ | .separation { | ||
+ | width: 100%; | ||
+ | height : 300px; | ||
+ | } | ||
</style> | </style> | ||
Line 344: | Line 370: | ||
<body> | <body> | ||
<div id=topheader></div> | <div id=topheader></div> | ||
- | <div id=logo | + | <div id=logo><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> | ||
- | <p class=definition><b>Body | + | <p class=definition><b>Body odor is caused by the metabolic action of bacteria on human sweat. Existing deodorants are antibiotic - they kill all skin bacteria including neutral and beneficial species. Where body odor carries a social stigma, alternatives to deodorant are few. </b></p> |
- | <p class=definition>The Paris | + | <p class=definition>The <b>iGEM Paris Bettencourt 2014 </b>project explores new ways to control body odors through precise modifications of the living microbiome. We target common odors of the armpit and foot, as well as odors specific to old age or genetic disease. We present a BioBrick smell library for mixing genetic perfumes and a CRISPR-mediated technology for isolating naturally odorless bacterial strains.</p> |
- | + | <p class=definition> Our work represents a probiotic and body-positive approach to body odor that will someday help people to smell <i>just like themselves</i>.</p> | |
+ | |||
+ | <div id=results><a href="https://2014.igem.org/Team:Paris_Bettencourt/Results"><img src="https://static.igem.org/mediawiki/2014/8/85/Gotoresultspb.png"></br><p>Jump To Results</p></a></div> | ||
+ | </div> | ||
</div> | </div> | ||
- | <div id= | + | <div id=smell><a class=layout href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Odor_Library"><p class=descript2>Here we present a genetic odor palette. It is built of BioBricks to express enzymes to produce volatile compounds with characteristic smells. We included smells with different tonalities to allow exploration of the "odor space" resulting from combinations of smelly units.</p><img src="https://static.igem.org/mediawiki/2014/b/b1/Smelltheroses.png" class=nameimg><img src="https://static.igem.org/mediawiki/2014/c/ca/Smelltherosesrose.png" class=nameimgr></a></div> |
- | + | <div class=separation></div> | |
- | + | <div id=fish><a class=layout href="https://2014.igem.org/Team:Paris_Bettencourt/Project/TMAU"><p class=descript2>Trimethylaminuria (TMAU) is a rare genetic disease causing a strong fish odor to appear in the sweat. Here we engineer skin bacteria to degrade trimethylamine, the odor causing molecule, with the enzyme TMM (trimethylamine monooxygenase).</p><img src="https://static.igem.org/mediawiki/2014/b/b9/Somethingfishy.png" id=fishy class=nameimg><img src="https://static.igem.org/mediawiki/2014/f/fd/Somethingfishyrosepb.png" id=fishy class=nameimgr></a></div> | |
- | <div id= | + | <div class=separation></div> |
- | + | <div id=shoes><a class=layout href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Foot_Odor"><p class=descript2>Isovaleric acid, the cheesy component of foot odor, is produced by <i>B. subtilis</i> through the leucine degradation pathway. We characterize <i>B. subtilis</i> mutants in this pathway, in vitro and in situ (on socks).</p><img src="https://static.igem.org/mediawiki/2014/3/3a/Goodytwoshoes.png" class=nameimg><img src="https://static.igem.org/mediawiki/2014/d/dd/Goodytwoshoesrosepb.png" class=nameimgr></a></div> | |
- | + | <div class=separation></div> | |
- | <div id= | + | <div id=sweat><a class=layout href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Eliminate_Smell"><p class=descript2>Armpit odor comes mainly from aminoacylase enzymes expressed in the genus <i>Corynebacteria</i>. This project is developing CRISPR technology to isolate natural bacterial mutants that lack these enzymes.</p><img src="https://static.igem.org/mediawiki/2014/e/e1/Dontsweatit.png" class=nameimg><img src="https://static.igem.org/mediawiki/2014/a/ac/Dontsweatitrosepb.png" class=nameimgr></a></div> |
- | + | <div class=separation></div> | |
- | + | <div id=teen><a class=layout href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Old_People_Smell"><p class=descript2>2-nonenal is "old people smell," a component of sweat that increases with age. Here we isolate and characterize bacterial species that metabolize 2-nonenal and attenuate its characteristic odor.</p><img src="https://static.igem.org/mediawiki/2014/6/6f/Teenspirit.png" class=nameimg><img src="https://static.igem.org/mediawiki/2014/5/57/Teenspiritrosepb.png" class=nameimgr></a></div> | |
- | <div id= | + | <div class=separation></div> |
- | + | ||
- | + | ||
- | <div id= | + | |
- | + | ||
- | + | ||
- | + | ||
<div id=tablediv> | <div id=tablediv> | ||
- | + | <table> | |
- | < | + | <tr> |
- | < | + | <td><a href="https://2014.igem.org/Team:Paris_Bettencourt/MOOC"><img src="https://static.igem.org/mediawiki/2014/f/f7/PBiconemooc.png"></a></td><td></td> |
- | < | + | <td><a href="https://2014.igem.org/Team:Paris_Bettencourt/Citizen_Science"><img src="https://static.igem.org/mediawiki/2014/b/bb/PBiconesscici.png"></a></td><td></td> |
- | + | <td><a href="https://2014.igem.org/Team:Paris_Bettencourt/The_Smell_Game"><img src="https://static.igem.org/mediawiki/2014/e/e7/PBiconesmellgame.png"></a></td><td></td> | |
- | + | <td><a href="https://2014.igem.org/Team:Paris_Bettencourt/Project/Art"><img src="https://static.igem.org/mediawiki/2014/3/39/PBiconedesign.png"></a></td> | |
- | < | + | </tr> |
- | < | + | <tr> |
- | < | + | <td><a href="https://2014.igem.org/Team:Paris_Bettencourt/Newsletter"><img src="https://static.igem.org/mediawiki/2014/7/75/PBiconnews.png"></a></td><td></td> |
+ | <td><a href="https://2014.igem.org/Team:Paris_Bettencourt/Minder"><img src="https://static.igem.org/mediawiki/2014/c/c6/PBiconminder.png"></a></td><td></td> | ||
+ | <td><a href="https://2014.igem.org/Team:Paris_Bettencourt/Facts_Smell"><img src="https://static.igem.org/mediawiki/2014/4/4d/PBiconfacts.png"></a></td><td></td> | ||
+ | <td><a href="https://2014.igem.org/Team:Paris_Bettencourt/Art_Gallery"><img src="https://static.igem.org/mediawiki/2014/d/d4/PBiconartgal.png"></a></td></tr></table> | ||
</div> | </div> | ||
</div> | </div> | ||
- | |||
</body> | </body> | ||
</html> | </html> | ||
{{:Team:Paris_Bettencourt/Footer}} | {{:Team:Paris_Bettencourt/Footer}} |
Latest revision as of 18:43, 5 December 2014
Body odor is caused by the metabolic action of bacteria on human sweat. Existing deodorants are antibiotic - they kill all skin bacteria including neutral and beneficial species. Where body odor carries a social stigma, alternatives to deodorant are few.
The iGEM Paris Bettencourt 2014 project explores new ways to control body odors through precise modifications of the living microbiome. We target common odors of the armpit and foot, as well as odors specific to old age or genetic disease. We present a BioBrick smell library for mixing genetic perfumes and a CRISPR-mediated technology for isolating naturally odorless bacterial strains.
Our work represents a probiotic and body-positive approach to body odor that will someday help people to smell just like themselves.