Difference between revisions of "Team:WashU StLouis"

 
(86 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;
     font-family: 'Josefin Sans';
+
     color: transparent;
 +
     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:650px;
+
     width:77%;
     height:600px;
+
     height:475px;
     margin-top:20px;
+
     margin-top:75px;
    margin-right:20px;
+
     background:transparent;
    margin-bottom:12px;
+
    border-radius:7px;
+
     background:rgb(31, 142, 190);
+
 
}
 
}
 
.spdesc { /* Overview content */
 
.spdesc { /* Overview content */
 
     display:none;
 
     display:none;
     height:100px;
+
     height:500px;
     color:rgb(30,39,43);
+
     color:rgb(0, 0, 0);
     font-family: 'Josefin Sans';
+
     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 93: 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 194: Line 105:
 
     float:left;
 
     float:left;
 
     height:96px;
 
     height:96px;
     width:260px;
+
     width:23.5%;
 
     margin-right:18px;
 
     margin-right:18px;
 +
    margin-top:0px;
 
     border-radius:7px;
 
     border-radius:7px;
 
     overflow:hidden;
 
     overflow:hidden;
     background:rgb(161, 161, 161);  
+
     background:#4d6799;  
 
     color:white;
 
     color:white;
 
}
 
}
 
 
.subpanel8 img {
 
.subpanel8 img {
 
     margin-top:16px;
 
     margin-top:16px;
     background:rgb(161, 161, 161);  
+
     background:#d6699;  
 
}
 
}
 
.subpanel8 img:hover {
 
.subpanel8 img:hover {
     background:rgb(161, 161, 161);
+
     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>
Line 221: Line 132:
 
       <a href="https://2018.igem.org/Team:WashU_StLouis/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; font-family: 'Josefin Sans'">TEST FOR WHEAT STEM RUST FUNGUS THROUGH A MULTI-STEP PROCESS </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; font-family: 'Josefin Sans'">
+
      <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;">Tests for a compound solely found in the hyphae of Puccinia graminis f. sp. tritici infectious structures.</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>
 
    <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 246: Line 157:
 
</div>
 
</div>
 
       </a>
 
       </a>
      <a href="https://2018.igem.org/Team:WashU_StLouis/Broad" title="Detect">
+
    <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>
Line 258: Line 169:
 
       <a href="https://2018.igem.org/Team:WashU_StLouis/Avirulence" title="Profile">
 
       <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/2018/4/45/T--WashU_StLouis--profile.jpeg" 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>
 
    Profile
 
    Profile
 
  </div>
 
  </div>
 
</div>
 
</div>
 
       </a>
 
       </a>
      <a href="https://2018.igem.org/Team:WashU_StLouis/CRISPCas9" title="Invade">
+
<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>
+
    Invade
+
  </div>
+
</div>
+
      </a>
+
    </div>
+
    <div style="clear: both;"></div>
+
    <div class="panel" style="background:white;">
+
    <div style="clear: both;"></div>
+
 
     <div>
 
     <div>
 
       <div class="subpanel8">
 
       <div class="subpanel8">
Line 292: Line 190:
 
       </div>
 
       </div>
 
       <div class="subpanel8">
 
       <div class="subpanel8">
<a href="https://2018.igem.org/Team:WashU_StLouis/Parts" title="Parts">
+
<a href="https://2018.igem.org/Team:WashU_StLouis/Composite_Part" title="Parts">
 
  <center><img src="https://static.igem.org/mediawiki/2018/7/76/T--WashU_StLouis--partsicon.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://2018.igem.org/Team:WashU_StLouis/Collaborations" title="Medal Fulfillment">
+
<a href="https://2018.igem.org/Team:WashU_StLouis/Collaborations" title="Collaborations">
 
  <center><img src="https://static.igem.org/mediawiki/2018/8/8e/T--WashU_StLouis--collaborationicon.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>
Line 316: Line 214:
 
   --!>
 
   --!>
 
</div>
 
</div>
 +
 
</html>
 
</html>

Latest revision as of 16:32, 17 October 2018