Team:Paris Bettencourt/SebaTemplate

From 2013.igem.org

(Difference between revisions)
(Blanked the page)
 
(84 intermediate revisions not shown)
Line 1: Line 1:
-
{{:Team:Paris_Bettencourt/Wiki}}
 
-
{{:Team:Paris_Bettencourt/Menu}}
 
-
<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>
 
-
/* Top Header */
 
-
#topheader{
 
-
    display:block;
 
-
    position:absolute;
 
-
    top:-10px;
 
-
    width:100%;
 
-
    margin-bottom:-120px;
 
-
    position:relative;
 
-
    /*top:-10px;*/
 
-
}
 
-
#bgkBanner1{
 
-
    position: relative;
 
-
    z-index:2;
 
-
}
 
-
#bgkBanner2{
 
-
    position: relative;
 
-
    z-index:2;
 
-
    bottom:40px;
 
-
    margin-bottom:-40px;
 
-
}
 
-
.panel {
 
-
  width:1100px;
 
-
  height:528px;
 
-
  margin:0;
 
-
  margin-bottom:0px;
 
-
  color: rgb(30,39,43);
 
-
  font-family: 'Yanone Kaffeesatz', sans-serif;
 
-
}
 
-
/* */
 
-
.subpanel1 {
 
-
  float:left;
 
-
  width:535px;
 
-
  height:428px;
 
-
  margin-top:0;
 
-
  margin-right:20px;
 
-
  margin-bottom:12px;
 
-
  border-radius:7px;
 
-
  background:rgb(252,250,229);
 
-
}
 
-
.subpanel2 {
 
-
  float:left;
 
-
  width:125px;
 
-
  height:492px;
 
-
  font-size:22px;
 
-
  text-align:center;
 
-
  margin-top:0;
 
-
  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(30,39,43);
 
-
  color:white;
 
-
  border-radius:7px;
 
-
  position:relative;
 
-
  bottom:50px;
 
-
  font-family: 'Great Vibes', cursive;
 
-
  font-size: 35px;
 
-
}
 
-
.spdesc {
 
-
  display:none;
 
-
  height:100px;
 
-
  color:rgb(30,39,43);
 
-
}
 
-
.cont {
 
-
  width:90%;
 
-
  height:auto;
 
-
  margin-left:5%;
 
-
  margin-top:5%;
 
-
  background:transparent;
 
-
}
 
-
.cont p {
 
-
  font-size:27px;
 
-
  line-height:28px;
 
-
  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:480px;
 
-
  background:transparent;
 
-
}
 
-
.narrowimg:hover {
 
-
  opacity:0.8;
 
-
  filter: alpha(opacity=80);
 
-
}
 
-
.subpanel4 {
 
-
  float:left;
 
-
  width:354px;
 
-
  height:492px;
 
-
  font-size:22px;
 
-
  margin-top:0;
 
-
  margin-right:18px;
 
-
}
 
-
.subpanel7 {
 
-
  float:left;
 
-
  width:354px;
 
-
  height:283px;
 
-
  font-size:22px;
 
-
  background:rgb(255,255,255);
 
-
  color:black;
 
-
  border-radius:7px;
 
-
  overflow:hidden;
 
-
  text-align:center;
 
-
}
 
-
.subpanel9 {
 
-
  float:left;
 
-
  width:354px;
 
-
  height: 198px;
 
-
  font-size:22px;
 
-
  margin-right:3px;
 
-
  margin-top:11px;
 
-
  background:rgb(30,39,43);
 
-
  color:white;
 
-
  border-radius:7px;
 
-
  overflow:hidden;
 
-
  text-align:center;
 
-
}
 
-
.subpanel7:hover{
 
-
  font-weight:bold;
 
-
}
 
-
.subpanel5 {
 
-
  height:156px;
 
-
  text-align:center;
 
-
  margin-bottom:11px;
 
-
  background:rgb(255,255,255);
 
-
  color:black;
 
-
  border-radius:7px;
 
-
  overflow:hidden;
 
-
}
 
-
.subpanel5:hover{
 
-
  font-weight:bold;
 
-
}
 
-
.subpanel6 {
 
-
  height:240.5px;
 
-
  margin-bottom:11px;
 
-
  border-radius:7px;
 
-
  overflow:hidden;
 
-
  background:rgb(255,255,255);
 
-
  color:Black;
 
-
  text-align:center;
 
-
}
 
-
.subpanel6:hover{
 
-
  font-weight:bold;
 
-
}
 
-
.subpanel8 {
 
-
  float:left;
 
-
  height:96px;
 
-
  width:261.5px;
 
-
  margin-right:18px;
 
-
  border-radius:7px;
 
-
  overflow:hidden;
 
-
  background:rgb(30,39,43);
 
-
  color:white;
 
-
}
 
-
.subpanel8 img {
 
-
  margin-top:16px;
 
-
  background:white;
 
-
}
 
-
.subpanel8 img:hover {
 
-
  background:rgb(252,250,229);
 
-
}
 
-
</style>
 
-
 
-
<div id="topheader">
 
-
  <img style="margin-top:-1px" src="https://static.igem.org/mediawiki/2013/c/c8/PB_frontpagebanner.png" width="1100" height="632"/>
 
-
  <div id="bgkBanner2">
 
-
    <img src="https://static.igem.org/mediawiki/2013/7/7d/PB_Banner_Lines2.gif" width="1100"> 
 
-
  </div>
 
-
  <img src="https://static.igem.org/mediawiki/2013/3/3a/PB_logoParis.gif" width="122px" style="position:relative;bottom:580px;left:30px;"/>
 
-
</div>
 
-
<div style="clear: both;"></div>
 
-
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 
-
<div id="page">
 
-
<div class="panel">
 
-
  <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Overview" title="Project Overview">
 
-
  <div class="subpanel1">
 
-
    <!--<img style="opacity:0.8" src="https://static.igem.org/mediawiki/2013/7/78/PB_ProjectLarge1.jpg" width="535px" height="428px" />--!>
 
-
    <div style="position:relative;bottom:0px">
 
-
    <div class="cont"><p style="font-size:32px;line-height:34px;">FIGHT TUBERCULOSIS WITH MODERN WEAPONS </p></div>
 
-
    <div class="cont">
 
-
      <p style="font-size:26px;">
 
-
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. Click this panel to see our project overview.
 
-
      </p>
 
-
    </div>
 
-
    <div id="psdesc" class="spdesc">
 
-
      <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 inhibit 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">
 
-
      <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:120px;margin-right:15px;position:relative;bottom:1px" src="https://static.igem.org/mediawiki/2013/d/d5/PB_handresults.gif"/>Results page
 
-
    </div>
 
-
  </a>
 
-
  </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:white;">
 
-
  <div class="subpanel4">
 
-
  <a class="subpanel5" 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 class="subpanel5" 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 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;">
 
-
      <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 class="subpanel7" 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 class="subpanel9" href="https://2013.igem.org/Team:Paris_Bettencourt/Human_Practice/Technology_Transfer" title="Technology Transfer">
 
-
    <div class="subpanel7">
 
-
      <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:0;width:356px">
 
-
  <a class="subpanel6" 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 class="subpanel6" 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>
 
-
<!--
 
-
<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>
 
-
 
-
  <center><a href="http://www.digits.com" target="_blank"><img src="http://counter.digits.com/?counter={39ed2bc8-e9ee-aa74-01bb-15a2129b5b32}&template=simple&background=#272b1e" alt="Hit Counter by Digits" border="0"/></a></center>
 
-
 
-
 
-
</div>
 
-
</html>
 
-
 
-
{{:Team:Paris_Bettencourt/footer}}
 

Latest revision as of 08:39, 28 October 2013