Team:Paris Bettencourt

From 2013.igem.org

(Difference between revisions)
 
(362 intermediate revisions not shown)
Line 3: Line 3:
<html>
<html>
<style>
<style>
-
/* Top Header */
+
/* Top Banner */
#topheader{
#topheader{
     display:block;
     display:block;
 +
    position:absolute;
 +
    top:-15px;
     width:100%;
     width:100%;
-
     margin-bottom:0;
+
     margin-bottom:-120px;
     position:relative;
     position:relative;
-
    top:-10px;
 
}
}
-
#bgkBanner1{
+
#BotArrow{
-
     position: relative;
+
     position: relative;-
-
     z-index:20;
+
     z-index:2;
 +
    bottom:42px;
 +
    margin-bottom:-42px;
}
}
-
#bgkBanner2{
+
#PBlogo {
-
     position: relative;
+
     position:relative;
-
    z-index:20;
+
     bottom:580px;
-
     bottom:116px;
+
     left:30px;
-
     margin-bottom:-105px;
+
}
}
-
#igemlogo{
+
/* Panels */
-
     position:absolute;
+
.panel {
-
     z-index:20;
+
     width:1100px;
-
     right:0;
+
     height:528px;
 +
     margin:0;
 +
    margin-bottom:0px;
 +
    color: rgb(30,39,43);
 +
    font-family: 'Yanone Kaffeesatz', sans-serif;
}
}
-
.carousel {
+
.panel a {
-
     position: relative;
+
    color: rgb(46,43,52);
-
     line-height: 1;
+
    text-decoration:none;
-
     height:564px;
+
}
-
     bottom: 69px;
+
/* Subpanels */
 +
.narrowimg {/* Subpanels background*/
 +
    /*position:absolute;*/
 +
    z-index:2;
 +
    opacity:0.3;
 +
    filter: alpha(opacity=30);
 +
}
 +
.titlebox {/* Subpanels Title*/
 +
    z-index:1;
 +
     position:relative;
 +
    bottom:480px;
 +
    background:transparent;
 +
}
 +
/* Project Panels*/
 +
.subpanel1 { /* Overview */
 +
    float:left;
 +
    width:535px;
 +
    height:428px;
 +
    margin-top:0;
 +
    margin-right:20px;
 +
    margin-bottom:12px;
 +
    border-radius:7px;
 +
    background:rgb(252,250,229);
 +
}
 +
.spdesc { /* Overview content */
 +
    display:none;
 +
    height:100px;
 +
    color:rgb(30,39,43);
 +
}
 +
.cont { /* Overview content */
 +
    width:90%;
 +
    height:auto;
 +
    margin-left:5%;
 +
    margin-top:5%;
 +
    background:transparent;
 +
}
 +
.cont p {
 +
     line-height:28px;
 +
    width:auto;
 +
     height:auto;
 +
     margin:5% 2%;
 +
}
 +
.subpanel2 { /* Projects */
 +
    float:left;
 +
    width:125px;
 +
    height:492px;
 +
    font-size:22px;
 +
    text-align:center;
 +
    margin-top:0;
 +
    margin-right:11px;
 +
    border-radius:7px;
     overflow:hidden;
     overflow:hidden;
}
}
-
.carousel-inner {
+
.subpanel2:hover{
-
     overflow: hidden;
+
     font-weight:bold;
-
    width: 1000px;
+
}
}
-
.carousel .item {
+
.subpanel2:hover .narrowimg {
-
     display: none;
+
     opacity:0.8;
-
    position: relative;
+
     filter: alpha(opacity=80);
-
    -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 {
+
.subpanel3 { /* Results */
-
     display: block;
+
     float:left;
-
     line-height: 1;
+
    width:535px;
 +
    height:50px;
 +
    font-size:30px;
 +
    text-align:left;
 +
     line-height:50px;
 +
    background:rgb(30,39,43);
 +
    color:white;
 +
    border-radius:7px;
 +
    position:relative;
 +
    bottom:50px;
 +
    font-family: 'Great Vibes', cursive;
 +
    font-size: 35px;
}
}
-
.carousel .active, .carousel .next, .carousel .prev {
+
/* Human Practice */
-
     display: block;
+
.subpanel4 { /* divide page in 3 */
 +
    float:left;
 +
    width:354px;
 +
    height:492px;
 +
    font-size:22px;
 +
    margin-top:0;
 +
     margin-right:18px;
}
}
-
.carousel .active {
+
.subpanel5 { /* TB Facts, TB in France, TB Gallery */
-
     left: 0;
+
     height:156px;
 +
    text-align:center;
 +
    margin-bottom:11px;
 +
    background:rgb(255,255,255);
 +
    color:black;
 +
    border-radius:7px;
 +
    overflow:hidden;
}
}
-
.carousel .next, .carousel .prev {
+
.subpanel5:hover{
-
     position: absolute;
+
     font-weight:bold;
-
    top: 0;
+
-
    width: 100%;
+
}
}
-
.carousel .next {
+
.subpanel5:hover .narrowimg {
-
     left: 100%;
+
     opacity:0.8;
 +
    filter: alpha(opacity=80);
}
}
-
.carousel .prev {
+
.subpanel7 { /* Gender */
-
     left: -100%;
+
     float:left;
 +
    width:354px;
 +
    height:283px;
 +
    font-size:22px;
 +
    background:rgb(255,255,255);
 +
    color:black;
 +
    border-radius:7px;
 +
    overflow:hidden;
 +
    text-align:center;
}
}
-
.carousel .next.left, .carousel .prev.right {
+
.subpanel7:hover{
-
     left: 0;
+
     font-weight:bold;
}
}
-
.carousel .active.left {
+
.subpanel7:hover .narrowimg {
-
     left: -100%;
+
     opacity:0.8;
 +
    filter: alpha(opacity=80);
}
}
-
.carousel .active.right {
+
.subpanel9 { /* Tech Transfer */
-
     left: 100%;
+
     float:left;
 +
    width:354px;
 +
    height: 198px;
 +
    font-size:22px;
 +
    background:rgb(255,255,255);
 +
    color:black;
 +
    border-radius:7px;
 +
    overflow:hidden;
 +
    text-align:center;
 +
    margin-top:11px;
}
}
-
.carousel-control {
+
.subpanel9:hover .narrowimg {
-
    display:none;
+
     opacity:0.8;
-
    position: absolute;
+
     filter: alpha(opacity=80);
-
    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 {
+
.subpanel9:hover{
-
     left: auto;
+
     font-weight:bold;
-
    right: 15px;
+
}
}
-
.carousel-control:hover {
+
.subpanel6 { /* Collaboration, SensiGEM */
-
     text-decoration: none;
+
    height:240.5px;
-
     opacity: 0.9;
+
    margin:0;
-
     filter: alpha(opacity=90);
+
    margin-bottom:11px;
 +
     border-radius:7px;
 +
     overflow:hidden;
 +
     background:rgb(255,255,255);
 +
    color:Black;
 +
    text-align:center;
}
}
-
.carousel-caption {
+
.subpanel6:hover{
-
     display:none;
+
     font-weight:bold;
}
}
-
.carousel-indicators {
+
.subpanel6:hover .narrowimg {
-
  position: absolute;
+
    opacity:0.8;
-
  top: 0px;
+
    filter: alpha(opacity=80);
-
  z-index: 60;
+
-
  width:auto;
+
-
  padding:0;
+
-
  margin:0;
+
-
  text-align: center;
+
-
  list-style: none;
+
-
  z-index:50;
+
}
}
-
.carousel-indicators li {
+
/* Panels at the bottom */
-
    /*display: inline-block;*/
+
.subpanel8 {
     float:left;
     float:left;
-
    width: 10px;
+
     height:96px;
-
     height: 10px;
+
     width:261.5px;
-
     margin: 5px;
+
     margin-right:18px;
-
     text-indent: -999px;
+
     border-radius:7px;
-
     cursor: pointer;
+
     overflow:hidden;
-
     border: 1px solid rgb(250,247,186);
+
     background:rgb(30,39,43);  
-
     background-color: rgb(30,39,43);
+
     color:white;
-
     opacity: 0.5;
+
-
    filter: alpha(opacity=50);
+
-
    border-radius: 9px;
+
}
}
-
.carousel-indicators .active {
+
.subpanel8 img {
-
     background-color: rgb(250,247,186);
+
     margin-top:16px;
-
     border: 1px solid rgb(30,39,43);
+
     background:white;  
-
    opacity: 0.5;
+
}
-
     filter: alpha(opacity=50);
+
.subpanel8 img:hover {
 +
     background:rgb(252,250,229);
}
}
</style>
</style>
-
<div id="topheader">
+
 
-
  <div id="igemlogo">
+
  <div id="topheader">
-
    <a href="https://2013.igem.org/Main_Page" target="_blank">
+
    <img style="margin-top:-1px" src="https://static.igem.org/mediawiki/2013/0/0a/PB_frontpagebanner7.png" width="1100px" height="632"/>
-
      <img src="https://static.igem.org/mediawiki/2013/6/6b/PB_iGEM_logo.png">
+
    <img id="BotArrow" src="https://static.igem.org/mediawiki/2013/7/7d/PB_Banner_Lines2.gif" width="1100px">
-
    </a>
+
     <img id="PBlogo" src="https://static.igem.org/mediawiki/2013/3/3a/PB_logoParis.gif" width="122px"/>
-
  </div>
+
-
  <div id="bgkBanner1">
+
-
     <img src="https://static.igem.org/mediawiki/2013/1/1b/PB_Banner_Lines.gif" width="1000">  
+
   </div>
   </div>
-
   <div id="TBBanner" class="carousel slide">
+
   <div style="clear: both;"></div>
-
  <ol style="left:305px" class="carousel-indicators">
+
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
-
       <li data-target="#TBBanner" data-slide-to="0" class="active"></li>  
+
  <div id="page">
-
      <li data-target="#TBBanner" data-slide-to="1"></li>
+
    <div class="panel">
-
      <li data-target="#TBBanner" data-slide-to="2"></li>
+
       <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Overview" title="Project Overview">
-
      <li data-target="#TBBanner" data-slide-to="3"></li>
+
<div class="subpanel1">
-
      <li data-target="#TBBanner" data-slide-to="4"></li>
+
  <div style="position:relative;bottom:0px">
-
      <li data-target="#TBBanner" data-slide-to="5"></li>
+
    <div class="cont"><p style="font-size:32px;line-height:34px;">FIGHT TUBERCULOSIS WITH MODERN WEAPONS </p></div>
-
  </ol>
+
    <div class="cont">
-
      <ol style="left:575px" class="carousel-indicators">
+
      <p style="font-size:26px;">
-
      <li data-target="#TBBanner" data-slide-to="6"></li>
+
Tuberculosis (TB) is an infectious disease caused by <i>Mycobacterium tuberculosis</i> (Mtb) that affects nearly two billion people around the world. On this website we present four new ways to use the power of synthetic biology in the fight against TB: from gene detection, to drug targeting, to infiltrating macrophages, to sabotaging the synthesis of proteins. Hover over these panels to see the project overview.
-
      <li data-target="#TBBanner" data-slide-to="7"></li>
+
      </p>
-
      <li data-target="#TBBanner" data-slide-to="8"></li>
+
    </div>
-
      <li data-target="#TBBanner" data-slide-to="9"></li>
+
    <div id="psdesc" class="spdesc">
-
      <li data-target="#TBBanner" data-slide-to="10"></li>
+
      <div class="cont">
-
      <li data-target="#TBBanner" data-slide-to="11"></li>
+
<p style="font-size:26px;">A biosensor that detects the presence of sequence specific antibiotic resistance genes.</p>
-
    </ol>
+
      </div>
-
    <div class="carousel-inner">
+
    </div>
-
      <div class="active item" data-slide="0"><img src="https://static.igem.org/mediawiki/2013/e/e0/PB_TBbanner11.jpg" width="1000"> </div>
+
    <div id="dsdesc" class="spdesc">
-
      <div class="item" data-slide="1"><img src="https://static.igem.org/mediawiki/2013/1/1a/PB_TBbanner01.jpg" width="1000"></div>
+
      <div class="cont">
-
      <div class="item" data-slide="2"><img src="https://static.igem.org/mediawiki/2013/2/24/TBbanner03.jpg" width="1000"></div>
+
<p style="font-size:26px;">A safe and specific high-throughput drug screening method that targets essential mycobacterial metabolic proteins.</p>
-
      <div class="item" data-slide="3"><img src="https://static.igem.org/mediawiki/2013/a/ae/PB_TBbanner04.jpg" width="1000"></div>
+
      </div>  
-
      <div class="item" data-slide="4"><img src="https://static.igem.org/mediawiki/2013/1/18/TBbanner05.jpg" width="1000"></div>
+
    </div>
-
      <div class="item" data-slide="5"><img src="https://static.igem.org/mediawiki/2013/d/da/TBbanner06.jpg" width="1000"></div>
+
    <div id="thdesc" class="spdesc">
-
      <div class="item" data-slide="6"><img src="https://static.igem.org/mediawiki/2013/f/f3/TBbanner07.jpg" width="1000"></div>
+
      <div class="cont">
-
      <div class="item" data-slide="7"><img src="https://static.igem.org/mediawiki/2013/3/39/PB_TBbanner08.jpg" width="1000"></div>
+
<p style="font-size:26px;">A phage system with low fitness cost producing sRNA, which inhibits the synthesis of antibiotic resistance proteins.</p>
-
      <div class="item" data-slide="8"><img src="https://static.igem.org/mediawiki/2013/6/64/PB_TBbanner09.jpg" width="1000"></div>
+
      </div>
-
      <div class="item" data-slide="9"><img src="https://static.igem.org/mediawiki/2013/3/3b/PB_TBbanner10.jpg" width="1000"></div>
+
    </div>
-
      <div class="item" data-slide="10"><img src="https://static.igem.org/mediawiki/2013/6/6c/PB_TBbanner12.jpg" width="1000"></div>
+
    <div id="tcdesc" class="spdesc">
-
      <div class="item" data-slide="11"><img src="https://static.igem.org/mediawiki/2013/1/1a/PB_TBbanner01.jpg" width="1000"></div>
+
      <div class="cont">
-
      <!-- <div class="item" data-slide="11"><img src="https://static.igem.org/mediawiki/2013/4/40/PB_TBbanner02.jpg" width="1000"></div> -->
+
<p style="font-size:26px;">Infiltrate macrophages with an <i>E.coli</i> producing TDMH, an enzyme that will lyse the Mycobacteria cell wall.</p>
 +
      </div>
 +
    </div>
 +
  </div>
 +
</div>
 +
      </a>
 +
      <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Detect" title="Detect">
 +
<div id="pspanel" class="subpanel2" onmouseover="chgtrans(this)">
 +
  <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/Target" title="Target">
 +
<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/Infiltrate" title="Infiltrate">
 +
<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/Sabotage" title="Sabotage">
 +
<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>
 +
      </a>
 +
      <a href="https://2013.igem.org/Team:Paris_Bettencourt/Results" title="Results">
 +
<div class="subpanel3" >
 +
  <img width="70px" style="margin-left:80px;margin-right:15px;position:relative;bottom:1px" src="https://static.igem.org/mediawiki/2013/d/d5/PB_handresults.gif"/>Jump to Results
 +
</div>
 +
      </a>
     </div>
     </div>
 +
    <div style="clear: both;"></div>
 +
    <div class="panel" style="background:white;">
 +
      <div class="subpanel4">
 +
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/TB_Facts" title="TB Facts">
 +
  <div class="subpanel5">
 +
    <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/f/f9/PB_TBfacts2.png" width="354px" height="156px"/>
 +
    <div style="position:relative;bottom:148px">
 +
              <center><img src="https://static.igem.org/mediawiki/2013/6/69/PB_logoTBfacts.png" style="height:50px;margin-top:10px;margin-bottom:20px;"/></center>
 +
              <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
              TB Facts
 +
    </div>
 +
  </div>
 +
</a>     
 +
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/TB_France" title="TB in France">
 +
  <div class="subpanel5">
 +
    <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/3/39/PB_TBinFrance.png" width="354px" height="156px"/>     
 +
    <div style="position:relative;bottom:158px">       
 +
              <center><img src="https://static.igem.org/mediawiki/2013/c/cf/PB_logofrance.png" style="height:50px;margin-top:10px;margin-bottom:20px;"/></center>
 +
              <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
              TB in France
 +
            </div>
 +
  </div>
 +
</a>
 +
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/TB_Gallery" title="TB Gallery">
 +
  <div class="subpanel5" style="margin-bottom:0;height:158px;">
 +
    <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/2/2f/PB_TBgallery%281%29.png" width="354px" height="156px"/>
 +
    <div style="position:relative;bottom:158px">
 +
              <center><img src="https://static.igem.org/mediawiki/2013/d/de/PB_logoTBgallery.png" style="height:60px;margin-top:10px;margin-bottom:10px;"/></center>
 +
              <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
              TB Gallery
 +
    </div>
 +
  </div>
 +
</a>
 +
      </div>
 +
      <div class="subpanel4">
 +
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Gender_Study" title="Gender Study">
 +
  <div class="subpanel7">
 +
    <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/8/8c/Gender.png" width="354px" height="283px"/>
 +
    <div style="position:relative;bottom:258px">
 +
              <center><img src="https://static.igem.org/mediawiki/2013/d/da/PB_logogender.png" style="height:60px;margin-top:10px;margin-bottom:10px;"/></center>
 +
              <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
              Gender Study
 +
    </div>
 +
  </div>
 +
</a>
 +
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Technology_Transfer" title="Technology Transfer">
 +
  <div class="subpanel9" style="font-size:26px;">
 +
    <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/3/3c/TB_knowledge.png" width="354px" height="283px"/>
 +
    <div style="position:relative;bottom:258px">       
 +
              <center><img src="https://static.igem.org/mediawiki/2013/6/6d/PB_logotransferttechno.png" style="height:60px;margin-top:10px;margin-bottom:10px;"/></center>
 +
              <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
              Technology Transfer
 +
    </div>
 +
  </div>
 +
</a>
 +
      </div>
 +
      <div class="subpanel4" style="margin-right:0px">
 +
<div style="margin-right:0;width:356px">
 +
  <a href="https://2013.igem.org/Team:Paris_Bettencourt/Collaboration" title="Collaboration">
 +
    <div class="subpanel6">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/e/e4/TB_collboration2.png" width="354px" height="283px"/>
 +
      <div style="position:relative;bottom:258px">
 +
<center><img src="https://static.igem.org/mediawiki/2013/7/75/PB_lofocollaboration.png" style="height:50px;margin-top:15px;margin-bottom:15px;"/></center>
 +
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
Collaboration
 +
      </div>
 +
    </div>
 +
  </a>
 +
  <a href="https://2013.igem.org/Team:Paris_Bettencourt/SensiGEM" title="SensiGEM">
 +
    <div class="subpanel6" style="margin-bottom:0">
 +
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/d/d5/TB_senigem.png" width="354px" height="283px"/>
 +
      <div style="position:relative;bottom:258px">
 +
<center><img src="https://static.igem.org/mediawiki/2013/3/3c/PB_logosenigem.png" style="height:60px;margin-top:10px;margin-bottom:10px;"/></center>
 +
<div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
 +
SensiGEM
 +
      </div>
 +
    </div>
 +
  </a>
 +
</div>
 +
      </div>
     </div>
     </div>
-
     <a class="carousel-control left" href="#TBBanner" data-slide="prev">&lsaquo;</a>
+
     <div style="clear: both;"></div>
-
    <a class="carousel-control right" href="#TBBanner" data-slide="next">&rsaquo;</a>  
+
    <div>
 +
      <div class="subpanel8">
 +
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Team" title="Team">
 +
  <center><img src="https://static.igem.org/mediawiki/2013/1/1c/PB_Teamlogo.png" height="64px"/></center>
 +
</a>
 +
      </div>
 +
      <div class="subpanel8">
 +
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Notes" title="Notebook">
 +
  <center><img src="https://static.igem.org/mediawiki/2013/2/27/PB_Notebooklogo.png" height="64px"/></center> 
 +
</a>
 +
      </div>
 +
      <div class="subpanel8">
 +
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Parts" title="Submitted Parts">
 +
  <center><img src="https://static.igem.org/mediawiki/2013/0/02/PB_Partslogo.png" height="64px"/></center>
 +
</a>
 +
      </div>
 +
      <div class="subpanel8" style="margin-right:0">
 +
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Medal_Fulfillment" title="Medal Fulfillment">
 +
  <center><img src="https://static.igem.org/mediawiki/2013/2/2a/PB_medallogo.png" height="64px"/></center>
 +
</a>
 +
      </div>
 +
    </div>
 +
    <div style="clear: both;"></div>
   </div>
   </div>
-
   <div id="bgkBanner2">
+
 
-
     <img src="https://static.igem.org/mediawiki/2013/7/7d/PB_Banner_Lines2.gif" width="1000"> 
+
   <script>
-
  </div>
+
     $(document).ready(function(){$('div .igemlogo').mouseover(function(){div = $('.left-menu'); div.fadeIn(1);}).mouseout(function(){div.fadeOut(100);});});
-
</div>
+
    $(document).ready(function(){$('div #pspanel').mouseover(function(){div = $('#psdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
-
<div style="clear: both;"></div>
+
    $(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);});});
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
+
    $(document).ready(function(){$('div #tcpanel').mouseover(function(){div = $('#tcdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
-
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0-wip/js/bootstrap.min.js"></script>
+
  </script>
-
<!--
+
  <!--
-
<script type="text/javascript">
+
  <center><a href="http://www.digits.com" target="_blank"><img src="http://counter.digits.com/?counter={39ed2bc8-e9ee-aa74-01bb-15a2129b5b32}&template=simple&foreground=ffffff&background=272b1e" alt="Hit Counter by Digits" border="0"/></a></center>
-
jQuery(document).ready(function($) {
+
  --!>
-
$('.carousel').carousel({
+
-
  interval: 4000
+
-
  })
+
-
});
+
-
</script>
+
-
-->
+
-
<div id="grouptitle">Fight Tuberculosis with Modern Weapons</div>
+
-
<div id="page">
+
-
<html>
+
-
<p>
+
-
About one third of the world’s population has at one point in their life been infected with tuberculosis (TB) causing bacteria <em>Mycobacterium tuberculosis</em>. Luckily, nine out of ten infections are asymptomatic and latent but one out of ten progresses to a lethal active disease killing millions of people worldwide. In most cases tuberculosis attacks lungs, invading alveolar macrophages where it lives and replicates. Due to its habitat and the unusual structure and chemical composition of the cell wall many antibiotics are ineffective, making TB treatment difficult and hard to tackle. Additionally, in recent years multiple drug-resistant tuberculosis became an ever increasing problem.
+
-
</p>
+
-
<p>
+
-
Using <em>Escherichia coli</em> as a model organism we are developing and testing approaches that could lead to eradication of this infectious disease. A drug screen aimed for a specific mycobacterial metabolic pathway, a phage sensor for detection of a specific antibiotic resistance, a TB-ception <em>E. coli</em> which could invade macrophages and kill mycobacteria, and finally a Trojan horse sRNA which could silence the production of antibiotic resistance proteins thus making antibiotic treatment more effective.
+
-
</p>  
+
-
<p>
+
-
Check out our <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Overview">projects</a> for more information.
+
-
</p>
+
</div>
</div>
</html>
</html>
{{:Team:Paris_Bettencourt/footer}}
{{:Team:Paris_Bettencourt/footer}}

Latest revision as of 14:06, 6 November 2013

FIGHT TUBERCULOSIS WITH MODERN WEAPONS

Tuberculosis (TB) is an infectious disease caused by Mycobacterium tuberculosis (Mtb) that affects nearly two billion people around the world. On this website we present four new ways to use the power of synthetic biology in the fight against TB: from gene detection, to drug targeting, to infiltrating macrophages, to sabotaging the synthesis of proteins. Hover over these panels to see the project overview.

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 inhibits the synthesis of antibiotic resistance proteins.

Infiltrate macrophages with an E.coli producing TDMH, an enzyme that will lyse the Mycobacteria cell wall.
Detect
Target
Infiltrate
Sabotage
Jump to Results
TB Facts
TB in France
TB Gallery
Gender Study
Technology Transfer

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
team2013@igem-paris.org
Hit Counter by Digits
Copyright (c) 2013 igem.org. All rights reserved.

Retrieved from "http://2013.igem.org/Team:Paris_Bettencourt"