Difference between revisions of "Team:Pasteur Paris/Moskit devices"

 
(32 intermediate revisions by 3 users not shown)
Line 59: Line 59:
 
   margin-right: auto;
 
   margin-right: auto;
 
   width:60%;
 
   width:60%;
 +
  margin-top:7%;
 
   text-align : justify;
 
   text-align : justify;
 
   font-size: 16px  
 
   font-size: 16px  
Line 75: Line 76:
 
   font-size:16px  
 
   font-size:16px  
 
}
 
}
−
 
  
  
Line 86: Line 86:
 
   flex-wrap: wrap;
 
   flex-wrap: wrap;
 
   position:relative;
 
   position:relative;
−
   width: 80%;
+
   width: 90%;
 
   height: auto;
 
   height: auto;
 
   border: #FFFFFF  solid;
 
   border: #FFFFFF  solid;
Line 108: Line 108:
 
   position: relative;
 
   position: relative;
 
   height: 550px;  
 
   height: 550px;  
−
   margin-left:15%;
+
   margin-left:17%;
 
   margin-top:0%;
 
   margin-top:0%;
 
   text-align : justify;
 
   text-align : justify;
Line 115: Line 115:
 
   .gallery .item {
 
   .gallery .item {
 
     position: absolute;
 
     position: absolute;
−
     top: 0;
+
     top: -10%;
 
     left: 0;
 
     left: 0;
 
     width: 80%;
 
     width: 80%;
Line 203: Line 203:
 
}
 
}
 
.gallery .control-operator:nth-of-type(3):target ~ .controls .control-item:nth-of-type(3) {
 
.gallery .control-operator:nth-of-type(3):target ~ .controls .control-item:nth-of-type(3) {
 +
  color: #17A3B5 ;
 +
  color: #17A3B5 ;
 +
}
 +
.gallery .control-operator:nth-of-type(4):target ~ .item:nth-of-type(4) {
 +
  opacity: 1;
 +
}
 +
.gallery .control-operator:nth-of-type(4):target ~ .controls .control-item:nth-of-type(4) {
 
   color: #17A3B5 ;
 
   color: #17A3B5 ;
 
   color: #17A3B5 ;  
 
   color: #17A3B5 ;  
 
}
 
}
  
 +
.gallery .control-operator:nth-of-type(5):target ~ .item:nth-of-type(5) {
 +
  opacity: 1;
 +
}
 +
.gallery .control-operator:nth-of-type(5):target ~ .controls .control-item:nth-of-type(5) {
 +
  color: #17A3B5 ;
 +
  color: #17A3B5 ;
 +
}
  
  
Line 246: Line 260:
  
 
     <div id="introduction1"><p>
 
     <div id="introduction1"><p>
−
     <center><img src="https://static.igem.org/mediawiki/2016/6/68/Device_1_pasteur.png" width="95%" alt=""/></center></br></br></br>
+
     <center><img src="https://static.igem.org/mediawiki/2016/d/d2/T--Pasteur_Paris--Device_1_pasteur.png" width="95%" alt=""/></center></br></br></br>
 
The patch is the core of our project, but it is only one part of a three part system that includes : a <B>mosquito trap</B>, a safe <B>analysis tool</B> and a <B>database</B>. It was very important for us to design all three parts of this system in a way that is user-friendly so no scientific background is needed to use it. Additionally, it had to be a <B>safe system</B>.</br></br></p></div>
 
The patch is the core of our project, but it is only one part of a three part system that includes : a <B>mosquito trap</B>, a safe <B>analysis tool</B> and a <B>database</B>. It was very important for us to design all three parts of this system in a way that is user-friendly so no scientific background is needed to use it. Additionally, it had to be a <B>safe system</B>.</br></br></p></div>
  
Line 255: Line 269:
 
<div id="video" style="margin-left:5%">  
 
<div id="video" style="margin-left:5%">  
 
<video width=66% height=61% controls>
 
<video width=66% height=61% controls>
−
   <source src="https://static.igem.org/mediawiki/2016/d/d3/Mosquito_trap_user_guide_pasteur.mp4" type="video/mp4">
+
   <source src="https://static.igem.org/mediawiki/2016/a/aa/T--Pasteur_Paris--Mosquito_trap_user_guide_pasteur.mp4" type="video/mp4">
 
</video>
 
</video>
 
</div></center></figure></div>
 
</div></center></figure></div>
Line 270: Line 284:
 
<div id="video" style="margin-left:5%">  
 
<div id="video" style="margin-left:5%">  
 
<video width=66% height=61% controls>
 
<video width=66% height=61% controls>
−
   <source src="https://static.igem.org/mediawiki/2016/c/ce/TRAP_SCENARIO_PASTEUR.mp4" type="video/mp4">
+
   <source src="https://static.igem.org/mediawiki/2016/7/79/T--Pasteur_Paris--PasteurParisgif_trap-HD.mp4" type="video/mp4">
 
</video>
 
</video>
 
</div></center></figure>
 
</div></center></figure>
 
</p>
 
</p>
 +
 +
<h2><B>FIXATION STRATEGIES</B></h2>
 +
 +
<div id="text3"><p></br>We designed a system that allows to hang the trap around a tree or a pole. You also can fix it to a dedicated stake that you can dig in the ground. With those two possibilities, you can use the Mos(kit)o trap <B>almost everywhere</B>. </br></br></br>
 +
</p></div>
 +
 +
 +
<div class="gallery">
 +
    <div id="class="control-item" " class="control-operator"></div>
 +
    <div id="item-2" class="control-operator"></div>
 +
    <div id="item-3" class="control-operator"></div>
 +
 +
    <figure class="item">   
 +
      <p><div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/8/85/T--Pasteur_Paris--PasteurParispiegepique.jpg"  alt="" /></a></center></div> 
 +
    </p>
 +
    </figure>
 +
 +
    <figure class="item">
 +
      <p><div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/a/ad/T--Pasteur_Paris--PasteurParisBDpiegesale.jpg"  alt="" /></a></center></div>
 +
    </figure></p>
 +
 +
    <figure class="item">
 +
      <p><div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/5/5f/T--Pasteur_Paris--PasteurParisplanpiege2.jpg"  alt="" /></a></center></div>
 +
    </figure></p>
 +
 +
 +
    <div class="controls">
 +
      <a class="control-item" href="#item-1">•</a>
 +
      <a class="control-item" href="#item-2">•</a>
 +
      <a class="control-item" href="#item-3">•</a>
 +
 +
    </div>
 +
  </div>
  
 
<h2><B>ANALYSIS KIT</B></h2>
 
<h2><B>ANALYSIS KIT</B></h2>
Line 279: Line 326:
 
<div id="video" style="margin-left:5%">  
 
<div id="video" style="margin-left:5%">  
 
<video width=66% height=61% controls>
 
<video width=66% height=61% controls>
−
   <source src="https://static.igem.org/mediawiki/2016/c/ce/Device_3bis_pasteur.mp4" type="video/mp4">
+
   <source src="https://static.igem.org/mediawiki/2016/5/53/T--Pasteur_Paris--KitanalysePasteurParis2016-2.mp4" type="video/mp4">
 
Your browser does not support the video tag.
 
Your browser does not support the video tag.
 
</video>
 
</video>
Line 299: Line 346:
 
<div id="video" style="margin-left:5%">  
 
<div id="video" style="margin-left:5%">  
 
<video width=66% height=61% controls>
 
<video width=66% height=61% controls>
−
   <source src="https://static.igem.org/mediawiki/2016/2/21/Video_stopmotion_syst_analyse_pasteur.mp4" type="video/mp4">
+
   <source src="https://static.igem.org/mediawiki/2016/f/fe/T--Pasteur_Paris--PasteurParisgifsystme_analyse-HD.mp4" type="video/mp4">
 
Your browser does not support the video tag.
 
Your browser does not support the video tag.
 
</video>
 
</video>
Line 306: Line 353:
  
  
−
<h2><B>APPLICATION</B></h2>
+
<h2><B>APPLICATION</B></h2></br>
 
<div class="gallery">
 
<div class="gallery">
 
     <div id="class="control-item" " class="control-operator"></div>
 
     <div id="class="control-item" " class="control-operator"></div>
−
     <div id="item-2" class="control-operator"></div>
+
     <div id="item-5" class="control-operator"></div>
  
  
 
     <figure class="item">     
 
     <figure class="item">     
−
       <p><div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/6/68/Ordi_iphone_1_pasteur.png"  alt="" /></a></center></div>   
+
       <p><div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/2/25/T--Pasteur_Paris--Ordi_iphone_1_pasteur.png"  alt="" /></a></center></div>   
 
     </p>
 
     </p>
 
     </figure>
 
     </figure>
  
 
     <figure class="item">
 
     <figure class="item">
−
       <p><div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/e/ea/Ordi_iphone_2_pasteur.png"  alt="" /></a></center></div>
+
       <p><div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/0/00/T--Pasteur_Paris--Ordi_iphone_2_pasteur.png"  alt="" /></a></center></div>
 
     </figure>
 
     </figure>
  
  
 
     <div class="controls">
 
     <div class="controls">
−
       <a class="control-item" href="#item-1">•</a>
+
       <a class="control-item" href="#item-4">•</a>
−
       <a class="control-item" href="#item-2">•</a>
+
       <a class="control-item" href="#item-5">•</a>
  
 
     </div>
 
     </div>
−
   </div>
+
   </div></br></br></br></br></br>
−
 
+
<div id="introduction1"><p>
 +
    <center><img src="https://static.igem.org/mediawiki/2016/b/be/T--Pasteur_Paris--mapIpad.png" width="90%" alt=""/></center></br></p></div>
  
 
<div id="introduction3"><p>
 
<div id="introduction3"><p>
−
   Once the analysis is done, the result is entered in a <B>database</B> that automatically generates a mapping of the results. It allows a clear visualization of the location of infected mosquitoes.The website is composed of a <B>public area where everybody can consult the maps</B> and be given prevention advice.</br></br>
+
   Once the analysis is done, the result is entered in a <B>database</B> that automatically generates a mapping of the results. It allows a clear visualization of the location of infected mosquitoes. The website is composed of a <B>public area where everybody can consult the maps</B> and be given prevention advice.</br></br>
  
 
The other part is accessible only with a personal account by the local administrators to enter the results and communicate with collaborators. Thus, we have also implemented the <B>security component of data manipulation</B> in Mos(kit)o.
 
The other part is accessible only with a personal account by the local administrators to enter the results and communicate with collaborators. Thus, we have also implemented the <B>security component of data manipulation</B> in Mos(kit)o.
  
 
If you want, you can see the prototype of our website here:  
 
If you want, you can see the prototype of our website here:  
−
<a href="http://moskit.esy.es"><FONT size="3pt"><B>http://moskit.esy.es</B></FONT></a>
+
<a href="http://moskit.esy.es"><FONT size="4pt"><B>http://moskit.esy.es</B></FONT></a>
  
 
</p></div>
 
</p></div>

Latest revision as of 02:35, 20 October 2016