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

Line 434: Line 434:
 
}
 
}
  
−
.slowly-appear:nth-child(1) {
+
.slowly-appear.ap1 {
 
   animation-delay: 0.1s;
 
   animation-delay: 0.1s;
 
}
 
}
  
−
.slowly-appear:nth-child(2) {
+
.slowly-appear.ap2 {
 
   animation-delay: 0.2s;
 
   animation-delay: 0.2s;
 
}
 
}
  
−
.slowly-appear:nth-child(3) {
+
.slowly-appear.ap3 {
 
   animation-delay: 0.3s;
 
   animation-delay: 0.3s;
 
}
 
}
  
−
.slowly-appear:nth-child(4) {
+
.slowly-appear.ap4 {
 
   animation-delay: 0.4s;
 
   animation-delay: 0.4s;
 
}
 
}
  
−
.slowly-appear:nth-child(5) {
+
.slowly-appear.ap5 {
 
   animation-delay: 0.5s;
 
   animation-delay: 0.5s;
 
}
 
}
−
.slowly-appear:nth-child(6) {
+
.slowly-appear.ap6 {
 
   animation-delay: 0.6s;
 
   animation-delay: 0.6s;
 
}
 
}
  
−
.slowly-appear:nth-child(7) {
+
.slowly-appear.ap7 {
 
   animation-delay: 0.7s;
 
   animation-delay: 0.7s;
 
}
 
}
  
−
.slowly-appear:nth-child(8) {
+
.slowly-appear.ap8 {
 
   animation-delay: 0.8s;
 
   animation-delay: 0.8s;
 
}
 
}
  
−
.slowly-appear:nth-child(9) {
+
.slowly-appear.ap9 {
 
   animation-delay: 0.9s;
 
   animation-delay: 0.9s;
 
}
 
}
  
−
.slowly-appear:nth-child(10) {
+
.slowly-appear.ap10 {
 
   animation-delay: 1s;
 
   animation-delay: 1s;
 
}
 
}
  
−
.slowly-appear:nth-child(11) {
+
.slowly-appear.ap11 {
 
   animation-delay: 1.1s;
 
   animation-delay: 1.1s;
 
}
 
}
  
−
.slowly-appear:nth-child(12) {
+
.slowly-appear.ap12 {
 
   animation-delay: 1.2s;
 
   animation-delay: 1.2s;
 
}
 
}
  
−
.slowly-appear:nth-child(13) {
+
.slowly-appear.ap13 {
 
   animation-delay: 1.3s;
 
   animation-delay: 1.3s;
 
}
 
}
  
−
.slowly-appear:nth-child(14) {
+
.slowly-appear.ap14 {
 
   animation-delay: 1.4s;
 
   animation-delay: 1.4s;
 
}
 
}
  
−
.slowly-appear:nth-child(15) {
+
.slowly-appear.ap15 {
 
   animation-delay: 1.5s;
 
   animation-delay: 1.5s;
 
}
 
}
−
.slowly-appear:nth-child(16) {
+
.slowly-appear.ap16 {
 
   animation-delay: 1.6s;
 
   animation-delay: 1.6s;
 
}
 
}
−
.slowly-appear:nth-child(17) {
+
.slowly-appear.ap17 {
 
   animation-delay: 1.7s;
 
   animation-delay: 1.7s;
 
}
 
}
−
.slowly-appear:nth-child(18) {
+
.slowly-appear.ap18 {
 
   animation-delay: 1.8s;
 
   animation-delay: 1.8s;
 
}
 
}
−
.slowly-appear:nth-child(19) {
+
.slowly-appear.ap19 {
 
   animation-delay: 1.9s;
 
   animation-delay: 1.9s;
 
}
 
}
−
.slowly-appear:nth-child(20) {
+
.slowly-appear.ap20 {
 
   animation-delay: 2s;
 
   animation-delay: 2s;
 
}
 
}
−
.slowly-appear:nth-child(21) {
+
.slowly-appear.ap21 {
 
   animation-delay: 2.1s;
 
   animation-delay: 2.1s;
 
}
 
}
Line 527: Line 527:
 
   <section>
 
   <section>
  
−
<div class="appearing-container">
+
  <div class="appearing-container">
 
     <div class="appearing-item bounceLeft">
 
     <div class="appearing-item bounceLeft">
 
     <div class="appearing-image">
 
     <div class="appearing-image">
 
    
 
    
−
       <img src="https://static.igem.org/mediawiki/2017/2/2a/T--INSA-UPS_France--Logo.png" alt="" class="center" style="width:500px;">
+
       <img src="T--INSA-UPS_France--Logo.png" alt="" class="center" style="height:400px;">
  
 
     </div>
 
     </div>
Line 541: Line 541:
 
   <div class="appearing-item appearing-title">
 
   <div class="appearing-item appearing-title">
 
     <div class="appearing-content ">
 
     <div class="appearing-content ">
−
   
+
      <p>
−
       <span class="animated-letter slowly-appear">W</span><span class="animated-letter slowly-appear">h</span><span class="animated-letter slowly-appear">a</span><span class="animated-letter slowly-appear">t</span><span class="animated-letter slowly-appear">&nbsp;</span><span class="animated-letter slowly-appear">i</span><span class="animated-letter slowly-appear">s</span><span class="animated-letter slowly-appear">&nbsp;</span><span class="animated-letter slowly-appear">c</span><span class="animated-letter slowly-appear">h</span><span class="animated-letter slowly-appear">o</span><span class="animated-letter slowly-appear">l</span><span class="animated-letter slowly-appear">e</span><span class="animated-letter slowly-appear">r</span><span class="animated-letter slowly-appear">a</span><span class="animated-letter slowly-appear">&nbsp;</span><span class="animated-letter slowly-appear">?</span>
+
       <div style="display:inline-block;"><span class="animated-letter slowly-appear ap1">W</span><span class="animated-letter slowly-appear ap2">h</span><span class="animated-letter slowly-appear ap3">a</span><span class="animated-letter slowly-appear ap4">t</span></div>
−
     
+
      <span class="animated-letter slowly-appear ap5">&nbsp;</span>
 +
      <div style="display:inline-block;"><span class="animated-letter slowly-appear ap6">i</span><span class="animated-letter slowly-appear ap7">s</span></div>
 +
      <span class="animated-letter slowly-appear ap8">&nbsp;</span>
 +
      <div style="display:inline-block;"><span class="animated-letter slowly-appear ap9">c</span><span class="animated-letter slowly-appear ap10">h</span><span class="animated-letter slowly-appear ap11">o</span><span class="animated-letter slowly-appear ap12">l</span><span class="animated-letter slowly-appear ap13">e</span><span class="animated-letter slowly-appear ap14">r</span><span class="animated-letter slowly-appear ap15">a</span><span class="animated-letter slowly-appear ap16">?</span></div>
 +
      </p>
 
     </div>
 
     </div>
 
      
 
      
Line 552: Line 556:
 
     <div class="appearing-item double-item bounceLeft">
 
     <div class="appearing-item double-item bounceLeft">
 
     <div class="appearing-content light-beige-background" style="text-align:center; color:black; width:70%;margin:20pt auto;">
 
     <div class="appearing-content light-beige-background" style="text-align:center; color:black; width:70%;margin:20pt auto;">
−
       The culprit : <br />
+
       The culprit: <br />
 
       <i>Vibrio cholerae</i>
 
       <i>Vibrio cholerae</i>
 
        
 
        
Line 562: Line 566:
 
     <div class="appearing-item double-item bounceRight no-background ">
 
     <div class="appearing-item double-item bounceRight no-background ">
 
     <div class="appearing-image">
 
     <div class="appearing-image">
−
       <img src="https://static.igem.org/mediawiki/2017/0/0a/T--INSA-UPS_France--Home_Vibrio_Mean.png" alt="" width="75%">
+
       <img src="T--INSA-UPS_France--Home_Vibrio_Mean.png" alt="" width="75%">
 
     </div>
 
     </div>
 
     </div>
 
     </div>
Line 610: Line 614:
 
     <div class="appearing-content" style="text-align: center;">
 
     <div class="appearing-content" style="text-align: center;">
 
       <video width="640" height="480" controls>
 
       <video width="640" height="480" controls>
−
         <source src="https://static.igem.org/mediawiki/2017/f/f1/T--INSA-UPS_France--Home_context.mp4" type="video/mp4">
+
         <source src="T--INSA-UPS_France--Home_context.mp4" type="video/mp4">
 
       Your browser does not support the video tag.
 
       Your browser does not support the video tag.
 
       </video>
 
       </video>
Line 622: Line 626:
 
   <div class="appearing-item bounceIn">
 
   <div class="appearing-item bounceIn">
 
     <div class="appearing-content" style="text-align:center;">
 
     <div class="appearing-content" style="text-align:center;">
−
       <b>&rarr; Implemented solutions and their problems : </b>
+
       <b>&rarr; Implemented solutions and their problems: </b>
 
     </div>
 
     </div>
  
Line 634: Line 638:
 
       <div class="appearing-content">
 
       <div class="appearing-content">
 
         <div class="solutions">
 
         <div class="solutions">
−
           <img src="https://static.igem.org/mediawiki/2017/4/41/T--INSA-UPS_France--Home_Solutions1.png" alt="" style="width:200px;">
+
           <img src="T--INSA-UPS_France--Home_Solutions1.png" alt="" style="width:200px;">
 
         </div>
 
         </div>
 
         <div class="descr-year">
 
         <div class="descr-year">
Line 644: Line 648:
 
       <div class="appearing-content">
 
       <div class="appearing-content">
 
         <div class="solutions">
 
         <div class="solutions">
−
           <img src="https://static.igem.org/mediawiki/2017/5/52/T--INSA-UPS_France--Home_Solutions2.png" alt="" style="width:200px;">
+
           <img src="T--INSA-UPS_France--Home_Solutions2.png" alt="" style="width:200px;">
 
         </div>
 
         </div>
 
         <div class="descr-year">
 
         <div class="descr-year">
−
           Too complicated to set up for big volumes
+
           Too complicated to set up  
 
         </div>
 
         </div>
 
       </div>
 
       </div>
Line 654: Line 658:
 
       <div class="appearing-content">
 
       <div class="appearing-content">
 
         <div class="solutions">
 
         <div class="solutions">
−
           <img src="https://static.igem.org/mediawiki/2017/f/f7/T--INSA-UPS_France--Home_Solutions3.png" alt="" style="width:200px;">
+
           <img src="T--INSA-UPS_France--Home_Solutions3.png" alt="" style="width:200px;">
 
         </div>
 
         </div>
 
         <div class="descr-year">
 
         <div class="descr-year">
Line 668: Line 672:
 
     <div class="appearing-content">
 
     <div class="appearing-content">
 
       <p style="color:#598234; font-weight: bold; font-size:20pt; text-align:center;">
 
       <p style="color:#598234; font-weight: bold; font-size:20pt; text-align:center;">
−
         Our solution : <br />
+
         Our solution: <br />
 
         A synthetic biology innovative approach !
 
         A synthetic biology innovative approach !
 
       </p>
 
       </p>
 
     </div>
 
     </div>
 
     <div class="appearing-image">
 
     <div class="appearing-image">
−
       <img src="https://static.igem.org/mediawiki/2017/1/10/T--INSA-UPS_France--Home_Vibrio_And_Sobki.png" alt="" style="width:60%">
+
       <img src="T--INSA-UPS_France--Home_Vibrio_And_Sobki.png" alt="" style="width:60%">
 
     </div>
 
     </div>
 
     <div class="appearing-content">
 
     <div class="appearing-content">
Line 686: Line 690:
 
   <div class="appearing-item appearing-title">
 
   <div class="appearing-item appearing-title">
 
     <div class="appearing-content ">
 
     <div class="appearing-content ">
−
       <span class="animated-letter slowly-appear">W</span><span class="animated-letter slowly-appear">h</span><span class="animated-letter slowly-appear">a</span><span class="animated-letter slowly-appear">t</span><span class="animated-letter slowly-appear">&nbsp;</span><span class="animated-letter slowly-appear">i</span><span class="animated-letter slowly-appear">s</span><span class="animated-letter slowly-appear">&nbsp;</span><span class="animated-letter slowly-appear">o</span><span class="animated-letter slowly-appear">u</span><span class="animated-letter slowly-appear">r</span><span class="animated-letter slowly-appear">&nbsp;</span><span class="animated-letter slowly-appear">p</span><span class="animated-letter slowly-appear">r</span><span class="animated-letter slowly-appear">o</span><span class="animated-letter slowly-appear">j</span><span class="animated-letter slowly-appear">e</span><span class="animated-letter slowly-appear">c</span><span class="animated-letter slowly-appear">t</span><span class="animated-letter slowly-appear">&nbsp;</span><span class="animated-letter slowly-appear">?</span>
+
       <div style="display:inline-block;"><span class="animated-letter slowly-appear ap1">W</span><span class="animated-letter slowly-appear ap2">h</span><span class="animated-letter slowly-appear ap3">a</span><span class="animated-letter slowly-appear ap4">t</span>
 +
      </div>
 +
      <span class="animated-letter slowly-appear ap5">&nbsp;</span>
 +
      <div style="display:inline-block;"><span class="animated-letter slowly-appear ap6">i</span><span class="animated-letter slowly-appear ap7">s</span></div>
 +
      <span class="animated-letter slowly-appear ap8">&nbsp;</span>
 +
      <div style="display:inline-block;"><span class="animated-letter slowly-appear ap9">o</span><span class="animated-letter slowly-appear ap10">u</span><span class="animated-letter slowly-appear ap11">r</span>
 +
      </div>
 +
      <span class="animated-letter slowly-appear ap12">&nbsp;</span>
 +
      <div style="display:inline-block;"><span class="animated-letter slowly-appear ap13">p</span><span class="animated-letter slowly-appear ap14">r</span><span class="animated-letter slowly-appear ap15">o</span><span class="animated-letter slowly-appear ap16">j</span><span class="animated-letter slowly-appear ap17">e</span><span class="animated-letter slowly-appear ap18">c</span><span class="animated-letter slowly-appear ap19">t</span><span class="animated-letter slowly-appear ap20">?</span></div>
 
     </div>
 
     </div>
 
      
 
      
Line 695: Line 707:
 
     <div class="appearing-item double-item bounceLeft">
 
     <div class="appearing-item double-item bounceLeft">
 
     <div class="appearing-content light-beige-background" style="text-align:center; color:black; width:70%;margin:20px auto;">
 
     <div class="appearing-content light-beige-background" style="text-align:center; color:black; width:70%;margin:20px auto;">
−
       Our savior :<br />
+
       Our savior:<br />
 
       <i>Sobki the crocodile</i>
 
       <i>Sobki the crocodile</i>
 
        
 
        
Line 705: Line 717:
 
     <div class="appearing-item double-item bounceRight no-background ">
 
     <div class="appearing-item double-item bounceRight no-background ">
 
     <div class="appearing-image">
 
     <div class="appearing-image">
−
       <img src="https://static.igem.org/mediawiki/2017/4/4f/T--INSA-UPS_France--Home_Sobki.png" alt="" width="75%">
+
       <img src="T--INSA-UPS_France--Home_Sobki.png" alt="" width="75%">
 
     </div>
 
     </div>
 
     </div>
 
     </div>
Line 726: Line 738:
 
         <div class="appearing-image">
 
         <div class="appearing-image">
  
−
           <img src="https://static.igem.org/mediawiki/2017/2/21/T--INSA-UPS_France--Home_Project_Scheme.png" alt="" style="width:800px;">
+
           <img src="T--INSA-UPS_France--Home_Project_Scheme.png" alt="" style="width:800px;">
  
 
         </div>
 
         </div>

Revision as of 07:14, 3 July 2017

Croc'n Cholera
Home

What
 
is
 
cholera?

The culprit:
Vibrio cholerae
Contaminates water and affects people in developing countries, war zones and natural disaster zones
2011
Last epidemy in an occidental country
4 millions
Number of cases per year
42
Number of concerned countries
→ Implemented solutions and their problems:
Too complicated to measure out
Too complicated to set up
Too expensive

Our solution:
A synthetic biology innovative approach !

Fight V. cholerae with crocodile antimicrobial peptides !

What
 
is
 
our
 
project?
Our savior:
Sobki the crocodile
Can produce antimicrobial peptides that enables him to destroy V. cholerae in his natural habitat

Our system is made of two engineered microorganisms: Vibrio harveyi to detect V. cholerae and Pichia pastoris to produce crocodile AMPs. Thus one of our biggest challenge is to create an eukaryote-prokaryote communication system.