|
|
| (58 intermediate revisions not shown) |
| Line 1: |
Line 1: |
| - | {{:Team:Paris_Bettencourt/Wiki}}
| |
| - | {{:Team:Paris_Bettencourt/Menu}}
| |
| - | <html>
| |
| - | <style>
| |
| - | /* Top Banner */
| |
| - | #topheader{
| |
| - | display:block;
| |
| - | position:absolute;
| |
| - | top:-10px;
| |
| - | width:100%;
| |
| - | margin-bottom:-120px;
| |
| - | position:relative;
| |
| - | }
| |
| - | #BotArrow{
| |
| - | position: relative;-
| |
| - | z-index:2;
| |
| - | bottom:40px;
| |
| - | margin-bottom:-40px;
| |
| - | }
| |
| - | #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>
| |
| | | | |
| - | <div id="topheader">
| |
| - | <img style="margin-top:-1px" src="https://static.igem.org/mediawiki/2013/c/c8/PB_frontpagebanner.png" width="1100px" height="632"/>
| |
| - | <img id="BotArrow" src="https://static.igem.org/mediawiki/2013/7/7d/PB_Banner_Lines2.gif" width="1100px">
| |
| - | <img id="PBlogo" src="https://static.igem.org/mediawiki/2013/3/3a/PB_logoParis.gif" width="122px"/>
| |
| - | </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">
| |
| - | <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" 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: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>
| |
| - | <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>
| |
| - | </html>
| |
| - |
| |
| - | {{:Team:Paris_Bettencourt/footer}}
| |
"
