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

Line 10: Line 10:
 
<html>
 
<html>
  
 +
<!-- STYLE -->
 +
<style>
 +
@font-face {
 +
  font-family: "Gatalike";
 +
  src: url('T--INSA-UPS_France--Font_Gatalike.ttf');
 +
}
 +
    body{
 +
      padding:0px;
 +
      margin:0px;
 +
    }
 +
 +
    .appearing-container{
 +
      overflow: hidden;
 +
      font-size:0;
 +
      width:80%;
 +
      margin:20px auto;
 +
      min-width: 740px;
 +
      font-family: Scope One, serif;
 +
    }
 +
    .appearing-item{
 +
      font-size:20pt;
 +
      opacity: 0;
 +
 +
    }
 +
    .appearing-item.no-background{
 +
      background: none;
 +
    }
 +
    .appearing-content{
 +
      padding:25px;
 +
      position:relative;
 +
    }
 +
    .appearing-image{
 +
      padding-left:25px;
 +
      text-align: center;
 +
    }
 +
 +
    .double-item{
 +
      width:50%;
 +
      display:table-cell;
 +
      vertical-align: top;     
 +
    }
 +
    .triple-item{
 +
      width:33%;
 +
      display:table-cell;
 +
      vertical-align: top;
 +
    }
 +
 +
    .light-green-background{
 +
      background:#aebd38;
 +
      color:white;
 +
    }
 +
    .dark-green-background{
 +
      background:#598234;
 +
 +
    }
 +
    .light-beige-background{
 +
      background:rgba(221,188,149,0.5);
 +
    }
 +
    .brown-background{
 +
      background:#7f6049;
 +
      color:white;
 +
    }
 +
 +
    .circle-year{
 +
      text-align:center;
 +
      margin:0px auto;
 +
      width:150px;
 +
      height:150px;
 +
      line-height:150px;
 +
      border-radius: 50%;
 +
      vertical-align: middle;
 +
    }
 +
    .descr-year{
 +
      margin-top:20px;
 +
      text-align:center;
 +
    }
 +
    .solutions{
 +
      text-align:center;
 +
    }
 +
 +
    /* ANIMATIONS */
 +
.appearing-item.is-visible {
 +
  opacity:1;
 +
}
 +
.appearing-item.animate-it.bounceLeft {
 +
  -webkit-animation: bounceInLeft 1s;
 +
  -moz-animation: bounceInLeft 1s;
 +
    animation: bounceInLeft 1s;
 +
  }
 +
.appearing-item.animate-it.bounceRight {
 +
  -webkit-animation: bounceInRight 1.2s;
 +
  -moz-animation: bounceInRight 1.2s;
 +
    animation: bounceInRight 1.2s;
 +
}
 +
 +
.appearing-item.animate-it.moveDown {
 +
  -webkit-animation: moveDown 0.8s;
 +
  -moz-animation: moveDown 0.8s;
 +
    animation: moveDown 0.8s;
 +
}
 +
.appearing-item.animate-it.fadeInUp {
 +
  -webkit-animation: fadeInUp 1s;
 +
  -moz-animation: fadeInUp 1s;
 +
    animation: fadeInUp 1s;
 +
}
 +
.appearing-item.animate-it.fadeInUp2 {
 +
  -webkit-animation: fadeInUp 2s;
 +
  -moz-animation: fadeInUp 2s;
 +
    animation: fadeInUp 2s;
 +
}
 +
.appearing-item.animate-it.fadeInUp3 {
 +
  -webkit-animation: fadeInUp 3s;
 +
  -moz-animation: fadeInUp 3s;
 +
    animation: fadeInUp 3s;
 +
}
 +
.appearing-item.animate-it.bounceIn {
 +
  -webkit-animation: bounceIn 2s;
 +
  -moz-animation: bounceIn 2s;
 +
    animation: bounceIn 2s;
 +
}
 +
 +
 +
 +
 +
 +
  /* KEYFRAMES FOR ANIMATIONS */
 +
 +
 +
@-webkit-keyframes bounceIn{
 +
  0% {
 +
    opacity: 0;
 +
    -webkit-transform: scale(.3);
 +
  }
 +
 +
  50% {
 +
    -webkit-transform: scale(1.05);
 +
  }
 +
 +
  70% {
 +
    -webkit-transform: scale(.9);
 +
  }
 +
 +
  100% {
 +
    opacity: 1;
 +
    -webkit-transform: scale(1);
 +
  }
 +
}
 +
 +
@-moz-keyframes bounceIn{
 +
  0% {
 +
    opacity: 0;
 +
    -moz-transform: scale(.3);
 +
  }
 +
 +
  50% {
 +
    -moz-transform: scale(1.05);
 +
  }
 +
 +
  70% {
 +
    -moz-transform: scale(.9);
 +
  }
 +
 +
  100% {
 +
    opacity: 1;
 +
    -moz-transform: scale(1);
 +
  }
 +
}
 +
 +
@keyframes bounceIn {
 +
  0% {
 +
    opacity: 0;
 +
    transform: scale(.3);
 +
  }
 +
 +
  50% {
 +
    transform: scale(1.05);
 +
  }
 +
 +
  70% {
 +
    transform: scale(.9);
 +
  }
 +
 +
  100% {
 +
    opacity: 1;
 +
    transform: scale(1);
 +
  }
 +
}
 +
 +
@-webkit-keyframes bounceInLeft{
 +
  0% {
 +
    opacity: 0;
 +
    -webkit-transform: translateX(-2000px);
 +
  }
 +
 +
  60% {
 +
    -webkit-transform: translateX(20px);
 +
  }
 +
 +
  80% {
 +
    -webkit-transform: translateX(-5px);
 +
  }
 +
 +
  100% {
 +
    opacity: 1;
 +
    -webkit-transform: translateX(0);
 +
  }
 +
}
 +
 +
@-moz-keyframes bounceInLeft{
 +
  0% {
 +
    opacity: 0;
 +
    -moz-transform: translateX(-2000px);
 +
  }
 +
 +
  60% {
 +
    -moz-transform: translateX(20px);
 +
  }
 +
 +
  80% {
 +
    -moz-transform: translateX(-5px);
 +
  }
 +
 +
  100% {
 +
    opacity: 1;
 +
    -moz-transform: translateX(0);
 +
  }
 +
}
 +
 +
@keyframes bounceInLeft {
 +
  0% {
 +
    opacity: 0;
 +
    transform: translateX(-2000px);
 +
  }
 +
 +
  60% {
 +
    transform: translateX(20px);
 +
  }
 +
 +
  80% {
 +
    transform: translateX(-5px);
 +
  }
 +
 +
  100% {
 +
    opacity: 1;
 +
    transform: translateX(0);
 +
  }
 +
}
 +
 +
 +
@-webkit-keyframes bounceInRight{
 +
  0% {
 +
    opacity: 0;
 +
    -webkit-transform: translateX(2000px);
 +
  }
 +
 +
  60% {
 +
    -webkit-transform: translateX(-20px);
 +
  }
 +
 +
  80% {
 +
    -webkit-transform: translateX(5px);
 +
  }
 +
 +
  100% {
 +
    opacity: 1;
 +
    -webkit-transform: translateX(0);
 +
  }
 +
}
 +
 +
@-moz-keyframes bounceInRight{
 +
  0% {
 +
    opacity: 0;
 +
    -moz-transform: translateX(2000px);
 +
  }
 +
 +
  60% {
 +
    -moz-transform: translateX(-20px);
 +
  }
 +
 +
  80% {
 +
    -moz-transform: translateX(5px);
 +
  }
 +
 +
  100% {
 +
    opacity: 1;
 +
    -moz-transform: translateX(0);
 +
  }
 +
}
 +
 +
@keyframes bounceInRight {
 +
  0% {
 +
    opacity: 0;
 +
    transform: translateX(2000px);
 +
  }
 +
 +
  60% {
 +
    transform: translateX(-20px);
 +
  }
 +
 +
  80% {
 +
    transform: translateX(5px);
 +
  }
 +
 +
  100% {
 +
    opacity: 1;
 +
    transform: translateX(0);
 +
  }
 +
}
 +
 +
@-webkit-keyframes moveDown{
 +
  0% {
 +
    opacity: 1;
 +
    -webkit-transform: translateY(-40px);
 +
  }
 +
 +
  100% {
 +
    opacity: 1;
 +
    -webkit-transform: translateY(0);
 +
  }
 +
}
 +
 +
@-moz-keyframes moveDown{
 +
  0% {
 +
    opacity: 1;
 +
    -moz-transform: translateY(-40px);
 +
  }
 +
 +
  100% {
 +
    opacity: 1;
 +
    -moz-transform: translateY(0);
 +
  }
 +
}
 +
 +
@keyframes moveDown {
 +
  0% {
 +
    opacity: 1;
 +
    transform: translateY(-40px);
 +
  }
 +
 +
  100% {
 +
    opacity: 1;
 +
    transform: translateY(0);
 +
  }
 +
}
 +
 +
@-webkit-keyframes fadeInUp{
 +
  0% {
 +
    opacity: 0;
 +
    -webkit-transform: translateY(20px);
 +
  }
 +
 +
  100% {
 +
    opacity: 1;
 +
    -webkit-transform: translateY(0);
 +
  }
 +
}
 +
 +
@-moz-keyframes fadeInUp{
 +
  0% {
 +
    opacity: 0;
 +
    -moz-transform: translateY(20px);
 +
  }
 +
 +
  100% {
 +
    opacity: 1;
 +
    -moz-transform: translateY(0);
 +
  }
 +
}
 +
 +
@keyframes fadeInUp {
 +
  0% {
 +
    opacity: 0;
 +
    transform: translateY(20px);
 +
  }
 +
 +
  100% {
 +
    opacity: 1;
 +
    transform: translateY(0);
 +
  }
 +
}
 +
 +
@-webkit-keyframes slowlyAppear{
 +
  from {
 +
    opacity: 0;
 +
  }
 +
  to {
 +
    opacity: 1;
 +
  }
 +
}
 +
 +
@-moz-keyframes slowlyAppear{
 +
  from {
 +
    opacity: 0;
 +
  }
 +
  to {
 +
    opacity: 1;
 +
  }
 +
}
 +
 +
@keyframes slowlyAppear {
 +
  from {
 +
    opacity: 0;
 +
  }
 +
  to {
 +
    opacity: 1;
 +
  }
 +
}
 +
 +
 +
.animated-letter {
 +
  display: inline-block;
 +
  font-weight: 100;
 +
  opacity: 0;
 +
  padding: 0;
 +
  font-size: 4.5em;
 +
}
 +
 +
.animate-it .slowly-appear{
 +
  animation-name: slowlyAppear;
 +
  animation-duration: 1s;
 +
  animation-timing: ease;
 +
  animation-fill-mode: forwards;
 +
}
 +
 +
.slowly-appear:nth-child(1) {
 +
  animation-delay: 0.1s;
 +
}
 +
 +
.slowly-appear:nth-child(2) {
 +
  animation-delay: 0.2s;
 +
}
 +
 +
.slowly-appear:nth-child(3) {
 +
  animation-delay: 0.3s;
 +
}
 +
 +
.slowly-appear:nth-child(4) {
 +
  animation-delay: 0.4s;
 +
}
 +
 +
.slowly-appear:nth-child(5) {
 +
  animation-delay: 0.5s;
 +
}
 +
.slowly-appear:nth-child(6) {
 +
  animation-delay: 0.6s;
 +
}
 +
 +
.slowly-appear:nth-child(7) {
 +
  animation-delay: 0.7s;
 +
}
 +
 +
.slowly-appear:nth-child(8) {
 +
  animation-delay: 0.8s;
 +
}
 +
 +
.slowly-appear:nth-child(9) {
 +
  animation-delay: 0.9s;
 +
}
 +
 +
.slowly-appear:nth-child(10) {
 +
  animation-delay: 1s;
 +
}
 +
 +
.slowly-appear:nth-child(11) {
 +
  animation-delay: 1.1s;
 +
}
 +
 +
.slowly-appear:nth-child(12) {
 +
  animation-delay: 1.2s;
 +
}
 +
 +
.slowly-appear:nth-child(13) {
 +
  animation-delay: 1.3s;
 +
}
 +
 +
.slowly-appear:nth-child(14) {
 +
  animation-delay: 1.4s;
 +
}
 +
 +
.slowly-appear:nth-child(15) {
 +
  animation-delay: 1.5s;
 +
}
 +
.slowly-appear:nth-child(16) {
 +
  animation-delay: 1.6s;
 +
}
 +
.slowly-appear:nth-child(17) {
 +
  animation-delay: 1.7s;
 +
}
 +
.slowly-appear:nth-child(18) {
 +
  animation-delay: 1.8s;
 +
}
 +
.slowly-appear:nth-child(19) {
 +
  animation-delay: 1.9s;
 +
}
 +
.slowly-appear:nth-child(20) {
 +
  animation-delay: 2s;
 +
}
 +
.slowly-appear:nth-child(21) {
 +
  animation-delay: 2.1s;
 +
}
 +
 +
 +
 +
.appearing-title{
 +
  color:#aebd38;
 +
  text-shadow:2px 2px black;
 +
  font-family: "Gatalike", Arial, sans-serif;
 +
  text-align: center;
 +
}
 +
 +
  </style>
 +
 +
 +
<!-- HTML -->
 
   <div class="container_section" >
 
   <div class="container_section" >
 
   <section>
 
   <section>
−
   &nbsp;
+
 
 +
<div class="appearing-container">
 +
    <div class="appearing-item bounceLeft">
 +
    <div class="appearing-image">
 +
    
 +
      <img src="T--INSA-UPS_France--Logo.png" alt="" class="center" style="height:400px;">
 +
 
 +
    </div>
 +
    </div>
 +
  </div>
 +
 
 +
 
 +
  <div class="appearing-container">
 +
  <div class="appearing-item appearing-title">
 +
    <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>
 +
      </p>
 +
    </div>
 +
   
 +
  </div>
 +
  </div>
 +
 
 +
  <div class="appearing-container">
 +
    <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;">
 +
      The culprit : <br />
 +
      <i>Vibrio cholerae</i>
 +
     
 +
    </div>
 +
    <div class="appearing-content" style="text-align:center; color:black; width:70%;margin:auto auto;font-size:18pt;">
 +
      Contaminates water and affects people in developing countries, war zones and natural disaster zones   
 +
    </div>
 +
    </div>
 +
    <div class="appearing-item double-item bounceRight no-background ">
 +
    <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%">
 +
    </div>
 +
    </div>
 +
  </div>
 +
 
 +
  <div class="appearing-container">
 +
    <div class="appearing-item triple-item fadeInUp">
 +
    <div class="appearing-content ">
 +
      <div class="circle-year brown-background">
 +
        <b>2011</b>
 +
      </div>
 +
      <div class="descr-year">
 +
        Last epidemy in an occidental country
 +
      </div>
 +
    </div>
 +
    </div>
 +
    <div class="appearing-item triple-item fadeInUp2 ">
 +
    <div class="appearing-content">
 +
      <div class="circle-year brown-background">
 +
        <b>4 millions</b>
 +
      </div>
 +
      <div class="descr-year">
 +
        Number of cases per year
 +
      </div>
 +
    </div>
 +
    </div>
 +
    <div class="appearing-item triple-item fadeInUp3 ">
 +
    <div class="appearing-content">
 +
      <div class="circle-year brown-background">
 +
        <b>42</b>
 +
      </div>
 +
      <div class="descr-year">
 +
        Number of concerned countries
 +
      </div>
 +
    </div>
 +
    </div>
 +
  </div>
 +
 
 +
 
 +
  <div class="appearing-container">
 +
  <div class="appearing-item bounceIn">
 +
    <!--div class="dark-green-background" style="height:500px; width:70%; margin:0px auto;text-align:center; font-weight: bold;">
 +
      <br />
 +
      <br />
 +
      Video about <br />context &amp; cholera
 +
    </div>-->
 +
    <div class="appearing-content" style="text-align: center;">
 +
      <video width="640" height="480" controls>
 +
        <source src="T--INSA-UPS_France--Home_context.mp4" type="video/mp4">
 +
      Your browser does not support the video tag.
 +
      </video>
 +
 
 +
    </div>
 +
 
 +
  </div>
 +
  </div>
 +
 
 +
  <div class="appearing-container">
 +
  <div class="appearing-item bounceIn">
 +
    <div class="appearing-content" style="text-align:center;">
 +
      <b>&rarr; Implemented solutions and their problems : </b>
 +
    </div>
 +
 
 +
  </div>
 +
  </div>
 +
 
 +
 
 +
  <div class="appearing-container">
 +
     
 +
      <div class="appearing-item triple-item fadeInUp">
 +
      <div class="appearing-content">
 +
        <div class="solutions">
 +
          <img src="https://static.igem.org/mediawiki/2017/4/41/T--INSA-UPS_France--Home_Solutions1.png" alt="" style="width:200px;">
 +
        </div>
 +
        <div class="descr-year">
 +
          Too complicated to measure out
 +
        </div>
 +
      </div>
 +
      </div>
 +
      <div class="appearing-item triple-item fadeInUp2">
 +
      <div class="appearing-content">
 +
        <div class="solutions">
 +
          <img src="https://static.igem.org/mediawiki/2017/5/52/T--INSA-UPS_France--Home_Solutions2.png" alt="" style="width:200px;">
 +
        </div>
 +
        <div class="descr-year">
 +
          Too complicated to set up for big volumes
 +
        </div>
 +
      </div>
 +
      </div>
 +
      <div class="appearing-item triple-item fadeInUp3">
 +
      <div class="appearing-content">
 +
        <div class="solutions">
 +
          <img src="https://static.igem.org/mediawiki/2017/f/f7/T--INSA-UPS_France--Home_Solutions3.pngT--INSA-UPS_France--Home_Solutions3.png" alt="" style="width:200px;">
 +
        </div>
 +
        <div class="descr-year">
 +
          Too expensive
 +
        </div>
 +
      </div>
 +
      </div>
 +
    </div>
 +
 
 +
 
 +
  <div class="appearing-container">
 +
  <div class="appearing-item bounceRight">
 +
    <div class="appearing-content">
 +
      <p style="color:#598234; font-weight: bold; font-size:20pt; text-align:center;">
 +
        Our solution : <br />
 +
        A synthetic biology innovative approach !
 +
      </p>
 +
    </div>
 +
    <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%">
 +
    </div>
 +
    <div class="appearing-content">
 +
      <p style="color:#598234; font-weight: bold; font-size:20pt; text-align:center;">
 +
        Fight <i>V. cholerae</i> with crocodile antimicrobial peptides !
 +
      </p>
 +
    </div>
 +
  </div>
 +
  </div>
 +
 
 +
  <div class="appearing-container">
 +
  <div class="appearing-item appearing-title">
 +
    <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>
 +
   
 +
  </div>
 +
  </div>
 +
 
 +
    <div class="appearing-container">
 +
    <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;">
 +
      Our savior :<br />
 +
      <i>Sobki the crocodile</i>
 +
     
 +
    </div>
 +
    <div class="appearing-content" style="text-align:center; color:black; width:80%;margin:auto auto;font-size:18pt;">
 +
      Can produce antimicrobial peptides that enables him to destroy <i>V. cholerae</i> in his natural habitat     
 +
    </div>
 +
    </div>
 +
    <div class="appearing-item double-item bounceRight no-background ">
 +
    <div class="appearing-image">
 +
      <img src="croco.png" alt="" width="75%">
 +
    </div>
 +
    </div>
 +
  </div>
 +
 
 +
 
 +
 
 +
    <div class="appearing-container">
 +
      <div class="appearing-item fadeInUp">
 +
        <div class="appearing-content">
 +
      <p style="text-align:center;">
 +
        Our system is made of two engineered microorganisms: <i>Vibrio harveyi</i> to detect <i>V. cholerae</i> and <i>Pichia pastoris</i> to produce crocodile AMPs. Thus one of our biggest challenge is to create an eukaryote-prokaryote communication system.
 +
      </p>
 +
        </div>
 +
      </div>
 +
    </div>
 +
 
 +
    <div class="appearing-container" style="margin-bottom: 100px;">
 +
      <div class="appearing-item fadeInUp">
 +
        <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;">
 +
 
 +
        </div>
 +
      </div>
 +
    </div>
 +
 
 +
 
 
   </section>
 
   </section>
 
   </div>
 
   </div>
Line 24: Line 744:
 
{{INSA-UPS_France/script_scroll}}
 
{{INSA-UPS_France/script_scroll}}
 
{{INSA-UPS_France/script_carousel}}
 
{{INSA-UPS_France/script_carousel}}
 +
<html>
 +
<script>
 +
   
 +
  var appearingBlocks = $('.appearing-item'),
 +
    offset = 0.8;
 +
   
 +
 +
  $(window).on('scroll', function(){
 +
    appearingBlocks.each(function(){
 +
      var docView = $(window).scrollTop();
 +
      var docViewBottom = docView+$(window).height();
 +
      var elemTop = $(this).offset().top;
 +
      var offset = $(window).height()/4;
 +
 +
      if((elemTop+offset < docViewBottom)){
 +
        if(!$(this).hasClass('is-visible')){
 +
          $(this).addClass('animate-it');
 +
          $(this).addClass('is-visible');
 +
        }
 +
       
 +
      }
 +
     
 +
    });
 +
  });
 +
 +
 +
 +
  </script>
 +
</html>

Revision as of 14:17, 29 June 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 for big volumes
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.