Team:Paris Bettencourt

From 2013.igem.org

(Difference between revisions)
 
(357 intermediate revisions not shown)
Line 3: Line 3:
<html>
<html>
<style>
<style>
-
/* Top Header */
+
/* Top Banner */
#topheader{
#topheader{
     display:block;
     display:block;
     position:absolute;
     position:absolute;
-
     top:30px;
+
     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:2;
     z-index:2;
 +
    bottom:42px;
 +
    margin-bottom:-42px;
}
}
-
#bgkBanner2{
+
#PBlogo {
-
     position: relative;
+
     position:relative;
 +
    bottom:580px;
 +
    left:30px;
 +
}
 +
/* Panels */
 +
.panel {
 +
    width:1100px;
 +
    height:528px;
 +
    margin:0;
 +
    margin-bottom:0px;
 +
    color: rgb(30,39,43);
 +
    font-family: 'Yanone Kaffeesatz', sans-serif;
 +
}
 +
.panel a {
 +
    color: rgb(46,43,52);
 +
    text-decoration:none;
 +
}
 +
/* Subpanels */
 +
.narrowimg {/* Subpanels background*/
 +
    /*position:absolute;*/
     z-index:2;
     z-index:2;
-
     bottom:37px;
+
     opacity:0.3;
-
     margin-bottom:30px;
+
     filter: alpha(opacity=30);
}
}
-
#igemlogo{
+
.titlebox {/* Subpanels Title*/
-
     position:absolute;
+
    z-index:1;
-
     z-index:4;
+
     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;
 +
}
 +
.subpanel2:hover{
 +
    font-weight:bold;
 +
}
 +
.subpanel2:hover .narrowimg {
 +
    opacity:0.8;
 +
    filter: alpha(opacity=80);
 +
}
 +
.subpanel3 { /* Results */
 +
    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;
 +
}
 +
/* Human Practice */
 +
.subpanel4 { /* divide page in 3 */
 +
    float:left;
 +
    width:354px;
 +
    height:492px;
 +
    font-size:22px;
 +
    margin-top:0;
 +
    margin-right:18px;
 +
}
 +
.subpanel5 { /* TB Facts, TB in France, TB Gallery */
 +
    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;
 +
}
 +
.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{
 +
    font-weight:bold;
 +
}
 +
.subpanel7:hover .narrowimg {
 +
    opacity:0.8;
 +
    filter: alpha(opacity=80);
 +
}
 +
.subpanel9 { /* Tech Transfer */
 +
    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 { /* Collaboration, SensiGEM */
 +
    height:240.5px;
 +
    margin:0;
 +
    margin-bottom:11px;
 +
    border-radius:7px;
 +
    overflow:hidden;
 +
    background:rgb(255,255,255);
 +
    color:Black;
 +
    text-align:center;
 +
}
 +
.subpanel6:hover{
 +
    font-weight:bold;
 +
}
 +
.subpanel6:hover .narrowimg {
 +
    opacity:0.8;
 +
    filter: alpha(opacity=80);
 +
}
 +
/* Panels at the bottom */
 +
.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>
</style>
-
<div id="topheader">
+
  <div id="topheader">
-
  <div id="igemlogo" style="right:0;">
+
    <img style="margin-top:-1px" src="https://static.igem.org/mediawiki/2013/0/0a/PB_frontpagebanner7.png" width="1100px" height="632"/>
-
    <a href="https://2013.igem.org/Main_Page" target="_blank">
+
    <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/6/6b/PB_iGEM_logo.png">
+
    <img id="PBlogo" src="https://static.igem.org/mediawiki/2013/3/3a/PB_logoParis.gif" width="122px"/>
-
    </a>
+
   </div>
   </div>
-
   <div id="igemlogo" style="left:0;">
+
  <div style="clear: both;"></div>
-
     <a href="https://2013.igem.org/Main_Page" target="_blank">
+
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
-
      <img src="https://static.igem.org/mediawiki/2013/6/6b/PB_iGEM_logo.png">
+
   <div id="page">
-
     </a>
+
    <div class="panel">
 +
      <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Overview" title="Project Overview">
 +
<div class="subpanel1">
 +
  <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. Hover over these panels to see the 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 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 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 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>
   </div>
-
   <div id="bgkBanner1">
+
 
-
     <img src="https://static.igem.org/mediawiki/2013/1/1b/PB_Banner_Lines.gif" width="1000"> 
+
   <script>
-
  </div>
+
     $(document).ready(function(){$('div .igemlogo').mouseover(function(){div = $('.left-menu'); div.fadeIn(1);}).mouseout(function(){div.fadeOut(100);});});
-
  <img style="margin-top:-70px" src="https://static.igem.org/mediawiki/2013/4/40/PB_TBbanner02.jpg" width="1000"/>
+
     $(document).ready(function(){$('div #pspanel').mouseover(function(){div = $('#psdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
-
  <div id="bgkBanner2">
+
    $(document).ready(function(){$('div #dspanel').mouseover(function(){div = $('#dsdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
-
     <img src="https://static.igem.org/mediawiki/2013/7/7d/PB_Banner_Lines2.gif" width="1000"> 
+
    $(document).ready(function(){$('div #thpanel').mouseover(function(){div = $('#thdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
-
  </div>
+
    $(document).ready(function(){$('div #tcpanel').mouseover(function(){div = $('#tcdesc');div.fadeIn(1);}).mouseout(function(){div.fadeOut(1);});});
-
</div>
+
  </script>
-
<div style="clear: both;"></div>
+
  <!--
-
 
+
  <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>
-
<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>
+
-
<!--
+
-
<script type="text/javascript">
+
-
jQuery(document).ready(function($) {
+
-
$('.carousel').carousel({
+
-
  interval: 4000
+
-
  })
+
-
});
+
-
</script>
+
-
-->
+
-
<div id="grouptitle"></div>
+
-
<div id="page">
+
</div>
</div>
</html>
</html>
{{:Team:Paris_Bettencourt/footer}}
{{:Team:Paris_Bettencourt/footer}}

Latest revision as of 14:06, 6 November 2013

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.