Team:Paris Bettencourt

From 2013.igem.org

(Difference between revisions)
 
(57 intermediate revisions not shown)
Line 2: Line 2:
{{:Team:Paris_Bettencourt/Menu}}
{{:Team:Paris_Bettencourt/Menu}}
<html>
<html>
-
<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>
<style>
-
/* Top Header */
+
/* Top Banner */
#topheader{
#topheader{
     display:block;
     display:block;
     position:absolute;
     position:absolute;
-
     top:-10px;
+
     top:-15px;
     width:100%;
     width:100%;
-
     margin-bottom:-70px;
+
     margin-bottom:-120px;
     position:relative;
     position:relative;
-
    /*top:-10px;*/
 
}
}
-
#bgkBanner1{
+
#BotArrow{
-
     position: relative;
+
     position: relative;-
     z-index:2;
     z-index:2;
 +
    bottom:42px;
 +
    margin-bottom:-42px;
}
}
-
#bgkBanner2{
+
#PBlogo {
-
     position: relative;
+
     position:relative;
-
    z-index:2;
+
     bottom:580px;
-
     bottom:40px;
+
     left:30px;
-
     margin-bottom:-40px;
+
}
}
 +
/* Panels */
.panel {
.panel {
-
  width:1100px;
+
    width:1100px;
-
  height:528px;
+
    height:528px;
-
  margin:0;
+
    margin:0;
-
  margin-bottom:70px;
+
    margin-bottom:0px;
-
  color: rgb(30,39,43);
+
    color: rgb(30,39,43);
-
  font-family: 'Yanone Kaffeesatz', sans-serif;
+
    font-family: 'Yanone Kaffeesatz', sans-serif;
}
}
-
/* */
+
.panel a {
-
.subpanel1 {
+
    color: rgb(46,43,52);
-
  float:left;
+
    text-decoration:none;
-
  width:535px;
+
-
  height:428px;
+
-
  margin-top:0;
+
-
  margin-right:20px;
+
-
  margin-bottom:12px;
+
-
  border-radius:7px;
+
-
  background:rgb(252,250,229);
+
}
}
-
.subpanel2 {
+
/* Subpanels */
-
  float:left;
+
.narrowimg {/* Subpanels background*/
-
  width:125px;
+
    /*position:absolute;*/
-
  height:492px;
+
    z-index:2;
-
  font-size:22px;
+
    opacity:0.3;
-
  text-align:center;
+
    filter: alpha(opacity=30);
-
  margin-top:0;  
+
-
  margin-right:11px;
+
-
  border-radius:7px;
+
-
  overflow:hidden;
+
}
}
-
.panel a {
+
.titlebox {/* Subpanels Title*/
-
  color: rgb(46,43,52);
+
    z-index:1;
-
  text-decoration:none;
+
    position:relative;
-
}
+
    bottom:480px;
-
.subpanel2:hover{
+
    background:transparent;
-
  font-weight:bold;
+
}
}
-
.subpanel3 {
+
/* Project Panels*/
-
  float:left;
+
.subpanel1 { /* Overview */
-
  width:535px;
+
    float:left;
-
  height:50px;
+
    width:535px;
-
  font-size:30px;
+
    height:428px;
-
  text-align:left;
+
    margin-top:0;
-
  line-height:50px;
+
    margin-right:20px;
-
  background:rgb(30,39,43);
+
    margin-bottom:12px;
-
  color:white;
+
    border-radius:7px;
-
  border-radius:7px;
+
    background:rgb(252,250,229);
-
  position:relative;
+
-
  bottom:50px;
+
-
  font-family: 'Great Vibes', cursive;
+
-
  font-size: 35px;
+
}
}
-
.spdesc {
+
.spdesc { /* Overview content */
-
  display:none;
+
    display:none;
-
  height:100px;
+
    height:100px;
-
  color:rgb(30,39,43);
+
    color:rgb(30,39,43);
}
}
-
.cont {
+
.cont { /* Overview content */
-
  width:90%;
+
    width:90%;
-
  height:auto;
+
    height:auto;
-
  margin-left:5%;
+
    margin-left:5%;
-
  margin-top:5%;
+
    margin-top:5%;
-
  background:transparent;
+
    background:transparent;
}
}
.cont p {
.cont p {
-
  font-size:27px;
+
    line-height:28px;
-
  line-height:28px;
+
    width:auto;
-
  width:auto;
+
    height:auto;
-
  height:auto;
+
    margin:5% 2%;
-
  margin:5% 2%;
+
}
}
-
.narrowimg {
+
.subpanel2 { /* Projects */
-
  /*position:absolute;*/  
+
    float:left;
-
  z-index:2;
+
    width:125px;
-
  opacity:0.3;
+
    height:492px;
-
  filter: alpha(opacity=30);
+
    font-size:22px;
 +
    text-align:center;
 +
    margin-top:0;  
 +
    margin-right:11px;
 +
    border-radius:7px;
 +
    overflow:hidden;
}
}
-
.titlebox {
+
.subpanel2:hover{
-
  z-index:1;
+
    font-weight:bold;
-
  position:relative;
+
-
  bottom:150px;
+
-
  background:transparent;
+
}
}
-
.narrowimg:hover {
+
.subpanel2:hover .narrowimg {
-
  opacity:0.8;
+
    opacity:0.8;
-
  filter: alpha(opacity=80);
+
    filter: alpha(opacity=80);
}
}
-
.subpanel4 {
+
.subpanel3 { /* Results */
-
  float:left;
+
    float:left;
-
  width:354px;
+
    width:535px;
-
  height:492px;
+
    height:50px;
-
  font-size:22px;
+
    font-size:30px;
-
  margin-top:0;  
+
    text-align:left;
-
  margin-right:18px;
+
    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;
}
}
-
.subpanel7 {
+
/* Human Practice */
-
  float:left;
+
.subpanel4 { /* divide page in 3 */
-
  width:354px;
+
    float:left;
-
  height:283px;
+
    width:354px;
-
  font-size:22px;
+
    height:492px;
-
  background:rgb(30,39,43);
+
    font-size:22px;
-
  color:white;
+
    margin-top:0;  
-
  border-radius:7px;
+
    margin-right:18px;
-
  overflow:hidden;
+
-
  text-align:center;
+
}
}
-
.subpanel9 {
+
.subpanel5 { /* TB Facts, TB in France, TB Gallery */
-
  float:left;
+
    height:156px;
-
  width:354px;
+
    text-align:center;
-
  height: 198px;
+
    margin-bottom:11px;
-
  font-size:22px;
+
    background:rgb(255,255,255);
-
  margin-right:3px;
+
    color:black;
-
  margin-top:11px;
+
    border-radius:7px;
-
  background:rgb(30,39,43);  
+
    overflow:hidden;
-
  color:white;
+
}
-
  border-radius:7px;
+
.subpanel5:hover{
-
  overflow:hidden;
+
    font-weight:bold;
-
  text-align:center;
+
}
 +
.subpanel5:hover .narrowimg {
 +
    opacity:0.8;
 +
    filter: alpha(opacity=80);
 +
}
 +
.subpanel7 { /* Gender */
 +
    float:left;
 +
    width:354px;
 +
    height:283px;
 +
    font-size:22px;
 +
    background:rgb(255,255,255);  
 +
    color:black;
 +
    border-radius:7px;
 +
    overflow:hidden;
 +
    text-align:center;
}
}
.subpanel7:hover{
.subpanel7:hover{
-
  font-weight:bold;
+
    font-weight:bold;
}
}
-
.subpanel5 {
+
.subpanel7:hover .narrowimg {
-
  height:156px;
+
    opacity:0.8;
-
  text-align:center;
+
    filter: alpha(opacity=80);
-
  margin-bottom:11px;
+
-
  background:rgb(30,39,43);
+
-
  color:white;
+
-
  border-radius:7px;
+
-
  overflow:hidden;
+
}
}
-
.subpanel5:hover{
+
.subpanel9 { /* Tech Transfer */
-
  font-weight:bold;
+
    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;
 +
}
 +
.subpanel9:hover .narrowimg {
 +
    opacity:0.8;
 +
    filter: alpha(opacity=80);
 +
}
 +
.subpanel9:hover{
 +
    font-weight:bold;
}
}
-
.subpanel6 {
+
.subpanel6 { /* Collaboration, SensiGEM */
-
  height:240.5px;
+
    height:240.5px;
-
  margin-bottom:11px;
+
    margin:0;
-
  border-radius:7px;
+
    margin-bottom:11px;
-
  overflow:hidden;
+
    border-radius:7px;
-
  background:rgb(30,39,43);  
+
    overflow:hidden;
-
  color:white;
+
    background:rgb(255,255,255);  
-
  text-align:center;
+
    color:Black;
 +
    text-align:center;
}
}
.subpanel6:hover{
.subpanel6:hover{
-
  font-weight:bold;
+
    font-weight:bold;
}
}
 +
.subpanel6:hover .narrowimg {
 +
    opacity:0.8;
 +
    filter: alpha(opacity=80);
 +
}
 +
/* Panels at the bottom */
.subpanel8 {
.subpanel8 {
-
  float:left;
+
    float:left;
-
  height:96px;
+
    height:96px;
-
  width:261.5px;
+
    width:261.5px;
-
  margin-right:18px;
+
    margin-right:18px;
-
  border-radius:7px;
+
    border-radius:7px;
-
  overflow:hidden;
+
    overflow:hidden;
-
  background:rgb(30,39,43);  
+
    background:rgb(30,39,43);  
-
  color:white;
+
    color:white;
}
}
.subpanel8 img {
.subpanel8 img {
-
  margin-top:16px;
+
    margin-top:16px;
-
  background:white;  
+
    background:white;  
}
}
.subpanel8 img:hover {
.subpanel8 img:hover {
-
  background:rgb(252,250,229);
+
    background:rgb(252,250,229);
}
}
-
 
</style>
</style>
-
<div id="topheader">
+
  <div id="topheader">
-
  <img style="margin-top:-1px" src="https://static.igem.org/mediawiki/2013/c/c8/PB_frontpagebanner.png" width="1100" height="632"/>
+
    <img style="margin-top:-1px" src="https://static.igem.org/mediawiki/2013/0/0a/PB_frontpagebanner7.png" width="1100px" height="632"/>
-
  <div id="bgkBanner2">
+
    <img id="BotArrow" src="https://static.igem.org/mediawiki/2013/7/7d/PB_Banner_Lines2.gif" width="1100px">
-
     <img src="https://static.igem.org/mediawiki/2013/7/7d/PB_Banner_Lines2.gif" width="1100">  
+
     <img id="PBlogo" src="https://static.igem.org/mediawiki/2013/3/3a/PB_logoParis.gif" width="122px"/>
   </div>
   </div>
-
   <img src="https://static.igem.org/mediawiki/2013/3/3a/PB_logoParis.gif" width="122px" style="position:relative;bottom:580px;left:30px;"/>
+
   <div style="clear: both;"></div>
-
</div>
+
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
-
<div style="clear: both;"></div>
+
  <div id="page">
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
+
    <div class="panel">
-
<div id="page">
+
      <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Overview" title="Project Overview">
-
<div class="panel">
+
<div class="subpanel1">
-
  <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Overview" title="Project Overview">
+
  <div style="position:relative;bottom:0px">
-
  <div class="subpanel1">
+
    <div class="cont"><p style="font-size:32px;line-height:34px;">FIGHT TUBERCULOSIS WITH MODERN WEAPONS </p></div>
-
    <!--<img style="opacity:0.8" src="https://static.igem.org/mediawiki/2013/7/78/PB_ProjectLarge1.jpg" width="535px" height="428px" />--!>
+
    <div class="cont">
-
    <div style="position:relative;bottom:0px">
+
      <p style="font-size:26px;">
-
    <div class="cont"><p style="   font-size:32px;line-height:34px;">FIGHT TUBERCULOSIS WITH MODERN WEAPONS </p></div>
+
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.
-
    <div class="cont">
+
      </p>
-
      <p>
+
    </div>
-
      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.
+
    <div id="psdesc" class="spdesc">
-
      </p>
+
      <div class="cont">
 +
<p style="font-size:26px;">A biosensor that detects the presence of sequence specific antibiotic resistance genes.</p>
 +
      </div>
 +
    </div>
 +
    <div id="dsdesc" class="spdesc">
 +
      <div class="cont">
 +
<p style="font-size:26px;">A safe and specific high-throughput drug screening method that targets essential mycobacterial metabolic proteins.</p>
 +
      </div>  
 +
    </div>
 +
    <div id="thdesc" class="spdesc">
 +
      <div class="cont">
 +
<p style="font-size:26px;">A phage system with low fitness cost producing sRNA, which inhibits the synthesis of antibiotic resistance proteins.</p>
 +
      </div>
 +
    </div>
 +
    <div id="tcdesc" class="spdesc">
 +
      <div class="cont">
 +
<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 id="psdesc" class="spdesc">
+
     <div style="clear: both;"></div>
-
       <div class="cont">
+
    <div class="panel" style="background:white;">
-
<p>A biosensor that detects the presence of sequence specific antibiotic resistance genes.</p>
+
       <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>
-
    </div>
+
      <div class="subpanel4">
-
    <div id="dsdesc" class="spdesc">
+
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Gender_Study" title="Gender Study">
-
      <div class="cont">
+
  <div class="subpanel7">
-
<p>A safe and specific high-throughput drug screening method that targets essential mycobacterial metabolic proteins.</p>
+
    <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/8/8c/Gender.png" width="354px" height="283px"/>
-
      </div>  
+
    <div style="position:relative;bottom:258px">
-
    </div>
+
              <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 id="thdesc" class="spdesc">
+
              <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
-
      <div class="cont">
+
              Gender Study
-
<p>A phage system with low fitness cost producing sRNA, which inhibit the synthesis of antibiotic resistance proteins.</p>
+
    </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>
-
    </div>
+
      <div class="subpanel4" style="margin-right:0px">
-
    <div id="tcdesc" class="spdesc">
+
<div style="margin-right:0;width:356px">
-
      <div class="cont">
+
  <a href="https://2013.igem.org/Team:Paris_Bettencourt/Collaboration" title="Collaboration">
-
<p>Infiltrate macrophages with an <i>E.coli</i> producing TDMH, an enzyme that will lyse the Mycobacteria cell wall.</p>
+
    <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>
     </div>
-
     </div>
+
     <div style="clear: both;"></div>
-
  </div>
+
    <div>
-
  </a>
+
      <div class="subpanel8">
-
  <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Detect" title="Detect">
+
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Team" title="Team">
-
    <div id="pspanel" class="subpanel2">
+
  <center><img src="https://static.igem.org/mediawiki/2013/1/1c/PB_Teamlogo.png" height="64px"/></center>
-
      <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/a/a8/PB_DetectNarrow.jpg" width="125px" height="500px"/>
+
</a>
-
      <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>
-
    </div>
+
      <div class="subpanel8">
-
  </a>
+
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Notes" title="Notebook">
-
  <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Target" title="Target">
+
  <center><img src="https://static.igem.org/mediawiki/2013/2/27/PB_Notebooklogo.png" height="64px"/></center>
-
    <div id="dspanel" class="subpanel2">
+
</a>
-
      <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>
-
    </div>
+
      <div class="subpanel8">
-
  </a>
+
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Parts" title="Submitted Parts">
-
  <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Infiltrate" title="Infiltrate">
+
  <center><img src="https://static.igem.org/mediawiki/2013/0/02/PB_Partslogo.png" height="64px"/></center>
-
    <div id="tcpanel" class="subpanel2">
+
</a>
-
      <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>
-
    </div>
+
      <div class="subpanel8" style="margin-right:0">
-
  </a>
+
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Medal_Fulfillment" title="Medal Fulfillment">
-
  <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Sabotage" title="Sabotage">
+
  <center><img src="https://static.igem.org/mediawiki/2013/2/2a/PB_medallogo.png" height="64px"/></center>
-
    <div id="thpanel" class="subpanel2">    
+
</a>
-
      <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>
     </div>
-
  </a>
+
    <div style="clear: both;"></div>
-
  <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Results" title="Results">
+
-
    <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>
+
-
  </a>
+
   </div>
   </div>
-
<!--
+
    
-
<center>
+
   <script>
-
<img style="margin-bottom:-24px;" src="https://static.igem.org/mediawiki/2013/4/48/PB_WhiteArrow.gif"/ height="25px">
+
     $(document).ready(function(){$('div .igemlogo').mouseover(function(){div = $('.left-menu'); div.fadeIn(1);}).mouseout(function(){div.fadeOut(100);});});
-
</center>
+
    $(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);});});
-
<div style="clear: both;"></div>
+
    $(document).ready(function(){$('div #thpanel').mouseover(function(){div = $('#thdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
-
<div class="panel" style="background:white;">
+
    $(document).ready(function(){$('div #tcpanel').mouseover(function(){div = $('#tcdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
-
   <div class="subpanel4">
+
  </script>
-
  <a class="subpanel5" href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/TB_Facts" title="TB Facts">
+
  <!--
-
    <div class="subpanel5">
+
  <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>
-
        <center><img src="https://static.igem.org/mediawiki/2013/f/f6/PB_TBFacts.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>
+
-
  </a>     
+
-
  <a class="subpanel5" href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/TB_France" title="TB in France">
+
-
    <div class="subpanel5">
+
-
        <center><img src="https://static.igem.org/mediawiki/2013/e/ec/PB_TBinfrance.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>
+
-
  </a>
+
-
  <a class="subpanel5" href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/TB_Gallery" title="TB Gallery">
+
-
    <div class="subpanel5" style="margin-bottom:0;height:158px;">
+
-
        <center><img src="https://static.igem.org/mediawiki/2013/9/96/PB_TBGallery.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>
+
-
    </a>
+
-
   </div>
+
-
  <div class="subpanel4">
+
-
  <a class="subpanel7" href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Gender_Study" title="Gender Study">
+
-
     <div class="subpanel7">
+
-
        <center><img src="https://static.igem.org/mediawiki/2013/c/c2/PB_Genderstudy.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>
+
-
  </a>
+
-
  <a class="subpanel9" href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Technology_Transfer" title="Technology Transfer">
+
-
    <div class="subpanel7">
+
-
        <!--<center><img src="" style="height:60px;margin-top:10px;margin-bottom:10px;"/></center>-->
+
-
        <div style="width:60%;margin-top:80px;margin-left:20%;margin-bottom:20px;"><hr></div>
+
-
          Technology Transfer
+
-
    </div>
+
-
  </a>
+
-
  </div>
+
-
  <div class="subpanel4" style="margin-right:0;width:356px">
+
-
  <a class="subpanel6" href="https://2013.igem.org/Team:Paris_Bettencourt/Collaboration" title="Collaboration">
+
-
    <div class="subpanel6">
+
-
        <center><img src="https://static.igem.org/mediawiki/2013/4/49/PB_Collaboration.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>
+
-
  </a>
+
-
  <a class="subpanel6" href="https://2013.igem.org/Team:Paris_Bettencourt/SensiGEM" title="SensiGEM">
+
-
    <div class="subpanel6" style="margin-bottom:0">
+
-
        <center><img src="https://static.igem.org/mediawiki/2013/6/6b/PB_sensiGEM.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>
+
-
  </a>
+
-
  </div>
+
-
</div>
+
-
<!--
+
-
<center>
+
-
<img style="margin-bottom:-24px;" src="https://static.igem.org/mediawiki/2013/a/ad/PB_RedArrow.gif"/ height="126px">
+
-
</center>
+
-
<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>
+
-
  <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>
+
-
 
+
-
<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>
</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"