Difference between revisions of "Team:INSA-UPS France/test"

Line 2: Line 2:
 
{{INSA-UPS_France/Style_new}}
 
{{INSA-UPS_France/Style_new}}
 
{{INSA-UPS_France/Header_new}}
 
{{INSA-UPS_France/Header_new}}
 +
  
 
<html>
 
<html>
 +
<style>
  
<style>
+
main{
/* HEADER HOME */
+
  position:relative;
   .js-sticky {
+
   overflow: auto;
   display:none;
+
   height:100%;
 
}
 
}
/* HOME SECTIONS */
+
 
.home_section {
+
.main_content{
   vertical-align: middle;
+
   position:fixed;  
   box-sizing: border-box;
+
   top:90px;
   text-align: justify;
+
   right:0px;
   min-height: 100vh;
+
   left:0px;
    display: -webkit-box;
+
  bottom:0px;
    display: -ms-flexbox;
+
   overflow:auto;
   display: flex;
+
   background-image: linear-gradient(45deg, #4296c1 0%, #e4efe9 100%);
    -webkit-box-orient: vertical;
+
    -webkit-box-direction: normal;
+
    -ms-flex-direction: column;
+
   flex-direction: column;
+
    -webkit-box-pack: center;
+
    -ms-flex-pack: center;
+
  justify-content: center;
+
 
}
 
}
.section__title {
+
.middle_container{
   font: 200 4em/1.5 "Quicksand", sans-serif;
+
   padding-bottom: 80px;
  text-transform: lowercase;
+
  margin: 0 0 0.4em;
+
  text-align: left;
+
 
}
 
}
.section__title--main {
+
.section_container{
   text-align: center;
+
   width:90%;
   font-size: 8em;
+
   min-height:100%;
 +
  margin:0px auto;
 +
  position:relative;
 
}
 
}
.home {
+
@media screen and (max-width: 900px){
   background: white url("https://static.igem.org/mediawiki/2017/5/5c/T--INSA-UPS_France--home.png") no-repeat 50% 50%;
+
    .section_container{
   background-size: cover;
+
      width:100%;
 +
    }
 +
  }
 +
section{
 +
   background-color: rgba(255,255,255,0.2);
 +
  padding:3% 10%;
 +
   text-align: justify;
 +
  border-radius:20px;
 +
  position:relative;
 +
  margin-top:100px;
 
}
 
}
.content_0 {
+
 
  background: #f3ead7 no-repeat 50% 50%;
+
/*for now*/
  background-size: cover;
+
sup{
}
+
   display: none;
.content_1 {
+
   background: #99c18e no-repeat 50% 50%;
+
  background-size: cover;
+
}
+
.content_2 {
+
  background: #f3ead7 no-repeat 50% 50%;
+
  background-size: cover;
+
}
+
.content_3{
+
  background: #99c18e no-repeat 50% 50%;
+
  background-size: cover;
+
}
+
.content_4{
+
  background: #f3ead7 no-repeat 50% 50%;
+
  background-size: cover;
+
 
}
 
}
 
</style>
 
</style>
  
 +
<main class="site-main">
 +
  <div class="main_content">
 +
  <div class="middle_container">
  
   <main class="site-main">
+
   <div class="section_container">
  
     <section class="home_section home" id="home" style="position:relative;">
+
     <section style="margin-top:200px;">
       <div class="container">
+
      <h1 style="text-align: left;margin-top:-110px;font-size:5vw;letter-spacing: 1vw;">Design</h1>
 +
      <img style="width:25%;min-width: 260px; position:absolute;right:0;top:-200px; " src="https://static.igem.org/mediawiki/2017/e/e3/T--INSA-UPS_France--design_croco.png" alt="">
 +
       <p style="margin-top: 50px;">
 +
        Building a synthetic consortium able to deal with the cholera issue led us to investigate on different communication pathways: we had to <b>sense</b> <i>Vibrio cholerae</i> in its natural environment and based on this sensing we had to activate, through <b>transmission</b>, a <b>response</b>: the production of a killing molecule. Moreover, all those actions had to be inserted in the right cellular chassis in order to optimize the system.
 +
      </p>
 +
      <p>
 +
        To wipe out cholera from water, we decided to build a sense-transmit-respond system reacting to <i>V. cholerae</i> and leading to its death.
 +
      </p>
 +
    </section>
  
      <!-- FIRST IMAGE TO ANIMATE -->
 
      <div style="text-align: center;">
 
  <div style="width:100%;position:absolute; top:0px;font-size:60pt;font-weight:700;">
 
      Croc'n Cholera
 
    </div>
 
    <div style="width:100%;position:absolute;font-size:40pt; color:#295a7f;top:70pt;">
 
      A synthetic microbial consortium
 
  </div>
 
  </div>
 
    <img src="https://static.igem.org/mediawiki/2017/2/2a/T--INSA-UPS_France--Logo.png" alt="" style="width:150px; position:absolute; bottom:20px; left:20px;">
 
  <div style="position:absolute;bottom:30px; left:170px;font-size:30pt;font-weight:bold;">
 
    iGEM UPS-INSA Toulouse 2017
 
  </div>
 
  
 +
    <section style="background: none;">
 +
      <h1 style="text-align:left;">Overview</h1>
 +
      <img src="https://static.igem.org/mediawiki/2017/b/b8/T--INSA-UPS_France--description_loop.png" alt="" style="width:100%;">
 +
    </section>
  
       </div>
+
    <section>
 +
      <h1 style="text-align: left;">Organisms</h1>
 +
      <h2><i>E. coli</i></h2>
 +
      <p>
 +
        We chose to mimic <i>V. cholerae</i> using <i>E. coli</i> that we modified to produce the CAI-1 of <i>V. cholerae</i>, using the enzyme responsible for its production. <i>E. coli </i> has two main advantages: it is a good molecular biology model and it produces no endogen CAI-1.
 +
      </p>
 +
      <img src="https://static.igem.org/mediawiki/2017/f/fc/T--INSA-UPS_France--design_plasmid-coli.png" alt="" style="width: 10%; position:absolute;bottom:0; left:10%;">
 +
      <p style="margin-left:15%;">
 +
        The psB1C3 plasmid was chosen for iGEM compatibility.
 +
      </p>
 +
    </section>
 +
 
 +
 
 +
   
 +
    <section>
 +
      <h2><i>V. harveyi</i></h2>
 +
      <p>
 +
        <i>V. harveyi</i> has all the assets to be a good sensor for <i>V. cholerae</i>: it possesses its own pathway of detection of C8-CAI-1, an analogue of CAI-1. A single point mutation allows <i>V. harveyi</i>: to detect <i>V. cholerae</i>’s molecule CAI-1<sup>1</sup>. Moreover, the strain that we are using, JMH626, has been deleted for the enzyme responsible of the production and detection of other quorum sensing molecules, making it a specific sensor of CAI-1<sup>2</sup>. However it cannot be used as  the effector because of its physiological proximity to <i>V. cholerae</i>. Thus we supposed that the production of antimicrobial peptides aimed at<i> V. cholerae</i> would be lethal to it.
 +
      </p>
 +
      <img src="https://static.igem.org/mediawiki/2017/f/fa/T--INSA-UPS_France--design_plasmid-harveyi.png" alt="" style="width: 10%; position:absolute;bottom:0; left:10%;">
 +
      <p style="margin-left:15%;">
 +
        The pBBR1MCS-4 broad host range plasmid was chosen so we can transfer the system into <i>V.harveyi</i> using a conjugation method.
 +
      </p>
 +
    </section>
 +
   
 +
    <section>
 +
      <h2><i>P. pastoris</i></h2>
 +
      <p>
 +
        Recognized as a great protein producer and secretor, <i>P. pastoris</i> has already been used to produce a wide range of AMPs<sup>3,4</sup>. Furthermore, the diacetyl/Odr-10 system has been described as a useful tool for prokaryotic/eukaryotic communication<sup>5</sup>.
 +
      </p>
 +
      <img src="https://static.igem.org/mediawiki/2017/6/67/T--INSA-UPS_France--design_plasmid-pichia.png" alt="" style="width: 10%; position:absolute;bottom:0; left:10%;">
 +
      <p style="margin-left:15%;">
 +
      The pPICZ&alpha; plasmid was chosen because of its &alpha;-factor and its homology sequence allowing it to integrate in a targeted zone in its genome. It is recognized as a good plasmid for protein production in <i>P. pastoris</i>.
 +
       </p>
 
     </section>
 
     </section>
  
 
     <style>
 
     <style>
 
+
    /* ASIDE NAV */
       #progress-bar_container{
+
       .left_container{
         width:90%;
+
         width:35%;
         height:200px;
+
         /*position:absolute;
         margin:0px auto;
+
         top:400px;
         position:relative;
+
         padding:0;
 +
        display:inline-block;*/
 +
        float:left;
 
       }
 
       }
       #progress-bar{
+
       .left_container img{
 
         width:100%;
 
         width:100%;
        height:50px;
 
        background: white;
 
        border-radius:40px;
 
        position:absolute;
 
        top:75px;
 
        z-index:0;
 
 
       }
 
       }
      #progress-bar_inner{
 
        width:95%;
 
        height: 40px;
 
        background: #FFCD71;
 
        position:relative;
 
        top:5px;
 
        left:5px;
 
        border-radius: 40px;
 
        z-index:10;
 
      }
 
      .progress-point{
 
        width:50px;
 
        height:50px;
 
        border-radius:50px;
 
        background: #E06666;
 
        z-index:20;
 
        position:absolute;
 
        top:0px;
 
        left:0px;
 
        font-size:20pt;
 
      }
 
      .progress-point.point-1{
 
        left:5px;
 
      }
 
      .progress-point.point-1:before{
 
        content:'1999';
 
        color:#E06666;
 
        position:absolute;
 
        top:-40px;
 
        font-weight:bold;
 
        left:0px;
 
  
      }
+
    </style>
      .progress-point.point-2{
+
        left:30%;
+
      }
+
      .progress-point.point-2:after{
+
        content:'2003';
+
        color:#E06666;
+
        position:absolute;
+
        top:50px;
+
        font-weight:bold;
+
        left:0px;
+
      }
+
      .progress-point.point-3{
+
        left:60%;
+
      }
+
      .progress-point.point-3:after{
+
        content:'2010';
+
        color:#E06666;
+
        position:absolute;
+
        top:-40px;
+
        font-weight:bold;
+
        left:0px;
+
      }
+
      .progress-point.point-4{
+
        left:90%;
+
      }
+
      .progress-point.point-4:after{
+
        content:'now';
+
        color:#E06666;
+
        position:absolute;
+
        top:50px;
+
        font-weight:bold;
+
        left:0px;
+
      }
+
      .bubble{
+
        width:40%;
+
        height:200px;
+
        background: white;
+
        position:absolute;
+
        border-radius:10px;
+
        display:flex;
+
        justify-content:center;
+
        align-items:center;
+
      }
+
      .bubble p{
+
        text-align: center;
+
      }
+
      .bubble p, .bubble ul{
+
        margin:30px;
+
        font-family: 'Merriweather', serif;
+
        font-size:2.2vw;
+
  
      }
 
      @media screen and (min-width: 1000px) {
 
        .bubble p, .bubble ul {
 
          font-size: 18pt;
 
        }
 
      }
 
      .bubble ul li{
 
        list-style-position: inside;
 
      }
 
      #bubble-1{
 
        left:5px;
 
        bottom:-200px;
 
      }
 
      #bubble-1:after{
 
        content:'';
 
        border-left: 20px solid transparent;
 
        border-right: 20px solid transparent;
 
        border-bottom: 20px solid white;
 
        position:absolute;
 
        bottom:100%;
 
        left:4%;
 
        width:0;
 
        height:0;
 
      }
 
     
 
      #bubble-2{
 
        left:5%;
 
        top:-200px;
 
      }
 
      #bubble-2:after{
 
        content:'';
 
        border-left: 20px solid transparent;
 
        border-right: 20px solid transparent;
 
        border-top: 20px solid white;
 
        position:absolute;
 
        top:100%;
 
        left:65%;
 
        width:0;
 
        height:0;
 
      }
 
      #bubble-3{
 
        left:50%;
 
        bottom:-200px;
 
      }
 
      #bubble-3:after{
 
        content:'';
 
        border-left: 20px solid transparent;
 
        border-right: 20px solid transparent;
 
        border-bottom: 20px solid white;
 
        position:absolute;
 
        bottom:100%;
 
        left:25%;
 
        width:0;
 
        height:0;
 
      }
 
      #bubble-4{
 
        right:0;
 
        top:-200px;
 
      }
 
      #bubble-4:after{
 
        content:'';
 
        border-left: 20px solid transparent;
 
        border-right: 20px solid transparent;
 
        border-top: 20px solid white;
 
        position:absolute;
 
        top:100%;
 
        right:15%;
 
        width:0;
 
        height:0;
 
      }
 
  
 +
    <h1 style="font-family: 'Quicksand', sans-serif;font-size:34pt;text-align: left;margin:20px 10%;">Modules &amp; Parts</h1>
 +
 +
    <div class="left_container">
 +
    <div class="left_container__inside">
 +
      <img src="https://static.igem.org/mediawiki/2017/a/a8/T--INSA-UPS_France--design_blupuriline.png" alt="">
 +
    </div>
 +
    </div>
 +
 +
    <style>
 +
    .right_container{
 +
        width:60%;
 +
        margin-left:40%;
 +
    }
 +
    section ul{
 +
      list-style-position: inside;
 +
      font-family: 'Merriweather', serif;
 +
      font-size:1.5vw;
 +
      font-weight: 300;
 +
    }
 +
    .modules_design h2{
 +
        font-size: 3vw;
 +
    }
 +
    .modules_design p{
 +
      font-size: 1.5vw;
 +
    }
 +
    .invisible-image{
 +
      visibility: hidden;
 +
    }
 
     </style>
 
     </style>
 +
 
 
      
 
      
     <section class="home_section content_0" id="content_0">
+
     <div class="right_container">
  
       
+
    <img class="invisible-image" src="https://static.igem.org/mediawiki/2017/8/81/T--INSA-UPS_France--img_vide.png" alt="" style="width:30%;">
        <div id="progress-bar_container">
+
    <section class="modules_design" style="border:solid 5px #ae3d3d;margin-top:0px;margin-bottom: 0px;">
          <div id="progress-bar">
+
      <h2 style="color:#ae3d3d;">Sense</h2>
            <div id="progress-bar_inner">
+
      <p>
              &nbsp;
+
        We chose to take advantage of the intraspecies quorum sensing of <i>V. cholerae</i>: the <b>CAI-1/CqsS system</b>. To mimic this pathway in our laboratory, we had to both produce in vivo the CAI-1 molecule  in a bacteria strain and express the CqsS receptor in an other one.
            </div>
+
      </p>
            <div class="progress-point point-1"></div>
+
      <p>
            <div class="progress-point point-2"></div>
+
        The CAI-1 producing system is inducible in order to avoid toxicity problems. The fact that <b>CqsS*</b> can detect both CAI-1 and C8-CAI-1 led us to choose <i>V. harveyi</i> <b>cqsA gene</b> (Vh-cqsA), instead of <i>V. cholerae</i> gene, that produces C8-CAI-1 for safety reasons.<sup>1</sup>
            <div class="progress-point point-3"></div>
+
      </p>
            <div class="progress-point point-4"></div>
+
    </section>
          </div>
+
    <img class="invisible-image" src="https://static.igem.org/mediawiki/2017/8/81/T--INSA-UPS_France--img_vide.png" alt="">
          <div class="bubble" id="bubble-1">
+
    <section class="modules_design" style="border:solid 5px #468789;margin-top:0px;margin-bottom: 0px;">
            <p>First steps of synthetic biology</p>
+
      <h2 style="color:#468789;">Transmit</h2>
          </div>
+
      <p>
          <div class="bubble" id="bubble-2">
+
        <i>V. harveyi</i> has the natural pathway leading to the activation or inactivation of <b>pqrr4</b>. At high CAI-1 concentration the promoter is inactivated, thus we needed an inverter, <b>tetR/pTet</b> allowed us to activate the als gene that produces diacetyl at high CAI-1 concentration:
            <p>First edition of the iGEM competition</p>
+
      </p>
          </div>
+
      <ul>
          <div class="bubble" id="bubble-3">
+
        <li>
            <p>Boolean algebra in <i>E. coli</i></p>
+
           If <b>CAI-1</b> is present in high concentration, pqrr is repressed, so TetR no longer inhibits pTet. Thus, the als gene is expressed, producing <b>>diacetyl</b>.</li>
          </div>
+
         <li>
          <div class="bubble" id="bubble-4">
+
          If there is <b>no CAI-1</b>, TetR is produced and repress pTet which inhibits the <b>als gene</b>, ergo diacetyl production.
            <p style="margin-bottom: 0 !important;">Current challenges:</p>
+
            <ul style="margin-top: 0 !important;">
+
              <li>Cell-free</li>
+
              <li>De novo life</li>
+
              <li>Multi organisms</li>
+
              </ul>
+
           </div>
+
         </div>
+
  
 +
        </li>
 +
      </ul>
 +
      <p>
 +
        We chose to use the <b>diacetyl/Odr-10 binding receptor system</b>, that is known to activate gene expression on yeasts.
 +
      </p>
 +
      <p>
 +
        The constitutive <b>pGAP</b> promoter allows the system to always express the <b>Odr-10 receptor</b> and thus be sensible to diacetyl at any time.
 +
      </p>
 
     </section>
 
     </section>
 +
    <img class="invisible-image" src="https://static.igem.org/mediawiki/2017/8/81/T--INSA-UPS_France--img_vide.png" alt=""  style="width:30%;">
 +
    <section class="modules_design" style="border:solid 5px #f37b6f;margin-top:0px;margin-bottom: 0px;">
 +
      <h2 style="color:#f37b6f;">Respond</h2>
 +
      <p>
 +
        Once the Odr-10 receptor has sensed diacetyl, <b>pFUS</b> is activated and it triggers the Ste12 pathway. Then, the production of antimicrobial peptides (AMP) can start. In order for the cells to excrete the peptides, an <b>&alpha;-factor</b> is needed.
 +
      </p>
 +
    </section>
 +
    <img class="invisible-image" src="https://static.igem.org/mediawiki/2017/8/81/T--INSA-UPS_France--img_vide.png" alt=""  style="width:30%;">
  
    <style>
 
      #content_1 table{
 
        width:90%;
 
        margin:0px auto;
 
        margin-top:100px;
 
      }
 
      #content_1 table tr td{
 
        text-align: center;
 
        padding:5px;
 
      }
 
      #content_1 table tr td img{
 
        width:100%;
 
        max-width: 270px;
 
      }
 
      #content_1 table tr td{
 
        font-family:'Merriweather', serif;
 
        font-size: 20pt;
 
      }
 
      #content_1 h1{
 
        margin-left:5%;
 
        font-family: 'Quicksand', sans-serif;
 
        font-size:30pt;
 
        margin:top:0;
 
      }
 
     
 
    </style>
 
  
  
     <section class="home_section content_1" id="content_1">
+
 
       <h1>Biodiversity entails a lot of possibilities...</h1>
+
    </div>
      <table>
+
 
        <tr>
+
     <section style="padding-left:20%;">
          <td><img src="https://static.igem.org/mediawiki/2017/a/af/T--INSA-UPS_France--home_quorum.png" alt=""></td>
+
       <h1 style="text-align: left;">Experimental plan</h1>
          <td><img src="https://static.igem.org/mediawiki/2017/c/cd/T--INSA-UPS_France--home_light.png" alt=""></td>
+
      <img src="https://static.igem.org/mediawiki/2017/b/b3/T--INSA-UPS_France--design_coli.png" alt="" style="width:15%; position:absolute; top:10px; left:10px;">
          <td><img src="https://static.igem.org/mediawiki/2017/8/82/T--INSA-UPS_France--home_proteins.png" alt=""></td>
+
      <h2><i>E. coli</i></h2>
          <td><img src="https://static.igem.org/mediawiki/2017/0/01/T--INSA-UPS_France--home_thermo.png" alt=""></td>
+
      <p>
        </tr>
+
         Quorum sensing molecule production
         <tr>
+
      </p>
          <td>Quorum sensing</td>
+
      <ul>
          <td>Light sensitive</td>
+
        <li>C8-CAI-1 &amp; CAI-1 NMR</li>
          <td>Proteins secretion</td>
+
        <li>Bioluminescence</li>
          <td>High thermostability</td>
+
         <li>MS</li>
         </tr>
+
       </ul>
       </table>
+
 
     </section>
 
     </section>
  
    <style>
 
      #content_2, #content_3{
 
        text-align: center;
 
        display:flex;
 
        flex-direction: row;
 
      }
 
      .block{
 
        width:50%;
 
        display:flex;
 
        justify-content:center;
 
        align-items:center;
 
      }
 
      .block img{
 
        width:90%;
 
        margin:0 auto;
 
        max-width: 600px;
 
      }
 
      .text_block h1{
 
        font-family: 'Quicksand', sans-serif;
 
        font-size:3.5vw;
 
        font-weight:700;
 
      }
 
      .text_block p{
 
        font-family:'Merriweather', serif;
 
        text-align: justify;
 
        font-size:2.2vw;
 
        margin:40px 40px;
 
      }
 
     
 
      @media screen and (min-width: 1000px) {
 
        .text_block p {
 
          font-size: 20px;
 
          margin:100px;
 
        }
 
        .text_block h1{
 
          font-size:38px;
 
        }
 
      }
 
  
     </style>
+
      
 
+
     <section style="padding-left:20%;">
     <section class="home_section content_2" id="content_2">
+
       <img src="https://static.igem.org/mediawiki/2017/5/5c/T--INSA-UPS_France--design_harveyi.png" alt="" style="width:15%; position:absolute; top:10px; left:10px;">
       <div class="block">
+
       <h2><i>V. harveyi</i></h2>
      <div class="block_content">
+
       <p>
        <img src="https://static.igem.org/mediawiki/2017/8/88/T--INSA-UPS_France--home_blupuriloop.png" alt="" class="img_home">
+
        Conjugation
       </div>
+
       </p>
       </div>
+
       <ul>
       <div class="block text_block">
+
         <li>Conjugation test with fluorescence</li>
       <div class="block_content">
+
         <li>CqsS* pathway test with fluorescence</li>
         <h1>What if they could communicate?</h1>
+
      </ul>
         <p>
+
      <p>
          The living world offers a lot of possibilities, but their use is still limited in synthetic biology.
+
         diacetyl production
        </p>
+
      </p>
        <p>
+
       <ul>
          Our idea is about taking advantages of the characteristics of single microorganisms by making them communicate with each other to get the appropriate response.
+
        <li>diacetyl NMR (<i>E.coli</i> and <i>V. harveyi</i>)</li>
         </p>
+
        <li>pTet characterization in <i>V. harveyi</i> by reporter gene</li>
       </div>
+
       </ul>
      </div>
+
        
+
 
     </section>
 
     </section>
 +
   
 +
    <section style="padding-left:20%;">
 +
      <img src="https://static.igem.org/mediawiki/2017/2/2d/T--INSA-UPS_France--design_pichia.png" alt="" style="width:15%; position:absolute; top:10px; left:10px;">
 +
      <h2><i>P. pastoris</i></h2>
 +
      <p>
 +
        Antimicrobial peptides (AMP)
 +
      </p>
 +
      <ul>
 +
        <li>AMP activity: growth tests, etc</li>
 +
        <li>AMP purification</li>
 +
      </ul>
 +
      <p>
 +
        diacetyl detection
 +
      </p>
 +
      <ul>
 +
        <li>pFus pathway test with fluorescence</li>
 +
        <li>etc</li>
 +
      </ul>
 +
    </section>
 +
    <!-- fin section -->   
  
 +
  </div>
 +
  </div>
  
 +
  <style>
  
    <section class="home_section content_3" id="content_3">
+
footer{
 +
  position:relative;
 +
  text-align:center;
 +
  margin-top:20px;
 +
  background: #323537;
 +
  width:100%;
 +
}
  
      <div class="block text_block">
+
/* CONTACT ICONS */
      <div class="block_content">
+
        <h1>A fight against cholera as an application</h1>
+
        <p>
+
          <i>V. cholerae</i> is responsible for cholera, a disease that contaminates water and affects people in developing countries, war zones and natural disaster zones.
+
        </p>
+
        <p>
+
        Our project is about creating a multi organisms system that is able to sense and wipe cholera out in contaminated water.
+
        </p>
+
      </div> 
+
      </div> 
+
  
      <div class="block">
+
.icons{ 
      <div class="block_content">
+
  display:inline-block;
        <img src="https://static.igem.org/mediawiki/2017/b/bc/T--INSA-UPS_France--home_blupuriloop_crocncholera.png" alt="" class="img_home">
+
  margin:40px 0;
      </div>
+
      </div>
+
  
     
 
    </section>
 
  
    <style>
+
}
      .icons_contact{ 
+
        display:inline-block;
+
        margin:40px 0;
+
      }
+
  
      .icons_contact > a{
+
.icons > a{
        color:black;
+
  color:black;
        margin:10px;
+
  margin:10px;
        text-shadow:2px 2px 0px white;
+
  text-shadow:2px 2px 0px white;
      }
+
}
  
      #fbIcon:hover{
+
#fbIcon:hover{
        color:#3b5998;
+
  color:#3b5998;
        text-shadow:2px 2px 0 #000000;
+
  text-shadow:2px 2px 0 #000000;
      }
+
}
  
      #twitterIcon:hover{
+
#twitterIcon:hover{
        color:#55acee;
+
  color:#55acee;
        text-shadow:2px 2px 0 #000000;
+
  text-shadow:2px 2px 0 #000000;
      }
+
}
  
      #contactIcon:hover{
+
#contactIcon:hover{
        color:#e5e5e5;
+
  color:#e5e5e5;
        text-shadow:2px 2px 0 #000000;
+
  text-shadow:2px 2px 0 #000000;
      }
+
}
      #instaIcon:hover{
+
#instaIcon:hover{
        color:#8a3ab9;
+
  color:#8a3ab9;
        text-shadow:2px 2px 0 #000000;
+
  text-shadow:2px 2px 0 #000000;
      }
+
}
  
      .sponsors img{
+
/* SPONSORS IMG */
        max-height:50px;
+
        display:inline-block;
+
        margin:10px;
+
        opacity:0.5;
+
      }
+
      .sponsors img:hover{
+
        opacity:1;
+
      }
+
    </style>
+
  
 +
.footer_sponsors img{
 +
  max-height:50px;
 +
  display:inline-block;
 +
  margin:10px;
 +
  opacity:0.5;
 +
}
 +
.footer_sponsors img:hover{
 +
  opacity:1;
 +
}
  
    <section class="home_section content_4" id="content_4">
+
</style>
 
+
   <footer>
        <h1>Feel free to contact us or follow us on social media: </h1>
+
   
        <div class="icons_contact">
+
    <div class="footer_sponsors">
          <a id="fbIcon" href="https://www.facebook.com/IGEM-Toulouse-1604834019761538/?fref=ts"><i class="fa fa-facebook fa-3x"></i></a>
+
      <a id="twitterIcon" href="https://twitter.com/iGEM_Toulouse"><i class="fa fa-twitter fa-3x"></i></a>
+
      <a id="instaIcon" href="https://www.instagram.com/igem_toulouse/"><i class="fa fa-instagram fa-3x"></i></a>
+
      <a id="contactIcon" href="mailto:igem.toulouse@gmail.com"><i class="fa fa-envelope fa-3x"></i></a>    
+
        </div>
+
        <h1>We want to thank all our sponsors: </h1>
+
        <div class="sponsors">
+
 
           <a href="http://www.lisbp.fr/en/index.html"><img src="https://static.igem.org/mediawiki/2017/3/3e/T--INSA-UPS_France--Logo_lisbp.png" alt=""></a>
 
           <a href="http://www.lisbp.fr/en/index.html"><img src="https://static.igem.org/mediawiki/2017/3/3e/T--INSA-UPS_France--Logo_lisbp.png" alt=""></a>
 
           <a href="http://www.toulouse-white-biotechnology.com/en/"><img src="https://static.igem.org/mediawiki/2017/5/56/T--INSA-UPS_France--Logo_twb.png" alt=""></a>
 
           <a href="http://www.toulouse-white-biotechnology.com/en/"><img src="https://static.igem.org/mediawiki/2017/5/56/T--INSA-UPS_France--Logo_twb.png" alt=""></a>
Line 499: Line 341:
  
  
       <a href="https://www.crous-toulouse.fr/english/"><img src="https://static.igem.org/mediawiki/2017/3/37/T--INSA-UPS_France--Logo_crous.png" alt=""></a>
+
       <a href="https://www.crous-toulouse.fr/english/"><img src="https://static.igem.org/mediawiki/2017/3/37/T--INSA-UPS_France--Logo_crous.png" alt=""></a>  
        </div>
+
 
+
 
+
     
+
    </section>
+
  
 +
    </div>
 +
    <div class="icons">
 +
      <a id="fbIcon" href="https://www.facebook.com/IGEM-Toulouse-1604834019761538/?fref=ts"><i class="fa fa-facebook fa-3x"></i></a>
 +
      <a id="twitterIcon" href="https://twitter.com/iGEM_Toulouse"><i class="fa fa-twitter fa-3x"></i></a>
 +
      <a id="instaIcon" href="https://www.instagram.com/igem_toulouse/"><i class="fa fa-instagram fa-3x"></i></a>
 +
      <a id="contactIcon" href="mailto:igem.toulouse@gmail.com"><i class="fa fa-envelope fa-3x"></i></a> 
 +
    </div>
  
  
 +
  </footer>
 +
  </div>
 
   </main>
 
   </main>
  
<!-- C O N T E N T -->
+
<!--
 +
  -->
  
<script type="text/javascript">
+
</div>
 
+
// ONE PAGE LAYOUT
+
 
+
var stickyMenu = document.querySelector('.js-sticky');
+
var stickyOffset = window.innerHeight - stickyMenu.offsetHeight;
+
var stickyClassName = 'is-sticky';
+
 
+
window.addEventListener('scroll', function() {
+
  if (window.pageYOffset >= stickyOffset) {
+
    stickyMenu.classList.add(stickyClassName);
+
  }
+
  else {
+
    stickyMenu.classList.remove(stickyClassName);
+
  }
+
});
+
  
</script>
 
 
</html>
 
</html>
 
{{INSA-UPS_France/General_script}}
 
{{INSA-UPS_France/General_script}}
 
{{INSA-UPS_France/Header_script}}
 
{{INSA-UPS_France/Header_script}}

Revision as of 20:09, 21 September 2017


Design

Building a synthetic consortium able to deal with the cholera issue led us to investigate on different communication pathways: we had to sense Vibrio cholerae in its natural environment and based on this sensing we had to activate, through transmission, a response: the production of a killing molecule. Moreover, all those actions had to be inserted in the right cellular chassis in order to optimize the system.

To wipe out cholera from water, we decided to build a sense-transmit-respond system reacting to V. cholerae and leading to its death.

Overview

Organisms

E. coli

We chose to mimic V. cholerae using E. coli that we modified to produce the CAI-1 of V. cholerae, using the enzyme responsible for its production. E. coli has two main advantages: it is a good molecular biology model and it produces no endogen CAI-1.

The psB1C3 plasmid was chosen for iGEM compatibility.

V. harveyi

V. harveyi has all the assets to be a good sensor for V. cholerae: it possesses its own pathway of detection of C8-CAI-1, an analogue of CAI-1. A single point mutation allows V. harveyi: to detect V. cholerae’s molecule CAI-11. Moreover, the strain that we are using, JMH626, has been deleted for the enzyme responsible of the production and detection of other quorum sensing molecules, making it a specific sensor of CAI-12. However it cannot be used as the effector because of its physiological proximity to V. cholerae. Thus we supposed that the production of antimicrobial peptides aimed at V. cholerae would be lethal to it.

The pBBR1MCS-4 broad host range plasmid was chosen so we can transfer the system into V.harveyi using a conjugation method.

P. pastoris

Recognized as a great protein producer and secretor, P. pastoris has already been used to produce a wide range of AMPs3,4. Furthermore, the diacetyl/Odr-10 system has been described as a useful tool for prokaryotic/eukaryotic communication5.

The pPICZα plasmid was chosen because of its α-factor and its homology sequence allowing it to integrate in a targeted zone in its genome. It is recognized as a good plasmid for protein production in P. pastoris.

Modules & Parts

Sense

We chose to take advantage of the intraspecies quorum sensing of V. cholerae: the CAI-1/CqsS system. To mimic this pathway in our laboratory, we had to both produce in vivo the CAI-1 molecule in a bacteria strain and express the CqsS receptor in an other one.

The CAI-1 producing system is inducible in order to avoid toxicity problems. The fact that CqsS* can detect both CAI-1 and C8-CAI-1 led us to choose V. harveyi cqsA gene (Vh-cqsA), instead of V. cholerae gene, that produces C8-CAI-1 for safety reasons.1

Transmit

V. harveyi has the natural pathway leading to the activation or inactivation of pqrr4. At high CAI-1 concentration the promoter is inactivated, thus we needed an inverter, tetR/pTet allowed us to activate the als gene that produces diacetyl at high CAI-1 concentration:

  • If CAI-1 is present in high concentration, pqrr is repressed, so TetR no longer inhibits pTet. Thus, the als gene is expressed, producing >diacetyl.
  • If there is no CAI-1, TetR is produced and repress pTet which inhibits the als gene, ergo diacetyl production.

We chose to use the diacetyl/Odr-10 binding receptor system, that is known to activate gene expression on yeasts.

The constitutive pGAP promoter allows the system to always express the Odr-10 receptor and thus be sensible to diacetyl at any time.

Respond

Once the Odr-10 receptor has sensed diacetyl, pFUS is activated and it triggers the Ste12 pathway. Then, the production of antimicrobial peptides (AMP) can start. In order for the cells to excrete the peptides, an α-factor is needed.

Experimental plan

E. coli

Quorum sensing molecule production

  • C8-CAI-1 & CAI-1 NMR
  • Bioluminescence
  • MS

V. harveyi

Conjugation

  • Conjugation test with fluorescence
  • CqsS* pathway test with fluorescence

diacetyl production

  • diacetyl NMR (E.coli and V. harveyi)
  • pTet characterization in V. harveyi by reporter gene

P. pastoris

Antimicrobial peptides (AMP)

  • AMP activity: growth tests, etc
  • AMP purification

diacetyl detection

  • pFus pathway test with fluorescence
  • etc