|
|
| Line 227: |
Line 227: |
| | -o-filter: hue-rotate(0); | | -o-filter: hue-rotate(0); |
| | -ms-filter: hue-rotate(0); | | -ms-filter: hue-rotate(0); |
| − | }
| |
| − |
| |
| − |
| |
| − | /* 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 419: |
Line 341: |
| | </section> | | </section> |
| | </div> | | </div> |
| − | </ul> | + | </ul> |
| − |
| + | |
| − | | + | |
| − |
| + | |
| | </div> | | </div> |
| − | </div> | + | </div> |
| − |
| + | |
| | </div> | | </div> |
| | | | |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − |
| |
| − | <!--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>
| |
| | | | |
| | | | |
