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

Line 1: Line 1:
 +
{{INSA-UPS_France/Links_new}}
 +
{{INSA-UPS_France/Style_new}}
 +
{{INSA-UPS_France/Header_new}}
 +
 
<html>
 
<html>
  
−
<style>
+
<style>  
  
−
.js-sticky {
+
/* HOME SECTIONS */
−
   position: fixed;
+
.home_section {
−
   display:block;
+
   vertical-align: middle;
−
   left: 0;
+
   box-sizing: border-box;
−
  right: 0;
+
   text-align: justify;
−
  top: 0;
+
   min-height: 100vh;
−
  bottom: auto;
+
−
}
+
−
.site-header {
+
−
  background: #323537;
+
−
   padding: 1.25em 0;
+
−
  z-index:100;
+
−
}
+
−
.site-header > .container {
+
−
  height:50px;
+
 
     display: -webkit-box;
 
     display: -webkit-box;
 
     display: -ms-flexbox;
 
     display: -ms-flexbox;
 
   display: flex;
 
   display: flex;
−
     -webkit-box-pack: justify;
+
     -webkit-box-orient: vertical;
−
     -ms-flex-pack: justify;
+
    -webkit-box-direction: normal;
−
   justify-content: space-between;
+
     -ms-flex-direction: column;
−
     -webkit-box-align: center;
+
   flex-direction: column;
−
     -ms-flex-align: center;
+
     -webkit-box-pack: center;
−
   align-items: center;
+
     -ms-flex-pack: center;
 +
   justify-content: center;
 
}
 
}
−
 
+
.home_section h1{
−
.site-header__title {
+
   margin-left: 5%;
−
   vertical-align: middle;
+
    font-family: 'Quicksand', sans-serif;
−
  margin: 0;
+
    font-size: 30pt;
−
  color: #eee;
+
   }
−
   text-decoration: none;
+
.home {
−
   font: 700 1.5em/1.25 "Quicksand", sans-serif;
+
   background: white url("https://static.igem.org/mediawiki/2017/archive/5/5c/20171002220813%21T--INSA-UPS_France--home.png") no-repeat 50% 50%;
−
   text-align: center;
+
   background-size: cover;
 
}
 
}
−
.site-header__logo{
+
.content_0 {
−
   margin-left:20px;
+
   background: #f3ead7 no-repeat 50% 50%;
 +
  background-size: cover;
 
}
 
}
−
 
+
.content_1 {
−
.site-header__title:hover,
+
   background: #99c18e no-repeat 50% 50%;
−
.site-header__title:focus {
+
  background-size: cover;
−
   color: #99c18e;
+
 
}
 
}
−
.site-menu__item {
+
.content_2 {
−
   color: #eee;
+
   background: #f3ead7 no-repeat 50% 50%;
−
  text-decoration: none;
+
   background-size: cover;
−
   font: 300 0.8em "Quicksand", sans-serif;
+
−
  display:inline-block;
+
 
}
 
}
−
.cat_name{
+
.content_3{
−
   text-transform: uppercase;
+
   background: #99c18e no-repeat 50% 50%;
−
   cursor: pointer;
+
   background-size: cover;
 
}
 
}
−
.site-menu__item:hover,
+
.content_4{
−
.site-menu__item:focus {
+
   background: #323537 no-repeat 50% 50%;
−
   color: #99c18e;
+
   background-size: cover;
−
}
+
−
.site-menu__item{
+
−
  display:none;
+
−
  position:relative;
+
−
  width:12%;
+
−
}
+
−
.site-menu__item#scroll_down{
+
−
   display:inline-block;
+
−
  text-align: center;
+
−
}
+
−
.js-sticky .site-menu__item{
+
−
  display:inline-block;
+
−
}
+
−
.js-sticky .site-menu__item#scroll_down{
+
−
  display:none;
+
−
}
+
−
.js-sticky nav.site-menu{
+
−
  height:100%;
+
−
  width:60%;
+
 
}
 
}
 +
</style>
  
−
.cat_name{
 
−
  line-height: 50px;
 
−
  height:50px;
 
−
}
 
−
.site-menu__item.no-subnav{
 
−
  width:auto;
 
−
}
 
  
−
ul.subnav{
+
   <main class="site-main">
−
   position:absolute;
+
−
  top:70px;
+
−
  right:0px;
+
−
  background:#323537;
+
−
  width:100%;
+
−
  max-height:0;
+
−
  overflow: hidden;
+
−
  transition: max-height 400ms ease;
+
−
}
+
−
ul.subnav li{
+
−
  list-style-type: none;
+
−
  padding:10px;
+
−
}
+
−
.site-menu__item a, .site-menu__item a:visited, .site-menu__item a:active{
+
−
  text-decoration: none;
+
−
  color:white;
+
−
}
+
−
.site-menu__item a:hover{
+
−
  color: #99c18e;
+
−
}
+
  
−
/* HAMBURGER RESPONSIVE MENU */
+
    <section class="home_section home" id="home" style="position:relative;">
 +
      <div class="container">
  
−
.hamburger{
+
      <!-- FIRST IMAGE TO ANIMATE -->
−
  display:none;
+
      <div style="text-align: center;">
−
  color:#eee;
+
        <div style="width:100%;position:absolute; top:50pt;font-size:60pt;font-weight:700;">
−
  cursor:pointer;
+
        Croc'n Cholera
−
}
+
        </div>
−
.hamburger:hover, .hamburger:active, .hamburger:focus{
+
        <div style="width:100%;position:absolute;font-size:40pt; color:#295a7f;top:120pt;">
−
  color:#99c18e;
+
        A synthetic microbial consortium
−
}
+
        </div>
−
.site-menu.show-nav{
+
       </div>
−
  display:block;
+
−
  width:400px !important;
+
−
  background:#323537;
+
−
  position:fixed;
+
−
  top:90px;
+
−
  right:0;
+
−
}
+
−
.site-menu.show-nav .site-menu__item{
+
−
  display:block;
+
−
  width:100%;
+
−
}
+
−
.site-menu.show-nav .subnav{
+
−
  display:block;
+
−
  position:static;
+
−
  max-height: 0px;
+
−
}
+
−
.site-menu.show-nav .subnav.show-subnav{
+
−
  max-height:1000px;
+
−
}
+
−
 
+
−
@media screen and (max-width: 1300px){
+
−
  .hamburger{
+
−
      display:block;
+
−
      margin-right:20px;
+
−
    }
+
−
    .site-menu{
+
−
       display: none;
+
−
    }
+
−
}
+
−
</style>
+
  
−
<header class="site-header js-sticky">  
+
      </div>
 +
    </section>
  
−
     <div class="container" style="position:relative; ">
+
     <style>
−
    <a href="#" class="site-header__logo">
+
−
      <img src="https://static.igem.org/mediawiki/2017/2/2a/T--INSA-UPS_France--Logo.png" alt="" style="width:70px;">
+
−
    </a>
+
−
    <div class="site-header__title">
+
−
    Croc'n Cholera <br/>
+
−
    <span style="font-size:12pt;">iGEM UPS-INSA Toulouse 2017</span>
+
−
    </div>
+
  
−
    <nav class="site-menu" style="text-align: center;">
+
      #progress-bar_container{
 +
        width:90%;
 +
        height:200px;
 +
        margin:0px auto;
 +
        position:relative;
 +
        margin-top:-200px;
 +
      }
 +
      #progress-bar{
 +
        width:100%;
 +
        height:50px;
 +
        background: white;
 +
        border-radius:40px;
 +
        position:absolute;
 +
        top:75px;
 +
        z-index:0;
 +
      }
 +
      #progress-bar_inner{
 +
        width:95%;
 +
        height: 40px;
 +
        background: #78b6cf;
 +
        position:relative;
 +
        top:5px;
 +
        left:5px;
 +
        border-radius: 40px;
 +
        z-index:10;
 +
      }
 +
      .progress-point{
 +
        width:50px;
 +
        height:50px;
 +
        border-radius:50px;
 +
        background: #1f4861;
 +
        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:#1f4861;
 +
        position:absolute;
 +
        top:-40px;
 +
        font-weight:bold;
 +
        left:0px;
 +
 
 +
      }
 +
      .progress-point.point-2{
 +
        left:30%;
 +
      }
 +
      .progress-point.point-2:after{
 +
        content:'2003';
 +
        color:#1f4861;
 +
        position:absolute;
 +
        top:50px;
 +
        font-weight:bold;
 +
        left:0px;
 +
      }
 +
      .progress-point.point-3{
 +
        left:60%;
 +
      }
 +
      .progress-point.point-3:after{
 +
        content:'2010';
 +
        color:#1f4861;
 +
        position:absolute;
 +
        top:-40px;
 +
        font-weight:bold;
 +
        left:0px;
 +
      }
 +
      .progress-point.point-4{
 +
        left:90%;
 +
      }
 +
      .progress-point.point-4:after{
 +
        content:'now';
 +
        color:#1f4861;
 +
        position:absolute;
 +
        top:50px;
 +
        font-weight:bold;
 +
        left:0px;
 +
      }
 +
      .bubble{
 +
        width:40%;
 +
        height:180px;
 +
        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.1vw;
 +
 
 +
      }
 +
      @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:-160px;
 +
      }
 +
      #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;
 +
      }
 
        
 
        
−
       <div class="site-menu__item no-subnav">
+
       #bubble-2{
−
         <a href="https://2017.igem.org/Team:INSA-UPS_France"><i class="fa fa-home"></i></a>
+
        left:5%;
−
      </div>
+
        top:-160px;
−
      <div class="site-menu__item">
+
      }
−
        <div class="cat_name">Team <i class="fa fa-caret-down"></i></div>
+
      #bubble-2:after{
−
        <ul class="subnav">
+
        content:'';
−
           <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Team">Members</a></li>
+
        border-left: 20px solid transparent;
−
           <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Supports">Supports</a></li>
+
        border-right: 20px solid transparent;
−
           <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Attributions">Attributions</a></li>
+
        border-top: 20px solid white;
−
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Collaborations">Collaborations</a></li>
+
        position:absolute;
−
        </ul>
+
        top:100%;
−
      </div>
+
        left:65%;
−
      <div class="site-menu__item">
+
        width:0;
−
         <div class="cat_name">Strategy <i class="fa fa-caret-down"></i></div>
+
        height:0;
−
         <ul class="subnav">
+
      }
−
           <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Description">Description</a></li>
+
      #bubble-3{
−
           <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Design">Design</a></li>
+
        left:50%;
−
           <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Parts">Parts</a></li>
+
        bottom:-160px;
−
         </ul>
+
      }
 +
      #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:-160px;
 +
      }
 +
      #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;
 +
      }
 +
 
 +
 
 +
      #content_0{
 +
        justify-content: space-around;
 +
      }
 +
    </style>
 +
 
 +
 
 +
   
 +
    <section class="home_section content_0" id="content_0">
 +
 
 +
         <div>
 +
          <h1>Multiorganism approach: a new challenge for Synthetic Biology</h1>
 +
        </div>
 +
        <div id="progress-bar_container">
 +
          <div id="progress-bar">
 +
            <div id="progress-bar_inner">
 +
              &nbsp;
 +
            </div>
 +
            <div class="progress-point point-1"></div>
 +
            <div class="progress-point point-2"></div>
 +
            <div class="progress-point point-3"></div>
 +
            <div class="progress-point point-4"></div>
 +
          </div>
 +
          <div class="bubble" id="bubble-1">
 +
            <p>First steps of synthetic biology</p>
 +
           </div>
 +
          <div class="bubble" id="bubble-2">
 +
            <p>First edition of the iGEM competition</p>
 +
           </div>
 +
          <div class="bubble" id="bubble-3">
 +
            <p>Boolean algebra in <i>E. coli</i></p>
 +
           </div>
 +
          <div class="bubble" id="bubble-4">
 +
            <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>
 +
 
 +
    </section>
 +
 
 +
    <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>
 +
      <table>
 +
         <tr>
 +
           <td><img src="https://static.igem.org/mediawiki/2017/a/af/T--INSA-UPS_France--home_quorum.png" alt=""></td>
 +
           <td><img src="https://static.igem.org/mediawiki/2017/c/cd/T--INSA-UPS_France--home_light.png" alt=""></td>
 +
          <td><img src="https://static.igem.org/mediawiki/2017/8/82/T--INSA-UPS_France--home_proteins.png" alt=""></td>
 +
           <td><img src="https://static.igem.org/mediawiki/2017/0/01/T--INSA-UPS_France--home_thermo.png" alt=""></td>
 +
        </tr>
 +
         <tr>
 +
          <td>Quorum sensing</td>
 +
          <td>Light sensitive</td>
 +
          <td>Proteins secretion</td>
 +
          <td>High thermostability</td>
 +
        </tr>
 +
      </table>
 +
    </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 class="home_section content_2" id="content_2">
 +
      <div class="block">
 +
      <div class="block_content">
 +
        <img src="https://static.igem.org/mediawiki/2017/8/88/T--INSA-UPS_France--home_blupuriloop.png" alt="" class="img_home">
 
       </div>
 
       </div>
−
      <div class="site-menu__item">
 
−
        <div class="cat_name">Model <i class="fa fa-caret-down"></i></div>
 
−
        <ul class="subnav">
 
−
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Model">Overview</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Model/Simulation">Simulation</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Model/Analysis">Analysis</a></li>
 
−
<li><a href="https://2017.igem.org/Team:INSA-UPS_France/Model/Interface">Interface</a></li>
 
−
        </ul>
 
−
      </div>
 
−
      <div class="site-menu__item">
 
−
        <div class="cat_name">Realisation <i class="fa fa-caret-down"></i></div>
 
−
        <ul class="subnav">
 
−
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Experiments">Overview</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Notebook">Notebook</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Experiments/Clonings">Clonings</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Results">Results</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Safety">Safety</a></li>
 
−
        </ul>
 
−
      </div>
 
−
      <div class="site-menu__item">
 
−
        <div class="cat_name">Outreach <i class="fa fa-caret-down"></i></div>
 
−
        <ul class="subnav">
 
−
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Human_Practices">Human Practices</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Engagement">Public Engagement</a></li>
 
−
         
 
−
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Microbioworld">Microbioworld</a></li>
 
−
        </ul>
 
 
       </div>
 
       </div>
 +
      <div class="block text_block">
 +
      <div class="block_content">
 +
        <h1>What if they could communicate?</h1>
 +
        <p>
 +
          The living world offers a lot of possibilities, but their use is still limited in synthetic biology.
 +
        </p>
 +
        <p>
 +
          Our idea is about taking advantages of the characteristics of single microorganisms by making them communicate with each other to get the appropriate response.
 +
        </p>
 +
      </div> 
 +
      </div> 
 +
     
 +
    </section>
  
−
<div class="site-menu__item">
 
−
        <div class="cat_name">Application <i class="fa fa-caret-down"></i></div>
 
−
        <ul class="subnav">
 
−
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Applied_Design">Applied Design</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/HP/Silver">Silver</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/HP/Gold_Integrated">Ethics</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Entrepreneurship">Entrepreneurship</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Entrepreneurship/Testimonies">Testimonies</a></li>
 
−
          <li><a href="https://2017.igem.org/Team:INSA-UPS_France/Entrepreneurship/Device">Device Conception</a></li>
 
−
         
 
−
        </ul>
 
−
      </div>
 
  
  
−
      <div class="site-menu__item no-subnav">
+
    <section class="home_section content_3" id="content_3">
−
        <a href="achievements.html"><i class="fa fa-trophy"></i></a>
+
 
 +
      <div class="block text_block">
 +
      <div class="block_content">
 +
        <h1>Our proof of concept : a fight against cholera</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">
 +
      <div class="block_content">
 +
        <img src="https://static.igem.org/mediawiki/2017/archive/b/bc/20171003092137%21T--INSA-UPS_France--home_blupuriloop_crocncholera.png" alt="" class="img_home">
 
       </div>
 
       </div>
 +
      </div>
 +
 +
     
 +
    </section>
 +
 +
    <style>
 +
      #content_4 h1{
 +
        color: #eee;
 +
      }
 +
      .icons_contact{ 
 +
        display:inline-block;
 +
        margin:40px 0;
 +
        text-align: center;
 +
      }
 +
 +
      .icons_contact > a{
 +
        color:black;
 +
        margin:10px;
 +
        text-shadow:2px 2px 0px white;
 +
      }
 +
 +
      #fbIcon:hover{
 +
        color:#3b5998;
 +
        text-shadow:2px 2px 0 #000000;
 +
      }
 +
 +
      #twitterIcon:hover{
 +
        color:#55acee;
 +
        text-shadow:2px 2px 0 #000000;
 +
      }
 +
 +
      #contactIcon:hover{
 +
        color:#e5e5e5;
 +
        text-shadow:2px 2px 0 #000000;
 +
      }
 +
      #instaIcon:hover{
 +
        color:#8a3ab9;
 +
        text-shadow:2px 2px 0 #000000;
 +
      }
 +
      .sponsors{
 +
        text-align: center;
 +
      }
 +
      .sponsors img{
 +
        max-height:70px;
 +
        display:inline-block;
 +
        margin:10px;
 +
        opacity:0.5;
 +
      }
 +
      .sponsors img:hover{
 +
        opacity:1;
 +
      }
 +
    </style>
 +
 +
 +
    <section class="home_section content_4" id="content_4">
 +
 +
        <h1>Feel free to contact us or follow us on social media: </h1>
 +
        <div class="icons_contact">
 +
          <a id="fbIcon" href="https://www.facebook.com/IGEM-Toulouse-1604834019761538/?fref=ts"><i class="fa fa-facebook fa-4x"></i></a>
 +
      <a id="twitterIcon" href="https://twitter.com/iGEM_Toulouse"><i class="fa fa-twitter fa-4x"></i></a>
 +
      <a id="instaIcon" href="https://www.instagram.com/igem_toulouse/"><i class="fa fa-instagram fa-4x"></i></a>
 +
      <a id="contactIcon" href="mailto:igem.toulouse@gmail.com"><i class="fa fa-envelope fa-4x"></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.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://fondation.insa-lyon.fr/"><img src="https://static.igem.org/mediawiki/2017/6/6d/T--INSA-UPS_France--Logo_fondationinsal.png" alt=""></a>
 +
          <a href="https://fr-fr.facebook.com/insaadnconceptclub/"><img src="https://static.igem.org/mediawiki/2017/b/b7/T--INSA-UPS_France--Logo_ia2c.png" alt=""></a>
 +
          <a href="http://www.biomerieux.com/en"><img src="https://static.igem.org/mediawiki/2017/8/83/T--INSA-UPS_France--Logo_biomerieux.png" alt=""></a>
 +
          <a href="http://www.sunwaterlife.com/en/"><img src="https://static.igem.org/mediawiki/2017/0/09/T--INSA-UPS_France--Logo_sunwaterlife.png" style="width:150px;" alt=""></a>
 +
          <a href="http://www.univ-tlse3.fr/home/home-page-en-379161.kjsp?RH=ACCUEIL"><img src="https://static.igem.org/mediawiki/2017/2/28/T--INSA-UPS_France--Logo_ups.png" alt=""></a>
 +
          <a href="http://www.fsi.univ-tlse3.fr/"><img src="https://static.igem.org/mediawiki/2017/a/ab/T--INSA-UPS_France--Logo_fsi.png" alt=""></a>
 +
          <a href="https://www.kbs-frb.be/"><img src="https://static.igem.org/mediawiki/2017/c/cf/T--INSA-UPS_France--Logo_ernestsolvay.png" alt=""></a>
 +
          <a href="http://www.insa-toulouse.fr/fr/institution/fondation-insa-toulouse.html#"><img src="https://static.igem.org/mediawiki/2017/6/62/T--INSA-UPS_France--Logo_fondationinsat.png" alt=""></a>
 +
      <a href="http://www.adisseo.com/en/"><img src="https://static.igem.org/mediawiki/2017/9/96/T--INSA-UPS_France--Logo_adisseo.png" alt=""></a>
 +
      <a href="http://www.insa-toulouse.fr/fr/index.html"><img src="https://static.igem.org/mediawiki/2017/2/2d/T--INSA-UPS_France--Logo_insatoulouse.png" style="width:150px;" alt=""></a>
 +
      <a href="https://www.veolia.com/en"><img src="https://static.igem.org/mediawiki/2017/9/91/T--INSA-UPS_France--Logo_veolia.png" alt=""></a>
 +
      <a href="https://www.france-science.org/-Homepage-English-.html"><img src="https://static.igem.org/mediawiki/2017/1/1a/T--INSA-UPS_France--Logo_ambassade.jpg" alt=""></a>
 +
      <a href="http://www.univ-tlse3.fr/associations-+/do-you-have-a-project--378066.kjsp?RH=1238417866394"><img src="https://static.igem.org/mediawiki/2017/5/5b/T--INSA-UPS_France--Logo_fsdie.png" alt=""></a>
 +
      <a href="http://en.univ-toulouse.fr/our-strengths"><img src="https://static.igem.org/mediawiki/2017/9/93/T--INSA-UPS_France--Logo_fsie.jpg" 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>
  
−
      </nav>
 
−
      <i class="fa fa-navicon fa-2x icon hamburger"></i>
 
−
    </div>
 
−
  </header>
 
  
  
 +
  </main>
  
 +
<!-- C O N T E N T -->
  
 
</html>
 
</html>
 +
{{INSA-UPS_France/General_script}}
 +
{{INSA-UPS_France/Header_script}}

Revision as of 12:32, 27 October 2017

Croc'n Cholera
iGEM UPS-INSA Toulouse 2017

Croc'n Cholera
A synthetic microbial consortium

Multiorganism approach: a new challenge for Synthetic Biology

 

First steps of synthetic biology

First edition of the iGEM competition

Boolean algebra in E. coli

Current challenges:

  • Cell-free
  • De novo life
  • Multi organisms

Biodiversity entails a lot of possibilities...

Quorum sensing Light sensitive Proteins secretion High thermostability

What if they could communicate?

The living world offers a lot of possibilities, but their use is still limited in synthetic biology.

Our idea is about taking advantages of the characteristics of single microorganisms by making them communicate with each other to get the appropriate response.

Our proof of concept : a fight against cholera

V. cholerae is responsible for cholera, a disease that contaminates water and affects people in developing countries, war zones and natural disaster zones.

Our project is about creating a multi organisms system that is able to sense and wipe cholera out in contaminated water.

Feel free to contact us or follow us on social media:

We want to thank all our sponsors: