Difference between revisions of "Team:WashU StLouis"

 
(111 intermediate revisions by 2 users not shown)
Line 22: Line 22:
 
     left:30px;
 
     left:30px;
 
}
 
}
 +
 
/* Panels */
 
/* Panels */
 
.panel {
 
.panel {
     width:1100px;
+
     width:100%;
     height:528px;
+
     height:527px;
 
     margin:0;
 
     margin:0;
 
     margin-bottom:0px;
 
     margin-bottom:0px;
     color: rgb(30,39,43);
+
    margin-left: 0px;
 +
     color: transparent;
 
     font-family: 'Yanone Kaffeesatz', sans-serif;
 
     font-family: 'Yanone Kaffeesatz', sans-serif;
 
}
 
}
 
.panel a {
 
.panel a {
     color: rgb(46,43,52);
+
     color: #2F4F4F;
 
     text-decoration:none;
 
     text-decoration:none;
 
}
 
}
Line 48: Line 50:
 
     background:transparent;
 
     background:transparent;
 
}
 
}
 +
 +
.topbanner{
 +
    margin-top: -15 px;
 +
    margin-bottom: 10px;
 +
}
 +
 
/* Project Panels*/
 
/* Project Panels*/
 
.subpanel1 { /* Overview */
 
.subpanel1 { /* Overview */
 
     float:left;
 
     float:left;
     width:535px;
+
     width:77%;
     height:428px;
+
     height:475px;
     margin-top:0;
+
     margin-top:75px;
    margin-right:20px;
+
     background:transparent;
    margin-bottom:12px;
+
    border-radius:7px;
+
     background:rgb(252,250,229);
+
 
}
 
}
 
.spdesc { /* Overview content */
 
.spdesc { /* Overview content */
 
     display:none;
 
     display:none;
     height:100px;
+
     height:500px;
     color:rgb(30,39,43);
+
     color:rgb(0, 0, 0);
 +
    margin-bottom:0px;
 
}
 
}
 
.cont { /* Overview content */
 
.cont { /* Overview content */
     width:90%;
+
     width:100%;
 
     height:auto;
 
     height:auto;
     margin-left:5%;
+
     margin-left:0%;
 
     margin-top:5%;
 
     margin-top:5%;
 
     background:transparent;
 
     background:transparent;
 
}
 
}
 
.cont p {
 
.cont p {
    line-height:28px;
 
 
     width:auto;
 
     width:auto;
 
     height:auto;
 
     height:auto;
     margin:5% 2%;
+
     margin:0% 2%;
 +
    font-size:30px;
 
}
 
}
 
.subpanel2 { /* Projects */
 
.subpanel2 { /* Projects */
 
     float:left;
 
     float:left;
     width:125px;
+
     width:10%;
     height:492px;
+
     height:420px;
 
     font-size:22px;
 
     font-size:22px;
 
     text-align:center;
 
     text-align:center;
     margin-top:0;  
+
     margin-top:105px;  
 
     margin-right:11px;
 
     margin-right:11px;
 
     border-radius:7px;
 
     border-radius:7px;
Line 92: Line 98:
 
}
 
}
 
.subpanel2:hover .narrowimg {
 
.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;
 
     opacity:0.8;
 
     filter: alpha(opacity=80);
 
     filter: alpha(opacity=80);
Line 193: Line 105:
 
     float:left;
 
     float:left;
 
     height:96px;
 
     height:96px;
     width:261.5px;
+
     width:23.5%;
 
     margin-right:18px;
 
     margin-right:18px;
 +
    margin-top:0px;
 
     border-radius:7px;
 
     border-radius:7px;
 
     overflow:hidden;
 
     overflow:hidden;
     background:rgb(30,39,43);  
+
     background:#4d6799;  
 
     color:white;
 
     color:white;
 
}
 
}
 
.subpanel8 img {
 
.subpanel8 img {
 
     margin-top:16px;
 
     margin-top:16px;
     background:white;  
+
     background:#d6699;  
 
}
 
}
 
.subpanel8 img:hover {
 
.subpanel8 img:hover {
     background:rgb(252,250,229);
+
     background:#4d6799;
 
}
 
}
 
</style>
 
</style>
  
  <div id="topheader">
+
 
     <img style="margin-top:-1px" src="https://static.igem.org/mediawiki/2018/9/90/T--WashU_StLouis--introbanner.png" width="1100px" height="632"/>
+
<div id="topheader">
    <img id="BotArrow" src="https://static.igem.org/mediawiki/2013/7/7d/PB_Banner_Lines2.gif" width="1100px">
+
     <img style="margin-top:-1px" src="https://static.igem.org/mediawiki/2018/9/90/T--WashU_StLouis--introbanner.png" width="100%" height="632"/>
  </div>
+
</div>
 
   <div style="clear: both;"></div>
 
   <div style="clear: both;"></div>
 
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 
   <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
 
   <div id="page">
 
   <div id="page">
 
     <div class="panel">
 
     <div class="panel">
       <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Overview" title="Project Overview">
+
       <a href="https://2018.igem.org/Team:WashU_StLouis/Overview" title="Project Overview">
 
<div class="subpanel1">
 
<div class="subpanel1">
  <div style="position:relative;bottom:0px">
+
  <div style="position:relative; top:0px; 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:32px;line-height:34px;font-family: 'Josefin Sans';">OUR NOVEL MULTISTEP APPROACH</p></div>
 
    <div class="cont">
 
    <div class="cont">
      <p style="font-size:26px;">
+
      <p style="font-size:14px;font-family: 'Josefin Sans'">
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.
+
Virulent races of Puccinia graminis f. sp. tritici (Pgt), or wheat stem rust, have caused devastating effects on cereal grains worldwide, impacting global food security. We are engineering <I>Escherichia coli DH5α</I> and <I>Saccharomyces cerevisiae EBY100</I> to detect Pgt and improve response times to virulent strains. To detect Pgt, we are creating a device that will germinate spores from the Puccinia genus. The germinated spores produce ribitol, a sugar unique to Pgt. Our engineered <I>DH5α</I> will produce a fluorescent signal in the presence of ribitol, thus detecting Pgt. To detect specific virulent races of Pgt, we will modify yeast to contain the stem rust resistance gene Sr35 from Triticum monococcum; Sr35 recognizes its corresponding effector AvrSr35, secreted by Pgt, as part of the plant’s innate immune system. Using bimolecular fluorescence complementation, our yeast will detect AvrSr35, a first step in being able to indicate the virulence of the germinated Pgt spores.
 
      </p>
 
      </p>
 
    </div>
 
    </div>
 
    <div id="psdesc" class="spdesc">
 
    <div id="psdesc" class="spdesc">
 
      <div class="cont">
 
      <div class="cont">
<p style="font-size:26px;">A biosensor that detects the presence of sequence specific antibiotic resistance genes.</p>
+
<p style="font-size:26px;font-family: 'Josefin Sans'">Transform <I>Escherichia coli DH5α</I> with a plasmid carrying a promoter induced by ribitol, a compound unique to infectious structures formed by fungal spores, upstream of a fluorescent protein.</p>
 
      </div>
 
      </div>
 
    </div>
 
    </div>
 
    <div id="dsdesc" class="spdesc">
 
    <div id="dsdesc" class="spdesc">
 
      <div class="cont">
 
      <div class="cont">
<p style="font-size:26px;">A safe and specific high-throughput drug screening method that targets essential mycobacterial metabolic proteins.</p>
+
<p style="font-size:26px;font-family: 'Josefin Sans'">Express wheat resistance genes in transformed <I>Saccharomyces cerevisiae EBY100</I> to detect virulence factors released by Pgt to distinguish whether or not the race of Pgt present is virulent to the strain of wheat.</p>
 
      </div>    
 
      </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>
 
    <div id="tcdesc" class="spdesc">
 
    <div id="tcdesc" class="spdesc">
 
      <div class="cont">
 
      <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>
+
<p style="font-size:26px;font-family: 'Josefin Sans'"></p>
 
      </div>
 
      </div>
 
    </div>
 
    </div>
Line 249: Line 157:
 
</div>
 
</div>
 
       </a>
 
       </a>
      <a href="https://2018.igem.org/Team:WashU_StLouis/Broad" title="Detecting">
+
    <a href="https://2018.igem.org/Team:WashU_StLouis/Broad" title="Detect">
 
<div id="pspanel" class="subpanel2"  onmouseover="chgtrans(this)">
 
<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"/>
+
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2018/4/46/T--WashU_StLouis--detectingnarrow.jpeg" width="125px" height="500px"/>
 
  <div class="titlebox">
 
  <div class="titlebox">
 
    <center><img src="https://static.igem.org/mediawiki/2018/6/6a/T--WashU_StLouis--detect.png" style="height:60px;margin-bottom:20px;"/></center>
 
    <center><img src="https://static.igem.org/mediawiki/2018/6/6a/T--WashU_StLouis--detect.png" style="height:60px;margin-bottom:20px;"/></center>
    <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
+
    <div style="width:60%;margin-left:20%;margin-bottom:0px;"><hr></div>
 
    Detect
 
    Detect
 
  </div>
 
  </div>
 
</div>
 
</div>
 
       </a>
 
       </a>
       <a href="https://2018.igem.org/Team:WashU_StLouis/Avirulence" title="Profiling">
+
       <a href="https://2018.igem.org/Team:WashU_StLouis/Avirulence" title="Profile">
 
<div id="dspanel" class="subpanel2">
 
<div id="dspanel" class="subpanel2">
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/e/e2/PB_TargetNarrow.jpg" width="125px" height="500px"/>
+
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2018/f/f4/T--WashU_StLouis--profilingnarrow.jpeg" width="125px" height="500px"/>
 
  <div class="titlebox">
 
  <div class="titlebox">
 
    <center><img src="https://static.igem.org/mediawiki/2018/8/82/T--WashU_StLouis--profiling.png" style="height:60px;margin-bottom:20px;"/></center>
 
    <center><img src="https://static.igem.org/mediawiki/2018/8/82/T--WashU_StLouis--profiling.png" style="height:60px;margin-bottom:20px;"/></center>
    <div style="width:60%;margin-left:20%;margin-bottom:20px;"><hr></div>
+
    <div style="width:60%;margin-left:20%;margin-bottom:0px;"><hr></div>
    Target
+
    Profile
 
  </div>
 
  </div>
 
</div>
 
</div>
 
       </a>
 
       </a>
      <a href="https://2013.igem.org/Team:Paris_Bettencourt/Project/Infiltrate" title="Infiltrate">
+
<div style="clear: both;"></div>
<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/2018/1/15/T--WashU_StLouis--page.png" 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/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>
 
       <div class="subpanel8">
 
       <div class="subpanel8">
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Team" title="Team">
+
<a href="https://2018.igem.org/Team:WashU_StLouis/Human_Practices" title="Human Practices">
  <center><img src="https://static.igem.org/mediawiki/2013/1/1c/PB_Teamlogo.png" height="64px"/></center>
+
  <center><img src="https://static.igem.org/mediawiki/2018/0/08/T--WashU_StLouis--humanpracticesicon.png" height="64px"/></center>
 
</a>
 
</a>
 
       </div>
 
       </div>
 
       <div class="subpanel8">
 
       <div class="subpanel8">
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Notes" title="Notebook">
+
<a href="https://2018.igem.org/Team:WashU_StLouis/Demonstrate" title="Demonstrate">
  <center><img src="https://static.igem.org/mediawiki/2013/2/27/PB_Notebooklogo.png" height="64px"/></center>   
+
  <center><img src="https://static.igem.org/mediawiki/2018/c/c0/T--WashU_StLouis--demonstrateicon.png" height="64px"/></center>   
 
</a>
 
</a>
 
       </div>
 
       </div>
 
       <div class="subpanel8">
 
       <div class="subpanel8">
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Parts" title="Submitted Parts">
+
<a href="https://2018.igem.org/Team:WashU_StLouis/Composite_Part" title="Parts">
  <center><img src="https://static.igem.org/mediawiki/2013/0/02/PB_Partslogo.png" height="64px"/></center>
+
  <center><img src="https://static.igem.org/mediawiki/2018/7/76/T--WashU_StLouis--partsicon.png" height="64px"/></center>
 
</a>
 
</a>
 
       </div>
 
       </div>
 
       <div class="subpanel8" style="margin-right:0">
 
       <div class="subpanel8" style="margin-right:0">
<a href="https://2013.igem.org/Team:Paris_Bettencourt/Medal_Fulfillment" title="Medal Fulfillment">
+
<a href="https://2018.igem.org/Team:WashU_StLouis/Collaborations" title="Collaborations">
  <center><img src="https://static.igem.org/mediawiki/2013/2/2a/PB_medallogo.png" height="64px"/></center>
+
  <center><img src="https://static.igem.org/mediawiki/2018/8/8e/T--WashU_StLouis--collaborationicon.png" height="64px"/></center>
 
</a>
 
</a>
 
       </div>
 
       </div>
Line 404: Line 214:
 
   --!>
 
   --!>
 
</div>
 
</div>
 +
 
</html>
 
</html>

Latest revision as of 16:32, 17 October 2018