Difference between revisions of "Template:Pasteur Paris HumanPractice"

Line 11: Line 11:
 
   background-attachment:fixed;
 
   background-attachment:fixed;
 
   width:100%;
 
   width:100%;
 +
  height:100%;
 
}
 
}
  
Line 21: Line 22:
 
   text-align: center;
 
   text-align: center;
 
   font-family: Tahoma, sans-serif;
 
   font-family: Tahoma, sans-serif;
 +
  table width="50%";
 
}
 
}
 
   
 
   
Line 50: Line 52:
 
  position: relative;
 
  position: relative;
 
  top:-110px;
 
  top:-110px;
−
  left:200px;
+
  left:150px;
 
   
 
   
 
}
 
}
Line 103: Line 105:
 
}
 
}
 
#menu2 li:nth-child(4){
 
#menu2 li:nth-child(4){
−
background-color: #FFFFFF;
+
background-color: #F5F5FF;
  
 
}
 
}
 +
 
#menu2 li:nth-child(5){
 
#menu2 li:nth-child(5){
−
background-color: #F5F5FF;
+
background-color:#FFFFFF;
  
 
}
 
}
 +
 
#menu2 li:nth-child(6){
 
#menu2 li:nth-child(6){
−
background-color: #FFFFFF;
 
−
 
−
}
 
−
 
−
#menu2 li:nth-child(7){
 
 
background-color: #FFFFFF;
 
background-color: #FFFFFF;
  
Line 133: Line 132:
 
background:#F08080;
 
background:#F08080;
 
}
 
}
 +
 
#menu2 li:nth-child(5) li{
 
#menu2 li:nth-child(5) li{
−
background:#ADD8E6;
 
−
}
 
−
#menu2 li:nth-child(6) li{
 
 
background:#00CED1;
 
background:#00CED1;
 
}
 
}
  
−
#menu2 li:nth-child(7) li{
+
#menu2 li:nth-child(6) li{
 
background:#CD5C5C;
 
background:#CD5C5C;
 
}
 
}
Line 229: Line 226:
 
}
 
}
  
 +
/* CSS de l’abstract*/
  
 +
/*l'abstract sur le coté*/
 +
/*fixer une largeur à notre volet (et quelques couleurs) et à notre lien.*/
 +
 +
#volet_clos{
 +
position: relative;
 +
z-index:999;
 +
}
 +
 +
#volet {
 +
    z-index:999;   
 +
    width: 800px;
 +
    padding: 40px;
 +
    margin: 50px;
 +
    background: #FFFACD;  color: #000000;
 +
}
 +
 +
#volet a.ouvrir,
 +
#volet a.fermer  {
 +
    padding: 10px 25px;
 +
    background: #555;
 +
    color: #fff;
 +
    text-decoration: none;
 +
}
 +
 +
/*décalons le volet en dehors de l'écran en ne faisant ressortir que notre lien*/
 +
 +
#volet {
 +
    position: fixed;
 +
    left: -940px;
 +
    top: 300px;
 +
}
 +
#volet a.ouvrir,
 +
#volet a.fermer {
 +
    position: absolute;
 +
    right: -88px;
 +
    top: 80px;
 +
 +
    /* quelques styles CSS3 */
 +
    -ms-transform: rotate(270deg);
 +
    -moz-transform: rotate(270deg);
 +
    -webkit-transform: rotate(270deg);
 +
    transform: rotate(270deg);
 +
    border-radius: 0 0 8px 8px;
 +
}
 +
 +
/*préparer la transition sur le volet.*/
 +
#volet {
 +
    -webkit-transition: all .5s ease-in;
 +
    transition: all .5s ease-in;
 +
}
 +
 +
/*déterminer à quel moment nous allons faire sortir le volet.*/
 +
#volet:target {
 +
    left: 0;
 +
}
 +
 +
/*par défaut notre lien .fermer doit être caché donc*/
 +
#volet a.fermer {
 +
    display: none;
 +
}
 +
 +
/*Maintenant nous devons faire notre décalage inverse du volet. Pour se faire nous effectuerons notre déplacement lorsque l'élément ciblé par notre lien "Fermer" le sera (ciblé).*/
 +
 +
#volet_clos:target #volet {
 +
    left: -940px;
 +
}
 +
 +
/*Pour le faire apparaitre, nous devons cacher notre lien "Ouvrir" et afficher notre lien "Fermer" lorsque le volet s'ouvre*/
 +
#volet:target a.ouvrir {
 +
    display: none;
 +
}
 +
#volet:target a.fermer {
 +
    display: block;
 +
}
  
  
Line 259: Line 331:
 
<div id="position-menu2" >
 
<div id="position-menu2" >
 
     <ul id="menu2" >
 
     <ul id="menu2" >
−
   <li><a href=" https://2016.igem.org/Team:Pasteur_Paris/AboutUs "><center><img src="https://static.igem.org/mediawiki/2016/9/90/Logo_team_pasteur.png" height="45px" width="45px"></center><b></b><FONT size ="3.5pt"color=#8B8378><br>About us</br></FONT></a >
+
   <li><a href=" https://2016.igem.org/Team:Pasteur_Paris/AboutUs "><center><img src="https://static.igem.org/mediawiki/2016/9/90/Logo_team_pasteur.png" height="40px" width="40px"></center><b></b><FONT size ="3pt"color=#8B8378><br>About us</br></FONT></a >
 
     <ul>
 
     <ul>
 
       <li><a href=" https://2016.igem.org/Team:Pasteur_Paris/AboutUs " href "#about us">Our team</a></li>   
 
       <li><a href=" https://2016.igem.org/Team:Pasteur_Paris/AboutUs " href "#about us">Our team</a></li>   
Line 266: Line 338:
 
     </ul>
 
     </ul>
 
   </li>
 
   </li>
−
  <li><a href=" https://2016.igem.org/Team:Pasteur_Paris/Project "><center><img src="https://static.igem.org/mediawiki/2016/a/a5/Science.png" height="45px" width="45px"></center><b></b><FONT size ="3.5pt" color=#8B8378><br>Project</br></FONT></a >
+
  <li><a href=" https://2016.igem.org/Team:Pasteur_Paris/Project "><center><img src="https://static.igem.org/mediawiki/2016/a/a5/Science.png" height="40px" width="40px"></center><b></b><FONT size ="3pt" color=#8B8378><br>Project</br></FONT></a >
 
     <ul>
 
     <ul>
−
       <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Project">Overview</a></li>
+
       <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Project">Abstract</a></li>
−
       <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Project">Design</a></li>
+
       <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Project">Our Aim</a></li>
−
       <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Project">Labwork </a></li>
+
       <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Project">Design </a></li>
−
      <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Project">Human practice </a></li>
+
−
 
+
−
 
+
 
     </ul>
 
     </ul>
 
   </li>
 
   </li>
  
−
 
+
   <li><a href=" https://2016.igem.org/Team:Pasteur_Paris/Science "><center><img src="https://static.igem.org/mediawiki/2016/archive/a/af/20160811084846%21WetLab.png" height="40px" width="40px" alt=""></center><b></b><FONT size ="3pt" color=#8B8378><br>Science </br></FONT></a>
−
  <li><a href=" https://2016.igem.org/Team:Pasteur_Paris/Design "><center><img src="https://static.igem.org/mediawiki/2016/9/92/Project.png" height="45px" width="45px" alt=""></center><b></b><FONT size ="3.5pt" color=#8B8378><br>Design </br></FONT></a>
+
−
    <ul>
+
−
      <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Conception ">Conception</a></li>
+
−
      <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Scenario ">Scenario</a></li>
+
−
    </ul>
+
−
  </li>
+
−
 
+
−
 
+
−
 
+
−
   <li><a href=" https://2016.igem.org/Team:Pasteur_Paris/Science "><center><img src="https://static.igem.org/mediawiki/2016/archive/a/af/20160811084846%21WetLab.png" height="45px" width="45px" alt=""></center><b></b><FONT size ="3.5pt" color=#8B8378><br>Labwork </br></FONT></a>
+
 
     <ul>
 
     <ul>
−
      <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Science ">Protocol</a></li>
+
      <li><a href="https://2016.igem.org/Team:Pasteur_Paris/ThePatch ">The patch</a></li>
 
       <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Netbook ">Notebook</a></li>
 
       <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Netbook ">Notebook</a></li>
 
       <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Results ">Results</a></li>
 
       <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Results ">Results</a></li>
 
     </ul>
 
     </ul>
 
   </li>
 
   </li>
−
 
 
   
 
   
−
<li><a href=" https://2016.igem.org/Team:Pasteur_Paris/HumanPractice "><center><img src="https://static.igem.org/mediawiki/2016/f/f5/HP.png  " height="45px" width="45px"><b></b><FONT size ="3.5pt" color=#8B8378></center><br>Human Practice</br></FONT></a>     
+
<li><a href=" https://2016.igem.org/Team:Pasteur_Paris/HumanPractice "><center><img src="https://static.igem.org/mediawiki/2016/f/f5/HP.png  " height="40px" width="40px"><b></b><FONT size ="3pt" color=#8B8378></center><br>Human Practice</br></FONT></a>     
 
   <ul>
 
   <ul>
 +
      <li><a href="https://2016.igem.org/Team:Pasteur_Paris/law"> Law</a></li>
 
       <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Outreach">Outreach</a></li>
 
       <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Outreach">Outreach</a></li>
 
       <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Collaborations"> Collaborations</a></li>
 
       <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Collaborations"> Collaborations</a></li>
−
      <li><a href="https://2016.igem.org/Team:Pasteur_Paris/ProfessionalAdvice"> Professional advice</a></li>
 
−
      <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Law"> Law</a></li>
 
 
       <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Events"> Events</a></li>
 
       <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Events"> Events</a></li>
 
     </ul>
 
     </ul>
 
   </li>
 
   </li>
  
−
<li><a href=" https://2016.igem.org/Team:Pasteur_Paris/Parts  "><center><img src="https://static.igem.org/mediawiki/2016/e/e7/BB.png" height=" class="space"45px" width="45px"></center><b></b><FONT size ="3.5pt" color=#8B8378><br>Parts</br></FONT> </a>
+
<li><a href=" https://2016.igem.org/Team:Pasteur_Paris/Parts  "><center><img src="https://static.igem.org/mediawiki/2016/e/e7/BB.png" height=" class="space"40px" width="40px"></center><b></b><FONT size ="3pt" color=#8B8378><br>Parts</br></FONT> </a>
 
     <ul>
 
     <ul>
 
       <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Parts">Description</a></li>
 
       <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Parts">Description</a></li>
Line 314: Line 371:
 
   </li>
 
   </li>
  
−
<li><a href=" https://2016.igem.org/Team:Pasteur_Paris/Achievements  "><img src="https://static.igem.org/mediawiki/2016/b/bd/Achievements_Pasteur_2016.png" class="space"height="45" width="45px"><b></b><FONT size ="3.5pt" color=#8B8378><br>Achievements</br></FONT> </a>
+
<li><a href=" https://2016.igem.org/Team:Pasteur_Paris/Achievements  "><img src="https://static.igem.org/mediawiki/2016/b/bd/Achievements_Pasteur_2016.png" height=" class="space"40px" width="40px"><b></b><FONT size ="3pt" color=#8B8378><br>Achievements</br></FONT> </a>
 
     <ul>
 
     <ul>
 
       <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Achievements">Medals Criteria</a></li>
 
       <li><a href="https://2016.igem.org/Team:Pasteur_Paris/Achievements">Medals Criteria</a></li>
Line 351: Line 408:
  
  
−
<div id="logoMOSKIT"><a href=" https://2016.igem.org/Team:Pasteur_Paris " id=mainpage><img class="GIF" alt="http://imagizer.imageshack.us/a/img922/9439/1kY2Ez.gif" src="http://imagizer.imageshack.us/a/img922/9439/1kY2Ez.gif" height="100px" width="130px"></img></a></div>
+
<div id="logoMOSKIT"><a href="https://2016.igem.org/Team:Pasteur_Paris" id=mainpage><img class="GIF" alt="http://imagizer.imageshack.us/a/img922/9439/1kY2Ez.gif" src="http://imagizer.imageshack.us/a/img922/9439/1kY2Ez.gif" height="100px" width="130px"></img></a></div>
  
 +
 +
 +
<!--abstract sur le coté-->
 +
<div id="volet_clos">
 +
    <div id="volet">
 +
        <p>Vector-borne (re) emerging diseases are responsible for severe epidemics worldwide. In most cases, vaccines or treatments are not available, and insecticides are the primary source for vector control. </p>
 +
      <p>Consequently, over spraying of insecticides impacts the environment and leads to the selection of insecticide resistant mosquitoes. </p>
 +
      <p>Therefore, we developed a novel diagnostic device, Mos(kit)o that includes a fixed or mobile mosquito trap and a biosilica cellulose composite patch from genetically modified Escherichia coli.</p> <p>The design of the patch creates a multilayered matrix coated with antibodies capable of detecting a wide panel of vector-borne pathogens and insecticide resistant proteins from captured mosquitoes.</p>
 +
      <p>Additionally, the patch will have 2D barcoded readouts, generating an environmental surveillance database. A precise map of vector hot spots will provide a better assessment and response to vector-borne diseases, assisting local health authorities with anticipating and preparing for an epidemic. Our tool will be user-friendly, safe, and applicable.</p>
 +
   
 +
        <a href="#volet" class="ouvrir">Our Abstract!</a>
 +
      <a href="#volet_clos" class="fermer" aria-hidden="true"> To close !</a>
 +
    </div>
 +
</div>
  
  
Line 358: Line 429:
  
 
</body>
 
</body>
 +
</html>

Revision as of 16:02, 23 August 2016

Titre

http://imagizer.imageshack.us/a/img922/9439/1kY2Ez.gif

Vector-borne (re) emerging diseases are responsible for severe epidemics worldwide. In most cases, vaccines or treatments are not available, and insecticides are the primary source for vector control.

Consequently, over spraying of insecticides impacts the environment and leads to the selection of insecticide resistant mosquitoes.

Therefore, we developed a novel diagnostic device, Mos(kit)o that includes a fixed or mobile mosquito trap and a biosilica cellulose composite patch from genetically modified Escherichia coli.

The design of the patch creates a multilayered matrix coated with antibodies capable of detecting a wide panel of vector-borne pathogens and insecticide resistant proteins from captured mosquitoes.

Additionally, the patch will have 2D barcoded readouts, generating an environmental surveillance database. A precise map of vector hot spots will provide a better assessment and response to vector-borne diseases, assisting local health authorities with anticipating and preparing for an epidemic. Our tool will be user-friendly, safe, and applicable.

Our Abstract!