Team:Paris Bettencourt

From 2013.igem.org

(Difference between revisions)
(Prototype team page)
 
(400 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
{{:Team:Paris_Bettencourt/Wiki}}
 +
{{:Team:Paris_Bettencourt/Menu}}
 +
<html>
 +
<style>
 +
/* Top Banner */
 +
#topheader{
 +
    display:block;
 +
    position:absolute;
 +
    top:-15px;
 +
    width:100%;
 +
    margin-bottom:-120px;
 +
    position:relative;
 +
}
 +
#BotArrow{
 +
    position: relative;-
 +
    z-index:2;
 +
    bottom:42px;
 +
    margin-bottom:-42px;
 +
}
 +
#PBlogo {
 +
    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;
 +
    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;
 +
}
 +
.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>
-
<html>
+
  <div id="topheader">
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
    <img style="margin-top:-1px" src="https://static.igem.org/mediawiki/2013/0/0a/PB_frontpagebanner7.png" width="1100px" height="632"/>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
    <img id="BotArrow" src="https://static.igem.org/mediawiki/2013/7/7d/PB_Banner_Lines2.gif" width="1100px">
-
This is a template page. READ THESE INSTRUCTIONS.
+
    <img id="PBlogo" src="https://static.igem.org/mediawiki/2013/3/3a/PB_logoParis.gif" width="122px"/>
-
</div>
+
  </div>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
  <div style="clear: both;"></div>
-
You are provided with this team page template with which to start the iGEM season. You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki. You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
-
</div>
+
  <div id="page">
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
    <div class="panel">
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace.   
+
      <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Overview" title="Project Overview">
-
</div>
+
<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>
 +
 
 +
  <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&foreground=ffffff&background=272b1e" alt="Hit Counter by Digits" border="0"/></a></center>
 +
  --!>
</div>
</div>
</html>
</html>
-
<!-- *** End of the alert box *** -->
+
{{:Team:Paris_Bettencourt/footer}}
-
 
+
-
 
+
-
 
+
-
{|align="justify"
+
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
-
|[[Image:Paris_Bettencourt_logo.png|200px|right|frame]]
+
-
|-
+
-
|
+
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
-
|[[Image:Paris_Bettencourt_team.png|right|frame|Your team picture]]
+
-
|-
+
-
|
+
-
|align="center"|[[Team:Paris_Bettencourt | Team Paris_Bettencourt]]
+
-
|}
+
-
 
+
-
<!--- The Mission, Experiments --->
+
-
 
+
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
-
!align="center"|[[Team:Paris_Bettencourt|Home]]
+
-
!align="center"|[[Team:Paris_Bettencourt/Team|Team]]
+
-
!align="center"|[https://igem.org/Team.cgi?year=2013&team_name=Paris_Bettencourt Official Team Profile]
+
-
!align="center"|[[Team:Paris_Bettencourt/Project|Project]]
+
-
!align="center"|[[Team:Paris_Bettencourt/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:Paris_Bettencourt/Modeling|Modeling]]
+
-
!align="center"|[[Team:Paris_Bettencourt/Notebook|Notebook]]
+
-
!align="center"|[[Team:Paris_Bettencourt/Safety|Safety]]
+
-
!align="center"|[[Team:Paris_Bettencourt/Attributions|Attributions]]
+
-
|}
+

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.