Difference between revisions of "Template:Pasteur Paris Science"

(Created page with "<html lang="en-US"> <link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'> <style type="text/css"> body { color:bl...")
 
Line 3: Line 3:
 
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
 
<link href='https://fonts.googleapis.com/css?family=Open+Sans:400,300,700' rel='stylesheet' type='text/css'>
 
<style type="text/css">
 
<style type="text/css">
 +
 +
 +
<script>
 +
 +
// This is the jquery part of your template.  Try not modify any of this code since it makes your menu work.
 +
 +
$(document).ready(function() {
 +
 +
$("#HQ_page").attr('id','');
 +
 +
 +
if ( wgPageName.substring( 0,  8) == "Template")  {  // if the page is a template it displays the full name in a single line
 +
$("#team_name").html( wgPageName );
 +
}
 +
 +
else if (  ( (wgPageName.match(/\//g) || []).length ) == 0 ) {  // if it is the home page , just print the team's name
 +
$("#team_name").html( wgPageName.substring( 5, wgPageName.length ) );
 +
}
 +
 +
else {
 +
// this adds the team's name as an h1
 +
$("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/")  ) );
 +
 +
// this adds the page's title as an h4
 +
$("#page_name").html (    ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ")  );
 +
}
 +
 +
 +
 +
 +
$('#accordion').find('.menu_item').click(function(){
 +
 +
//Expand or collapse this panel
 +
submenu = $(this).find('.submenu');
 +
submenu.toggle();
 +
 +
icon = $(this).find('.icon');
 +
 +
if ( !$( submenu ).is(':visible') ) {
 +
icon.removeClass("less").addClass("plus");
 +
}
 +
else {
 +
icon.removeClass("plus").addClass("less");
 +
}
 +
 +
//Hide the other panels
 +
$(".submenu").not(submenu).hide();
 +
$(".icon").not(icon).removeClass("less").addClass("plus");
 +
});
 +
 +
 +
$(".collapsable_menu_control").click(function() {
 +
$(".menu_item").toggle();
 +
});
 +
 +
$( window ).resize(function() {
 +
$(".menu_item").show();
 +
});
 +
 +
 +
});
 +
 +
 +
</script>
 +
 +
 +
  
  
Line 195: Line 262:
 
display: inline;
 
display: inline;
 
position: relative;
 
position: relative;
−
top: -30px;
+
top: -80px;
 
left: -170px;
 
left: -170px;
 
height: -250px;
 
height: -250px;
Line 208: Line 275:
  
  
−
<script>
+
/* CSS de l’abstract*/
  
−
// This is the jquery part of your template.  Try not modify any of this code since it makes your menu work.
+
/*l'abstract sur le coté*/
 +
/*fixer une largeur à notre volet (et quelques couleurs) et à notre lien.*/
  
−
$(document).ready(function() {
+
#volet {
 +
    width: 800px;
 +
    padding: 40px;
 +
    margin: 50px;
 +
    background: #FFFACD;  color: #000000;
 +
}
  
−
$("#HQ_page").attr('id','');
+
#volet a.ouvrir,
−
+
#volet a.fermer  {
 +
    padding: 10px 25px;
 +
    background: #555;
 +
    color: #fff;
 +
    text-decoration: none;
 +
}
  
−
if ( wgPageName.substring( 0,  8) == "Template")  {  // if the page is a template it displays the full name in a single line
+
/*décalons le volet en dehors de l'écran en ne faisant ressortir que notre lien*/
−
$("#team_name").html( wgPageName );
+
−
}
+
  
−
else if (  ( (wgPageName.match(/\//g) || []).length ) == 0 ) { // if it is the home page , just print the team's name
+
#volet {
−
$("#team_name").html( wgPageName.substring( 5, wgPageName.length ) );  
+
    position: relative;
−
}
+
    left: -950px;
 +
    top: 60px;
 +
}
 +
#volet a.ouvrir,
 +
#volet a.fermer {
 +
    position: absolute;
 +
    right: -88px;
 +
    top: 80px;
  
−
else {
+
    /* quelques styles CSS3 */
−
// this adds the team's name as an h1
+
    -ms-transform: rotate(270deg);
−
$("#team_name").html( wgPageName.substring( 5 , wgPageName.indexOf("/")  ) );  
+
    -moz-transform: rotate(270deg);
 +
    -webkit-transform: rotate(270deg);
 +
    transform: rotate(270deg);
 +
    border-radius: 0 0 8px 8px;
 +
}
  
−
// this adds the page's title as an h4
+
/*préparer la transition sur le volet.*/
−
$("#page_name").html (     ( wgPageName.substring( wgPageName.indexOf("/") + 1, wgPageName.length ) ).replace( /\/|_/g , " ")  );
+
#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é).*/
  
−
$('#accordion').find('.menu_item').click(function(){
+
#volet_clos:target #volet {
 +
    left: -950px;
 +
}
  
−
//Expand or collapse this panel
+
/*Pour le faire apparaitre, nous devons cacher notre lien "Ouvrir" et afficher notre lien "Fermer" lorsque le volet s'ouvre*/
−
submenu = $(this).find('.submenu');
+
#volet:target a.ouvrir {
−
submenu.toggle();
+
    display: none;
 +
}
 +
#volet:target a.fermer {
 +
    display: block;
 +
}
  
−
icon = $(this).find('.icon');
 
  
−
if ( !$( submenu ).is(':visible') ) {
 
−
icon.removeClass("less").addClass("plus");
 
−
}
 
−
else {
 
−
icon.removeClass("plus").addClass("less");
 
−
}
 
  
−
//Hide the other panels
 
−
$(".submenu").not(submenu).hide();
 
−
$(".icon").not(icon).removeClass("less").addClass("plus");
 
−
});
 
−
 
−
 
−
$(".collapsable_menu_control").click(function() {
 
−
$(".menu_item").toggle();
 
−
});
 
−
 
−
$( window ).resize(function() {
 
−
$(".menu_item").show();
 
−
});
 
−
 
−
 
−
});
 
−
 
−
 
−
</script>
 
  
 
</style>
 
</style>
Line 328: Line 406:
  
  
 +
<!--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>
  
  
 
</body>
 
</body>
−
 
−
 
−
 
 
</html>
 
</html>

Revision as of 15:39, 16 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!