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

 
(28 intermediate revisions by 2 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 85: 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 107: 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 114: Line 115:
 
   .gallery .item {
 
   .gallery .item {
 
     position: absolute;
 
     position: absolute;
−
     top: 0;
+
     top: -10%;
 
     left: 0;
 
     left: 0;
 
     width: 80%;
 
     width: 80%;
Line 202: 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 245: 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 254: 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 269: 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>
Line 277: Line 292:
  
 
  <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>
 
  <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>
−
<img src="https://static.igem.org/mediawiki/2016/thumb/2/2e/PasteurParispiegesangle.jpg/800px-PasteurParispiegesangle.jpg" width="100%" alt=""/></br></br>
+
</p></div>
−
</p></div></br>
+
 
−
<div id="text3"><p>
+
 
−
<img src="https://static.igem.org/mediawiki/2016/4/4a/PasteurParispiegepique.jpg" width="100%" alt=""/></br></br>
+
<div class="gallery">
−
</p></div></br>
+
    <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 287: 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/b/b2/KitanalysePasteurParis2016.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 307: 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 314: 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>
Line 344: Line 384:
  
 
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