Line 228: | Line 228: | ||
} | } | ||
+ | |||
+ | /* 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 348: | Line 425: | ||
− | + | <!--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> | ||
Revision as of 15:28, 25 August 2016
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!