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

Line 24: Line 24:
 
   justify-content: center;
 
   justify-content: center;
 
}
 
}
−
.section__title {
+
.home_section h1{
−
   font: 200 4em/1.5 "Quicksand", sans-serif;
+
   margin-left: 5%;
−
  text-transform: lowercase;
+
    font-family: 'Quicksand', sans-serif;
−
  margin: 0 0 0.4em;
+
    font-size: 30pt;
−
  text-align: left;
+
  }
−
}
+
−
.section__title--main {
+
−
  text-align: center;
+
−
  font-size: 8em;
+
−
}
+
 
.home {
 
.home {
 
   background: white url("https://static.igem.org/mediawiki/2017/archive/5/5c/20171002220813%21T--INSA-UPS_France--home.png") no-repeat 50% 50%;
 
   background: white url("https://static.igem.org/mediawiki/2017/archive/5/5c/20171002220813%21T--INSA-UPS_France--home.png") no-repeat 50% 50%;
Line 86: Line 81:
 
         margin:0px auto;
 
         margin:0px auto;
 
         position:relative;
 
         position:relative;
 +
        margin-top:-200px;
 
       }
 
       }
 
       #progress-bar{
 
       #progress-bar{
Line 99: Line 95:
 
         width:95%;
 
         width:95%;
 
         height: 40px;
 
         height: 40px;
−
         background: #FFCD71;
+
         background: #78b6cf;
 
         position:relative;
 
         position:relative;
 
         top:5px;
 
         top:5px;
Line 110: Line 106:
 
         height:50px;
 
         height:50px;
 
         border-radius:50px;
 
         border-radius:50px;
−
         background: #E06666;
+
         background: #1f4861;
 
         z-index:20;
 
         z-index:20;
 
         position:absolute;
 
         position:absolute;
Line 122: Line 118:
 
       .progress-point.point-1:before{
 
       .progress-point.point-1:before{
 
         content:'1999';
 
         content:'1999';
−
         color:#E06666;
+
         color:#1f4861;
 
         position:absolute;
 
         position:absolute;
 
         top:-40px;
 
         top:-40px;
Line 134: Line 130:
 
       .progress-point.point-2:after{
 
       .progress-point.point-2:after{
 
         content:'2003';
 
         content:'2003';
−
         color:#E06666;
+
         color:#1f4861;
 
         position:absolute;
 
         position:absolute;
 
         top:50px;
 
         top:50px;
Line 145: Line 141:
 
       .progress-point.point-3:after{
 
       .progress-point.point-3:after{
 
         content:'2010';
 
         content:'2010';
−
         color:#E06666;
+
         color:#1f4861;
 
         position:absolute;
 
         position:absolute;
 
         top:-40px;
 
         top:-40px;
Line 156: Line 152:
 
       .progress-point.point-4:after{
 
       .progress-point.point-4:after{
 
         content:'now';
 
         content:'now';
−
         color:#E06666;
+
         color:#1f4861;
 
         position:absolute;
 
         position:absolute;
 
         top:50px;
 
         top:50px;
Line 164: Line 160:
 
       .bubble{
 
       .bubble{
 
         width:40%;
 
         width:40%;
−
         height:200px;
+
         height:180px;
 
         background: white;
 
         background: white;
 
         position:absolute;
 
         position:absolute;
Line 178: Line 174:
 
         margin:30px;
 
         margin:30px;
 
         font-family: 'Merriweather', serif;
 
         font-family: 'Merriweather', serif;
−
         font-size:2.2vw;
+
         font-size:2.1vw;
  
 
       }
 
       }
Line 191: Line 187:
 
       #bubble-1{
 
       #bubble-1{
 
         left:5px;
 
         left:5px;
−
         bottom:-200px;
+
         bottom:-160px;
 
       }
 
       }
 
       #bubble-1:after{
 
       #bubble-1:after{
Line 207: Line 203:
 
       #bubble-2{
 
       #bubble-2{
 
         left:5%;
 
         left:5%;
−
         top:-200px;
+
         top:-160px;
 
       }
 
       }
 
       #bubble-2:after{
 
       #bubble-2:after{
Line 222: Line 218:
 
       #bubble-3{
 
       #bubble-3{
 
         left:50%;
 
         left:50%;
−
         bottom:-200px;
+
         bottom:-160px;
 
       }
 
       }
 
       #bubble-3:after{
 
       #bubble-3:after{
Line 237: Line 233:
 
       #bubble-4{
 
       #bubble-4{
 
         right:0;
 
         right:0;
−
         top:-200px;
+
         top:-160px;
 
       }
 
       }
 
       #bubble-4:after{
 
       #bubble-4:after{
Line 251: Line 247:
 
       }
 
       }
  
 +
 +
      #content_0{
 +
        justify-content: space-around;
 +
      }
 
     </style>
 
     </style>
 +
 +
 
      
 
      
 
     <section class="home_section content_0" id="content_0">
 
     <section class="home_section content_0" id="content_0">
  
−
         <!--<h1>Multiorganism approach: a new challenge for Synthetic Biology</h1>-->
+
         <div>
 +
          <h1>Multiorganism approach: a new challenge for Synthetic Biology</h1>
 +
        </div>
 
         <div id="progress-bar_container">
 
         <div id="progress-bar_container">
 
           <div id="progress-bar">
 
           <div id="progress-bar">
Line 412: Line 416:
 
       <div class="block">
 
       <div class="block">
 
       <div class="block_content">
 
       <div class="block_content">
−
         <img src="https://static.igem.org/mediawiki/2017/b/bc/T--INSA-UPS_France--home_blupuriloop_crocncholera.png" alt="" class="img_home">
+
         <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>  
 
       </div>  
Line 420: Line 424:
  
 
     <style>
 
     <style>
 +
      #content_4 h1{
 +
        color: #eee;
 +
      }
 
       .icons_contact{   
 
       .icons_contact{   
 
         display:inline-block;
 
         display:inline-block;
 
         margin:40px 0;
 
         margin:40px 0;
 +
        text-align: center;
 
       }
 
       }
  
Line 449: Line 457:
 
         text-shadow:2px 2px 0 #000000;
 
         text-shadow:2px 2px 0 #000000;
 
       }
 
       }
−
 
+
      .sponsors{
 +
        text-align: center;
 +
      }
 
       .sponsors img{
 
       .sponsors img{
−
         max-height:50px;
+
         max-height:70px;
 
         display:inline-block;
 
         display:inline-block;
 
         margin:10px;
 
         margin:10px;
Line 466: Line 476:
 
         <h1>Feel free to contact us or follow us on social media: </h1>
 
         <h1>Feel free to contact us or follow us on social media: </h1>
 
         <div class="icons_contact">
 
         <div class="icons_contact">
−
           <a id="fbIcon" href="https://www.facebook.com/IGEM-Toulouse-1604834019761538/?fref=ts"><i class="fa fa-facebook fa-3x"></i></a>
+
           <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-3x"></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-3x"></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-3x"></i></a>   
+
       <a id="contactIcon" href="mailto:igem.toulouse@gmail.com"><i class="fa fa-envelope fa-4x"></i></a>   
 
         </div>
 
         </div>
 
         <h1>We want to thank all our sponsors: </h1>
 
         <h1>We want to thank all our sponsors: </h1>

Revision as of 09:26, 3 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: