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

Line 259: Line 259:
 
   </div>
 
   </div>
 
   </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>
 +
 +
 
   <header class="site-header js-sticky">
 
   <header class="site-header js-sticky">
  
Line 338: Line 344:
  
 
       <!-- FIRST IMAGE TO ANIMATE -->
 
       <!-- FIRST IMAGE TO ANIMATE -->
 +
  
 
       </div>
 
       </div>
Line 747: Line 754:
 
</script>
 
</script>
  
−
<script type="text/javascript">// ONE PAGE > HEADER
 
−
 
−
$(document).ready(function(){
 
−
  $('#scroll_down').click(function(e){
 
−
    $('html, body').animate({scrollTop: $('section.content_0').offset().top }, 'slow');
 
−
  });
 
−
  $('#scroll_down2').click(function(e){
 
−
    $('html, body').animate({scrollTop: $('section.content_1').offset().top }, 'slow');
 
−
  });
 
−
  var lastScrollTop = 0;
 
−
  $(window).scroll(function(){
 
−
      var c_0 = $('#content_0').offset().top;
 
−
      var c_1 = $('#content_1').offset().top;
 
−
      var c_2 = $('#content_2').offset().top;
 
−
      var c_3 = $('#content_3').offset().top;
 
−
 
−
      var top = $(window).scrollTop();
 
−
      if (top > lastScrollTop){
 
−
        // down scroll
 
−
        if(top==c0+50){
 
−
          // go to C0
 
−
          $('html, body').animate({scrollTop: c_0 }, 1000, function(){$('html, body').stop(true);});
 
−
        }
 
−
        else{
 
−
          if(top==c1+50){
 
−
            // go to c1
 
−
            $('html, body').animate({scrollTop: c_1 }, 1000, function(){$('html, body').stop(true);});
 
−
          }
 
−
          else{
 
−
            if(top==c2+50){
 
−
              $('html, body').animate({scrollTop: c_2 }, 1000, function(){$('html, body').stop(true);});
 
−
            }
 
−
            else{
 
−
              if(top==c3+50){
 
−
                $('html, body').animate({scrollTop: c_2 }, 1000, function(){$('html, body').stop(true);});
 
−
              }
 
−
            }
 
−
          }
 
−
        }
 
−
      }
 
−
      else{
 
−
        // top scroll
 
−
 
−
      }
 
−
      lastScrollTop=top;
 
−
/*
 
−
      var content = -2;
 
−
      if(top>=0){
 
−
        if(top<c_0){
 
−
          content=-1;
 
−
        }
 
−
        else{
 
−
          if(top<c_1){
 
−
            content=0;
 
−
          }
 
−
          else{
 
−
            if(top<c_2){
 
−
              content=1;
 
−
            }
 
−
            else{
 
−
              if(top<c_3){
 
−
                content=2;
 
−
              }
 
−
              else{
 
−
                content=3;
 
−
              }
 
−
            }
 
−
          }
 
−
        }
 
−
      }
 
−
 
−
      var st = $(window).scrollTop();
 
−
      if (st > lastScrollTop){
 
−
        // down scroll
 
−
        switch(content){
 
−
          case -1:
 
−
            $('html, body').animate({scrollTop: c_0 }, 1000, function(){$('html, body').stop(true);});
 
−
            break;
 
−
          case 0:
 
−
            $('html, body').animate({scrollTop: c_1 }, 1000, function(){$('html, body').stop(true);});
 
−
            break;
 
−
          case 1:
 
−
            $('html, body').animate({scrollTop: c_2 }, 1000, function(){$('html, body').stop(true);});
 
−
            break;
 
−
          case 2:
 
−
            $('html, body').animate({scrollTop: c_3}, 1000, function(){$('html, body').stop(true);});
 
−
            break;
 
−
          default: //
 
−
            break;
 
−
        }
 
−
      }
 
−
      else{
 
−
        // top scroll
 
−
        switch(content){
 
−
          case -1:
 
−
            $('html, body').animate({scrollTop: 0 }, 1000, function(){$('html, body').stop(true);});
 
−
            break;
 
−
          case 0:
 
−
            $('html, body').animate({scrollTop: c_0 }, 1000, function(){$('html, body').stop(true);});
 
−
            break;
 
−
          case 1:
 
−
            $('html, body').animate({scrollTop: c_1 }, 1000, function(){$('html, body').stop(true);});
 
−
            break;
 
−
          case 2:
 
−
            $('html, body').animate({scrollTop: c_2}, 1000, function(){$('html, body').stop(true);});
 
−
            break;
 
−
 
−
          default: //
 
−
            break;
 
−
        }
 
−
      }
 
−
      lastScrollTop=st; */
 
−
 
−
 
−
     
 
−
 
−
  });
 
−
 
−
 
−
 
−
});
 
−
 
−
</script>
 
  
  
 
</body>
 
</body>
 
</html>
 
</html>

Revision as of 11:15, 20 September 2017

Croc'n Cholera
A synthetic microbial consortium
iGEM UPS-INSA Toulouse 2017
Croc'n Cholera
iGEM UPS-INSA Toulouse 2017
 

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.

A fight against cholera as an application

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.