(25 intermediate revisions by 2 users not shown) | |||
Line 115: | Line 115: | ||
.gallery .item { | .gallery .item { | ||
position: absolute; | position: absolute; | ||
− | top: | + | 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/ | + | <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/ | + | <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/ | + | <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/ | + | <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/ | + | <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/ | + | <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/ | + | <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- | + | <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/ | + | <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/ | + | <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-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=" | + | <a href="http://moskit.esy.es"><FONT size="4pt"><B>http://moskit.esy.es</B></FONT></a> |
</p></div> | </p></div> |