Team:Paris Bettencourt
From 2013.igem.org
(Difference between revisions)
Marguerite (Talk | contribs) |
Marguerite (Talk | contribs) |
||
Line 1: | Line 1: | ||
- | {{:Team:Paris_Bettencourt/ | + | {{:Team:Paris_Bettencourt/Wiki}} |
+ | {{:Team:Paris_Bettencourt/Menu}} | ||
<html> | <html> | ||
- | <div id=" | + | <link href='http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz' rel='stylesheet' type='text/css'> |
- | + | <link href='http://fonts.googleapis.com/css?family=Great+Vibes' rel='stylesheet' type='text/css'> | |
+ | <style> | ||
+ | /* Top Header */ | ||
+ | #topheader{ | ||
+ | display:block; | ||
+ | position:absolute; | ||
+ | top:30px; | ||
+ | width:100%; | ||
+ | margin-bottom:0; | ||
+ | position:relative; | ||
+ | /*top:-10px;*/ | ||
+ | } | ||
+ | #bgkBanner1{ | ||
+ | position: relative; | ||
+ | z-index:2; | ||
+ | } | ||
+ | #bgkBanner2{ | ||
+ | position: relative; | ||
+ | z-index:2; | ||
+ | bottom:40px; | ||
+ | margin-bottom:-20px; | ||
+ | } | ||
+ | .carousel { | ||
+ | margin:0; | ||
+ | position: relative; | ||
+ | line-height: 1; | ||
+ | height:632px; | ||
+ | /*bottom: 69px;*/ | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | .carousel-inner { | ||
+ | margin:0; | ||
+ | overflow: hidden; | ||
+ | width: 1100px; | ||
+ | } | ||
+ | .carousel .item { | ||
+ | display: none; | ||
+ | position: relative; | ||
+ | -webkit-transition: 0.6s ease-in-out left; | ||
+ | -moz-transition: 0.6s ease-in-out left; | ||
+ | -o-transition: 0.6s ease-in-out left; | ||
+ | transition: 0.6s ease-in-out left;*/ | ||
+ | } | ||
+ | .carousel .item > img { | ||
+ | display: block; | ||
+ | line-height: 1; | ||
+ | } | ||
+ | .carousel .active, .carousel .next, .carousel .prev { | ||
+ | display: block; | ||
+ | } | ||
+ | .carousel .active { | ||
+ | left: 0; | ||
+ | } | ||
+ | .carousel .next, .carousel .prev { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 100%; | ||
+ | } | ||
+ | .carousel .next { | ||
+ | left: 100%; | ||
+ | } | ||
+ | .carousel .prev { | ||
+ | left: -100%; | ||
+ | } | ||
+ | .carousel .next.left, .carousel .prev.right { | ||
+ | left: 0; | ||
+ | } | ||
+ | .carousel .active.left { | ||
+ | left: -100%; | ||
+ | } | ||
+ | .carousel .active.right { | ||
+ | left: 100%; | ||
+ | } | ||
+ | .carousel-control { | ||
+ | display:none; | ||
+ | position: absolute; | ||
+ | top: 50%; | ||
+ | left: 15px; | ||
+ | width: 40px; | ||
+ | height: 40px; | ||
+ | margin-top: -20px; | ||
+ | font-size: 60px; | ||
+ | font-weight: 100; | ||
+ | line-height: 30px; | ||
+ | color: rgb(250,247,186); | ||
+ | text-align: center; | ||
+ | background: rgb(30,39,43); | ||
+ | border: 3px solid rgb(250,247,186); | ||
+ | -webkit-border-radius: 23px; | ||
+ | -moz-border-radius: 23px; | ||
+ | border-radius: 23px; | ||
+ | opacity: 0.1; | ||
+ | filter: alpha(opacity=10); | ||
+ | } | ||
+ | .carousel-control.right { | ||
+ | left: auto; | ||
+ | right: 15px; | ||
+ | } | ||
+ | .carousel-control:hover { | ||
+ | text-decoration: none; | ||
+ | opacity: 0.9; | ||
+ | filter: alpha(opacity=90); | ||
+ | } | ||
+ | .carousel-caption { | ||
+ | display:none; | ||
+ | } | ||
+ | .carousel-indicators { | ||
+ | position: absolute; | ||
+ | top: 590px; | ||
+ | left:49%; | ||
+ | width:auto; | ||
+ | padding:0; | ||
+ | margin:0; | ||
+ | text-align: center; | ||
+ | list-style: none; | ||
+ | z-index:4; | ||
+ | } | ||
+ | .carousel-indicators li { | ||
+ | /*display: inline-block;*/ | ||
+ | float:left; | ||
+ | width: 10px; | ||
+ | height: 10px; | ||
+ | margin: 5px; | ||
+ | text-indent: -999px; | ||
+ | cursor: pointer; | ||
+ | border: 1px solid rgb(155,190,210); | ||
+ | background-color: rgb(30,39,43); | ||
+ | opacity: 0.5; | ||
+ | filter: alpha(opacity=50); | ||
+ | border-radius: 9px; | ||
+ | } | ||
+ | .carousel-indicators .active { | ||
+ | background-color: rgb(155,190,210); | ||
+ | border: 1px solid rgb(30,39,43); | ||
+ | opacity: 0.5; | ||
+ | filter: alpha(opacity=50); | ||
+ | } | ||
+ | .panel { | ||
+ | width:1100px; | ||
+ | height:632px; | ||
+ | margin:0; | ||
+ | color: rgb(30,39,43); | ||
+ | font-family: 'Yanone Kaffeesatz', sans-serif; | ||
+ | } | ||
+ | /* */ | ||
+ | .subpanel1 { | ||
+ | float:left; | ||
+ | width:535px; | ||
+ | height:428px; | ||
+ | margin-top:45px; | ||
+ | margin-right:20px; | ||
+ | margin-bottom:12px; | ||
+ | border-radius:7px; | ||
+ | } | ||
+ | .subpanel2 { | ||
+ | float:left; | ||
+ | width:125px; | ||
+ | height:492px; | ||
+ | font-size:22px; | ||
+ | text-align:center; | ||
+ | margin-top:45px; | ||
+ | margin-right:11px; | ||
+ | border-radius:7px; | ||
+ | overflow:hidden; | ||
+ | } | ||
+ | .panel a { | ||
+ | color: rgb(46,43,52); | ||
+ | text-decoration:none; | ||
+ | } | ||
+ | .subpanel2:hover{ | ||
+ | font-weight:bold; | ||
+ | } | ||
+ | .subpanel3 { | ||
+ | float:left; | ||
+ | width:535px; | ||
+ | height:50px; | ||
+ | font-size:30px; | ||
+ | text-align:left; | ||
+ | line-height:50px; | ||
+ | background:rgb(51,51,51); | ||
+ | color:white; | ||
+ | border-radius:7px; | ||
+ | position:relative; | ||
+ | bottom:50px; | ||
+ | font-family: 'Great Vibes', cursive; | ||
+ | font-size: 35px; | ||
+ | } | ||
+ | .spdesc { | ||
+ | display:none; | ||
+ | height:100px; | ||
+ | color:rgb(51,51,51); | ||
+ | } | ||
+ | .cont { | ||
+ | width:90%; | ||
+ | height:auto; | ||
+ | margin-left:5%; | ||
+ | margin-top:5%; | ||
+ | background:white; | ||
+ | } | ||
+ | .cont p { | ||
+ | font-size:24px; | ||
+ | line-height:26px; | ||
+ | width:auto; | ||
+ | height:auto; | ||
+ | margin:5% 2%; | ||
+ | } | ||
+ | .narrowimg { | ||
+ | /*position:absolute;*/ | ||
+ | z-index:2; | ||
+ | opacity:0.3; | ||
+ | filter: alpha(opacity=30); | ||
+ | } | ||
+ | .titlebox { | ||
+ | z-index:1; | ||
+ | position:relative; | ||
+ | bottom:150px; | ||
+ | background:transparent; | ||
+ | } | ||
+ | .narrowimg:hover { | ||
+ | opacity:0.8; | ||
+ | filter: alpha(opacity=80); | ||
+ | } | ||
+ | </style> | ||
+ | |||
+ | <div id="topheader"> | ||
+ | <div id="TBBanner" class="carousel slide"> | ||
+ | <!-- <ol class="carousel-indicators"> | ||
+ | <li data-target="#TBBanner" data-slide-to="0" class="active"></li> | ||
+ | </ol> --!> | ||
+ | <div class="carousel-inner"> | ||
+ | <div class="active item" data-slide="0"><img style="margin-top:-1px" src="https://static.igem.org/mediawiki/2013/b/b0/PBTBbannerFrontPage3.jpg" width="1100" height="632"/></div> | ||
+ | </div> | ||
</div> | </div> | ||
- | <div id="page"> | + | <div id="bgkBanner2"> |
- | <div class=" | + | <img src="https://static.igem.org/mediawiki/2013/7/7d/PB_Banner_Lines2.gif" width="1100"> |
+ | </div> | ||
+ | </div> | ||
+ | <div style="clear: both;"></div> | ||
+ | <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> | ||
+ | <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0-wip/js/bootstrap.min.js"></script> | ||
+ | |||
+ | <div id="page"> | ||
+ | <div class="panel"> | ||
+ | <div class="subpanel1"> | ||
+ | <img style="opacity:0.6" src="https://static.igem.org/mediawiki/2013/7/78/PB_ProjectLarge1.jpg" width="535px" height="428px" /> | ||
+ | <div style="position:relative;bottom:428px"> | ||
+ | <div class="cont"><p style=" font-size:30px;line-height:32px;">FIGHT TUBERCULOSIS WITH MODERN WEAPONS </p></div> | ||
+ | <div class="cont"> | ||
<p> | <p> | ||
- | + | Tuberculosis is an infectious disease caused by <i>Mycobacterium tuberculosis</i> affecting millions of people over the world. Using <i>Escherichia coli</i> as a model organism we are developing different approaches that could contribute to the fight against TB. | |
- | < | + | |
</p> | </p> | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
</div> | </div> | ||
- | <div class=" | + | <div id="psdesc" class="spdesc"> |
- | <img src="https://static.igem.org/mediawiki/2013/ | + | <div class="cont"> |
- | < | + | <p>A biosensor that detects the presence of sequence specific antibiotic resistance genes.</p> |
- | < | + | </div> |
- | < | + | </div> |
- | <center>< | + | <div id="dsdesc" class="spdesc"> |
- | < | + | <div class="cont"> |
- | < | + | <p>A safe and specific high-throughput drug screening method that targets essential mycobacterial metabolic proteins.</p> |
- | < | + | </div> |
- | < | + | </div> |
- | < | + | <div id="thdesc" class="spdesc"> |
- | <img src="https://static.igem.org/mediawiki/2013/ | + | <div class="cont"> |
- | < | + | <p>A phage system with low fitness cost producing sRNA, which inhibit the synthesis of antibiotic resistance proteins.</p> |
- | < | + | </div> |
- | < | + | </div> |
- | <center>< | + | <div id="tcdesc" class="spdesc"> |
+ | <div class="cont"> | ||
+ | <p>An <i>E. coli</i> which invades macrophages and kills mycobacteria.</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Phage_Sensor"> | ||
+ | <div id="pspanel" class="subpanel2"> | ||
+ | <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/a/a8/PB_DetectNarrow.jpg" width="125px" height="500px"/> | ||
+ | <div class="titlebox"> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2013/0/0b/PB_detecticon.gif" style="height:60px;margin-bottom:20px;"/></center> | ||
+ | <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div> | ||
+ | Detect | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Drug_Screening"> | ||
+ | <div id="dspanel" class="subpanel2"> | ||
+ | <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/e/e2/PB_TargetNarrow.jpg" width="125px" height="500px"/> | ||
+ | <div class="titlebox"> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2013/1/11/PB_TargetIcon.gif" style="height:60px;margin-bottom:20px;"/></center> | ||
+ | <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div> | ||
+ | Target | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/TB-ception"> | ||
+ | <div id="tcpanel" class="subpanel2"> | ||
+ | <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/2/21/PB_InfiltrateNarrow.jpg" width="125px" height="500px"/> | ||
+ | <div class="titlebox"> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2013/6/6c/PB_infiltrate.gif" style="height:60px;margin-bottom:20px;"/></center> | ||
+ | <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div> | ||
+ | Infiltrate | ||
+ | </div> | ||
+ | </div> | ||
+ | </a> | ||
+ | <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Trojan_Horse"> | ||
+ | <div id="thpanel" class="subpanel2"> | ||
+ | <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/4/42/PB_SabotageNarrow.jpg" width="125px" height="500px"/> | ||
+ | <div class="titlebox"> | ||
+ | <center><img src="https://static.igem.org/mediawiki/2013/8/81/PB_sabotageicone.gif" style="height:60px;margin-bottom:20px;"/></center> | ||
+ | <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div> | ||
+ | Sabotage | ||
+ | </div> | ||
</div> | </div> | ||
+ | </a> | ||
+ | <div class="subpanel3" > | ||
+ | <img width="70px" style="margin-left:120px;margin-right:15px;position:relative;bottom:1px" src="https://static.igem.org/mediawiki/2013/d/d5/PB_handresults.gif"/>Our results here | ||
</div> | </div> | ||
- | + | </div> | |
+ | <center> | ||
+ | <img style="margin-bottom:-24px;" src="https://static.igem.org/mediawiki/2013/4/48/PB_WhiteArrow.gif"/ height="25px"> | ||
+ | </center> | ||
+ | <div style="clear: both;"></div> | ||
+ | <div class="panel" style="background:rgb(228,45,51);"> | ||
+ | </div> | ||
+ | <center> | ||
+ | <img style="margin-bottom:-24px;" src="https://static.igem.org/mediawiki/2013/a/ad/PB_RedArrow.gif"/ height="25px"> | ||
+ | </center> | ||
+ | <div style="clear: both;"></div> | ||
+ | </div> | ||
+ | |||
+ | <script> | ||
+ | $(document).ready(function(){$('div .igemlogo').mouseover(function(){div = $('.left-menu'); div.fadeIn(1);}).mouseout(function(){div.fadeOut(100);});}); | ||
+ | $(document).ready(function(){$('div #pspanel').mouseover(function(){div = $('#psdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});}); | ||
+ | $(document).ready(function(){$('div #dspanel').mouseover(function(){div = $('#dsdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});}); | ||
+ | $(document).ready(function(){$('div #thpanel').mouseover(function(){div = $('#thdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});}); | ||
+ | $(document).ready(function(){$('div #tcpanel').mouseover(function(){div = $('#tcdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});}); | ||
+ | </script> | ||
+ | |||
+ | </div> | ||
</html> | </html> | ||
+ | |||
{{:Team:Paris_Bettencourt/footer}} | {{:Team:Paris_Bettencourt/footer}} |
Revision as of 10:32, 23 September 2013
FIGHT TUBERCULOSIS WITH MODERN WEAPONS
Tuberculosis is an infectious disease caused by Mycobacterium tuberculosis affecting millions of people over the world. Using Escherichia coli as a model organism we are developing different approaches that could contribute to the fight against TB.
A biosensor that detects the presence of sequence specific antibiotic resistance genes.
A safe and specific high-throughput drug screening method that targets essential mycobacterial metabolic proteins.
A phage system with low fitness cost producing sRNA, which inhibit the synthesis of antibiotic resistance proteins.
An E. coli which invades macrophages and kills mycobacteria.
Our results here