Difference between revisions of "Team:WashU StLouis"

Line 1: Line 1:
 
{{WashU_StLouis}}
 
{{WashU_StLouis}}
−
<html>
 
 
<style>
 
<style>
 
/* Top Banner */
 
/* Top Banner */
Line 29: Line 28:
 
     margin-bottom:0px;
 
     margin-bottom:0px;
 
     color: rgb(30,39,43);
 
     color: rgb(30,39,43);
−
     font-family: 'Josefin Sans';
+
     font-family: 'Yanone Kaffeesatz', sans-serif;
 
}
 
}
 
.panel a {
 
.panel a {
Line 46: Line 45:
 
     position:relative;
 
     position:relative;
 
     bottom:480px;
 
     bottom:480px;
−
    padding:5ex;
 
 
     background:transparent;
 
     background:transparent;
 
}
 
}
Line 52: Line 50:
 
.subpanel1 { /* Overview */
 
.subpanel1 { /* Overview */
 
     float:left;
 
     float:left;
−
     width:670px;
+
     width:535px;
−
     height:600px;
+
     height:428px;
−
     margin-top:20px;
+
     margin-top:0;
 
     margin-right:20px;
 
     margin-right:20px;
 
     margin-bottom:12px;
 
     margin-bottom:12px;
 
     border-radius:7px;
 
     border-radius:7px;
−
     background:#fefbd8;
+
     background:rgb(252,250,229);
 
}
 
}
 
.spdesc { /* Overview content */
 
.spdesc { /* Overview content */
Line 64: Line 62:
 
     height:100px;
 
     height:100px;
 
     color:rgb(30,39,43);
 
     color:rgb(30,39,43);
−
    font-family: 'Josefin Sans';
 
 
}
 
}
 
.cont { /* Overview content */
 
.cont { /* Overview content */
−
     width:90%;
+
     width:100%;
 
     height:auto;
 
     height:auto;
 
     margin-left:5%;
 
     margin-left:5%;
Line 80: Line 77:
 
}
 
}
 
.subpanel2 { /* Projects */
 
.subpanel2 { /* Projects */
−
  float:left;
+
    float:left;
 
     width:125px;
 
     width:125px;
 
     height:492px;
 
     height:492px;
Line 97: Line 94:
 
     filter: alpha(opacity=80);
 
     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:hover{
 
−
    font-weight:bold;
 
−
}
 
−
.subpanel5:hover .narrowimg {
 
−
    opacity:0.8;
 
−
    filter: alpha(opacity=80);
 
−
}
 
−
 
 
/* Panels at the bottom */
 
/* Panels at the bottom */
 
.subpanel8 {
 
.subpanel8 {
 
     float:left;
 
     float:left;
 
     height:96px;
 
     height:96px;
−
     width:260px;
+
     width:261.5px;
 
     margin-right:18px;
 
     margin-right:18px;
 
     border-radius:7px;
 
     border-radius:7px;
 
     overflow:hidden;
 
     overflow:hidden;
−
     background:#36486b;  
+
     background:rgb(30,39,43);  
 
     color:white;
 
     color:white;
 
}
 
}
−
 
 
.subpanel8 img {
 
.subpanel8 img {
 
     margin-top:16px;
 
     margin-top:16px;
−
     background:#36486b;  
+
     background:white;  
 
}
 
}
 
.subpanel8 img:hover {
 
.subpanel8 img:hover {
−
     background:#36486b;
+
     background:rgb(252,250,229);
 
}
 
}
 
</style>
 
</style>
  
−
  <div id="topheader">
+
<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"/>
 
     <img style="margin-top:-1px" src="https://static.igem.org/mediawiki/2018/9/90/T--WashU_StLouis--introbanner.png" width="1100px" height="632"/>
−
    <img id="BotArrow" src="https://static.igem.org/mediawiki/2013/7/7d/PB_Banner_Lines2.gif" width="1100px">
+
</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 162: Line 124:
 
<div class="subpanel1">
 
<div class="subpanel1">
 
  <div style="position:relative;bottom:0px">
 
  <div style="position:relative;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:26px;font-family: 'Josefin Sans'">
 
The purpose of this project is to genetically engineer E. coli and yeast to detect the presence of wheat stem rust, Puccinia graminis f. sp. tritici (Pgt), a fungus which can infect and kill entire fields of wheat. Many different strains of this fungus are in circulation around the globe but recently, several very destructive races have emerged, including TTKSK in East Africa, TTTTF in Italy, and TKTTF in the Middle East, East Africa, and Europe. These races of Pgt have proven virulent to several wheat resistance genes that usually protect the crop from other races of stem rust. In some cases of field infection, these virulent races can cause a 100% loss of viable crops. Hover over these panels to read about our three methods of testing.
 
The purpose of this project is to genetically engineer E. coli and yeast to detect the presence of wheat stem rust, Puccinia graminis f. sp. tritici (Pgt), a fungus which can infect and kill entire fields of wheat. Many different strains of this fungus are in circulation around the globe but recently, several very destructive races have emerged, including TTKSK in East Africa, TTTTF in Italy, and TKTTF in the Middle East, East Africa, and Europe. These races of Pgt have proven virulent to several wheat resistance genes that usually protect the crop from other races of stem rust. In some cases of field infection, these virulent races can cause a 100% loss of viable crops. Hover over these panels to read about our three methods of testing.
 
      </p>
 
      </p>
Line 170: Line 132:
 
    <div id="psdesc" class="spdesc">
 
    <div id="psdesc" class="spdesc">
 
      <div class="cont">
 
      <div class="cont">
−
<p style="font-size:26px;">Transform <i>E. coli</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>
+
<p style="font-size:26px;font-family: 'Josefin Sans'">Transform <i>E. coli</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;">Express wheat resistance genes in transformed yeast to detect virulence factors released by Pgt to distinguish between virulent and non-virulent strains.</p>
+
<p style="font-size:26px;">Express wheat resistance genes in transformed yeast to detect virulence factors released by Pgt to distinguish between virulent and non-virulent strains</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'">Diva pls explain</p>
 
      </div>
 
      </div>
 
    </div>
 
    </div>
Line 186: Line 148:
 
</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/2018/4/46/T--WashU_StLouis--detectingnarrow.jpeg" width="125px" height="500px"/>
+
  <img class="narrowimg" src="https://static.igem.org/mediawiki/2013/a/a8/PB_DetectNarrow.jpg" 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>
Line 198: Line 160:
 
       <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/f/f4/T--WashU_StLouis--profilingnarrow.jpeg" 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/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>
Line 216: Line 178:
 
</div>
 
</div>
 
       </a>
 
       </a>
−
    </div>
+
<div style="clear: both;"></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">

Revision as of 23:28, 15 June 2018

<style> /* Top Banner */

  1. topheader{
   display:block;
   position:absolute;
   top:-15px;
   width:100%;
   margin-bottom:-120px;
   position:relative;

}

  1. BotArrow{
   position: relative;-
   z-index:2;
   bottom:42px;
   margin-bottom:-42px;

}

  1. 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:100%;
   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);

} /* 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> 

   <img style="margin-top:-1px" src="T--WashU_StLouis--introbanner.png" width="1100px" height="632"/>

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>

     <a href="https://2018.igem.org/Team:WashU_StLouis/Overview" title="Project Overview">

OUR NOVEL MULTISTEP APPROACH

The purpose of this project is to genetically engineer E. coli and yeast to detect the presence of wheat stem rust, Puccinia graminis f. sp. tritici (Pgt), a fungus which can infect and kill entire fields of wheat. Many different strains of this fungus are in circulation around the globe but recently, several very destructive races have emerged, including TTKSK in East Africa, TTTTF in Italy, and TKTTF in the Middle East, East Africa, and Europe. These races of Pgt have proven virulent to several wheat resistance genes that usually protect the crop from other races of stem rust. In some cases of field infection, these virulent races can cause a 100% loss of viable crops. Hover over these panels to read about our three methods of testing.

Transform E. coli with a plasmid carrying a promoter induced by ribitol, a compound unique to infectious structures formed by fungal spores, upstream of a fluorescent protein.

Express wheat resistance genes in transformed yeast to detect virulence factors released by Pgt to distinguish between virulent and non-virulent strains

Diva pls explain

     </a>
    <a href="https://2018.igem.org/Team:WashU_StLouis/Broad" title="Detect">

<img class="narrowimg" src="PB_DetectNarrow.jpg" width="125px" height="500px"/>

<img src="T--WashU_StLouis--detect.png" style="height:60px;margin-bottom:20px;"/>

Detect 

     </a>
     <a href="https://2018.igem.org/Team:WashU_StLouis/Avirulence" title="Profile">

<img class="narrowimg" src="T--WashU_StLouis--detectingnarrow.jpeg" width="125px" height="500px"/>

<img src="T--WashU_StLouis--profiling.png" style="height:60px;margin-bottom:20px;"/>

Profile 

     </a>
     <a href="https://2018.igem.org/Team:WashU_StLouis/CRISPCas9" title="Invade">

<img class="narrowimg" src="T--WashU_StLouis--invadenarrow.jpeg" width="125px" height="500px"/>

<img src="T--WashU_StLouis--page.png" style="height:60px;margin-bottom:20px;"/>

Invade 

     </a>

<a href="https://2018.igem.org/Team:WashU_StLouis/Human_Practices" title="Human Practices">

<img src="T--WashU_StLouis--humanpracticesicon.png" height="64px"/>

</a>

<a href="https://2018.igem.org/Team:WashU_StLouis/Demonstrate" title="Demonstrate">

<img src="T--WashU_StLouis--demonstrateicon.png" height="64px"/>

</a>

<a href="https://2018.igem.org/Team:WashU_StLouis/Parts" title="Parts">

<img src="T--WashU_StLouis--partsicon.png" height="64px"/>

</a>

<a href="https://2018.igem.org/Team:WashU_StLouis/Collaborations" title="Medal Fulfillment">

<img src="T--WashU_StLouis--collaborationicon.png" height="64px"/>

</a> 

 <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>