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

 
(25 intermediate revisions by 2 users not shown)
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 214: Line 214:
 
}
 
}
  
 +
.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 253: 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 262: 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 277: 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 291: Line 298:
 
     <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-2" class="control-operator"></div>
 
+
    <div id="item-3" 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/thumb/2/2e/PasteurParispiegesangle.jpg/800px-PasteurParispiegesangle.jpg"  alt="" /></a></center></div>   
+
       <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>
 
     </p>
 
     </figure>
 
     </figure>
  
 
     <figure class="item">
 
     <figure class="item">
       <p><div><center><a href="#"><img class="app1" src="https://static.igem.org/mediawiki/2016/4/4a/PasteurParispiegepique.jpg"  alt="" /></a></center></div>
+
       <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>
+
     </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>
  
  
Line 306: Line 317:
 
       <a class="control-item" href="#item-1">•</a>
 
       <a class="control-item" href="#item-1">•</a>
 
       <a class="control-item" href="#item-2">•</a>
 
       <a class="control-item" href="#item-2">•</a>
 +
      <a class="control-item" href="#item-3">•</a>
  
 
     </div>
 
     </div>
Line 314: 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 334: 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 341: 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-4" 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-3">•</a>
 
 
       <a class="control-item" href="#item-4">•</a>
 
       <a class="control-item" href="#item-4">•</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 371: 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