Difference between revisions of "Team:Pasteur Paris"

 
(98 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{Pasteur_Paris}}
 
{{Pasteur_Paris}}
 +
 
<html>
 
<html>
  
 
<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">
 +
 +
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' />
  
  
Line 15: Line 18:
 
div#accueil{
 
div#accueil{
 
  position: relative;
 
  position: relative;
−
  top: -120px;
+
  top: -100px;
−
  left: 50px;
+
  left: 0%;
 
}
 
}
  
Line 25: Line 28:
 
color:#777;
 
color:#777;
 
}
 
}
−
h1, h2 {
+
 
−
text-align:center;
+
 
−
margin-top:0;
+
 
 +
h1{
 +
        font-family: 'Oswald', Arial, sans-serif;
 +
        margin-top:3%;
 +
padding:50px 30px 30px 30px;
 +
font-size:40px;
 +
color:#333;
 +
text-align:left, center;
 
}
 
}
−
h1 {
+
h1 span{
−
padding: 1em 0;
+
    display:block;
−
margin-left: 1.5em;
+
font-size: 18px;
−
font-size: 2.5em;
+
    font-family: Georgia, serif;
−
font-family: 'Amaranth', Arial, Verdana, sans-serif;
+
color:#17A3B5;
 +
padding-top:20px;
 
}
 
}
−
h1 span {
+
 
−
display:block;
+
h2{
−
margin: 0.75em 0 0 -2em;
+
        font-family: 'Oswald', Arial, sans-serif;
−
line-height: 1em;
+
        margin-top:5%;
−
font-size: 0.55em;
+
padding:50px 30px 30px 30px;
−
}
+
font-size:40px;
−
h1 .cursive {
+
color:#333;
−
margin: 0 0 0 -3em;
+
text-align:left, center;
−
font-size: 1.1em;
+
−
line-height:0.5em;
+
−
color: #00CED1;
+
 
}
 
}
 +
 
figure {  
 
figure {  
 
display: inline-block;  
 
display: inline-block;  
Line 63: Line 72:
 
left:-9999px;
 
left:-9999px;
 
}
 
}
−
.cursive {
+
 
−
font-family: 'Trebuchet SM', Georgia;
+
−
}
+
 
.center {
 
.center {
 
text-align: center;
 
text-align: center;
Line 82: Line 89:
 
background: -ms-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
 
background: -ms-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
 
background: -o-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
 
background: -o-linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
−
background: linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
+
background: linear-gradient(#FFF, #FFF 20%, #EEE 80%, #DDD);
−
+
 
-webkit-border-radius: 2px 2px 2px 2px;
 
-webkit-border-radius: 2px 2px 2px 2px;
 
-moz-border-radius: 2px 2px 2px 2px;
 
-moz-border-radius: 2px 2px 2px 2px;
−
border-radius: 2px 2px 2px 2px;
+
border-radius: 2px 2px 2px 2px;
−
+
 
-webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
 
-webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
 
-moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
 
-moz-box-shadow: 0 0 3px rgba(0,0,0, 0.2);
Line 102: Line 107:
 
height: 20px;
 
height: 20px;
 
content: " ";
 
content: " ";
−
background: rgba(0,0,0,0.1);
+
background: rgba(0,0,0,0.1);
−
+
 
-webkit-border-radius: 50%;
 
-webkit-border-radius: 50%;
 
-moz-border-radius: 50%;
 
-moz-border-radius: 50%;
−
border-radius: 50%;
+
border-radius: 50%;
−
+
 
-webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
 
-webkit-box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
 
-moz-box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
 
-moz-box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
−
box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
+
box-shadow: 0 0 3px rgba(0,0,0, 0.4), 0 20px 10px rgba(0,0,0, 0.7);
−
+
 
z-index: -10;
 
z-index: -10;
 
}
 
}
Line 378: Line 380:
 
animation: timeliner 32s infinite;
 
animation: timeliner 32s infinite;
 
}
 
}
−
 
−
/* dots styles */
 
−
.dots_commands  {
 
−
position: relative;
 
−
top: 32px;
 
−
padding:0; margin:0;
 
−
text-align:center;
 
−
}
 
−
.dots_commands li {
 
−
display:inline;
 
−
padding:0; margin:0;
 
−
list-style:none;
 
−
}
 
−
.dots_commands a {
 
−
position: relative;
 
−
display:inline-block;
 
−
height:8px; width: 8px;
 
−
margin: 0 5px;
 
−
text-indent: -9999px;
 
−
background: #fff;
 
−
border-bottom:0;
 
−
 
−
-webkit-border-radius: 50%;
 
−
-moz-border-radius: 50%;
 
−
border-radius: 50%;
 
−
 
−
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
 
−
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
 
−
box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
 
−
 
−
z-index:25;
 
−
}
 
−
.dots_commands li + li a {
 
−
z-index:10;
 
−
}
 
−
@-moz-keyframes dotser {
 
−
0%, 100% { opacity: 1; left: 0; }
 
−
 
−
20% { opacity: 1; left: 0; }
 
−
22% { opacity: 0; left: 0; }
 
−
23% { opacity: 0; left: 18px; }
 
−
25% { opacity: 1; left: 18px; }
 
−
 
−
45% { opacity: 1; left: 18px; }
 
−
47% { opacity: 0; left: 18px; }
 
−
48% { opacity: 0; left: 36px; }
 
−
50% { opacity: 1; left: 36px; }
 
−
 
−
70% { opacity: 1; left: 36px; }
 
−
72% { opacity: 0; left: 36px; }
 
−
73% { opacity: 0; left: 54px; }
 
−
75% { opacity: 1; left: 54px; }
 
−
 
−
95% { opacity: 1; left: 54px; }
 
−
97% { opacity: 0; left: 54px; }
 
−
98% { opacity: 0; left: 0; }
 
−
}
 
−
@-webkit-keyframes dotser {
 
−
0%, 100% { opacity: 1; left: 0; }
 
−
 
−
20% { opacity: 1; left: 0; }
 
−
22% { opacity: 0; left: 0; }
 
−
23% { opacity: 0; left: 18px; }
 
−
25% { opacity: 1; left: 18px; }
 
−
 
−
45% { opacity: 1; left: 18px; }
 
−
47% { opacity: 0; left: 18px; }
 
−
48% { opacity: 0; left: 36px; }
 
−
50% { opacity: 1; left: 36px; }
 
−
 
−
70% { opacity: 1; left: 36px; }
 
−
72% { opacity: 0; left: 36px; }
 
−
73% { opacity: 0; left: 54px; }
 
−
75% { opacity: 1; left: 54px; }
 
−
 
−
95% { opacity: 1; left: 54px; }
 
−
97% { opacity: 0; left: 54px; }
 
−
98% { opacity: 0; left: 0; }
 
−
}
 
−
@keyframes dotser {
 
−
0%, 100% { opacity: 1; left: 0; }
 
−
 
−
20% { opacity: 1; left: 0; }
 
−
22% { opacity: 0; left: 0; }
 
−
23% { opacity: 0; left: 18px; }
 
−
25% { opacity: 1; left: 18px; }
 
−
 
−
45% { opacity: 1; left: 18px; }
 
−
47% { opacity: 0; left: 18px; }
 
−
48% { opacity: 0; left: 36px; }
 
−
50% { opacity: 1; left: 36px; }
 
−
 
−
70% { opacity: 1; left: 36px; }
 
−
72% { opacity: 0; left: 36px; }
 
−
73% { opacity: 0; left: 54px; }
 
−
75% { opacity: 1; left: 54px; }
 
−
 
−
95% { opacity: 1; left: 54px; }
 
−
97% { opacity: 0; left: 54px; }
 
−
98% { opacity: 0; left: 0; }
 
−
}
 
−
.dots_commands li:first-child a:after,
 
−
.dots_commands li:first-child a:before {
 
−
position: absolute;
 
−
top: 0; left: 0;
 
−
content: " ";
 
−
width: 8px; height: 8px;
 
−
background: #bd9b83;
 
−
z-index:20;
 
−
-webkit-border-radius: 50%;
 
−
-moz-border-radius: 50%;
 
−
border-radius: 50%;
 
−
 
−
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
 
−
-moz-box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
 
−
box-shadow: 0 1px 2px rgba(0,0,0,0.55) inset;
 
−
}
 
−
.dots_commands li:first-child a:after {
 
−
-webkit-animation: dotser 32s infinite; /* webkit can't animate pseudo-element =_= :L: */
 
−
-moz-animation: dotser 32s infinite; /* thanks moz ! :D */
 
−
animation: dotser 32s infinite;
 
−
}
 
−
.dots_commands li:first-child a:before {
 
−
display:none;
 
−
}
 
−
 
−
 
  
  
Line 570: Line 445:
 
}
 
}
  
−
.ABSTRACT {
+
div#ABSTRACT{
−
        cursor: url("https://static.igem.org/mediawiki/2016/5/5f/Design_pasteur2016.png"), pointer;
+
    position:relative;
 +
    left:15%;
 +
    cursor: url("https://static.igem.org/mediawiki/2016/5/5f/Design_pasteur2016.png"), pointer;
 
display: inline;
 
display: inline;
 +
   
 
}
 
}
−
.ABSTRACT a {
 
−
        cursor: url("https://static.igem.org/mediawiki/2016/5/5f/Design_pasteur2016.png"), pointer;
 
−
display: inline-block;
 
−
height: 490px;
 
−
width: 850px;
 
−
text-align: center;
 
−
background: white;
 
−
padding: 5px 10px;
 
−
margin: 100px 450px 100px 50px;;
 
−
color: #615334;
 
−
text-decoration: none;
 
−
line-height: 1em;
 
−
background: -moz-linear-gradient(center bottom , #DACDB1 11%, #F0E8D8 56%) repeat scroll 0 0 #F0E8D8;
 
−
background: -webkit-gradient(linear,left bottom,left top,color-stop(0.3, #DACDB1),color-stop(0.65, #F0E8D8));
 
  
−
-moz-box-shadow: 0 0 65px #CDBE9F inset, 0 0 20px #BEAE8C inset, 0 0 3px #816F47;
+
 
−
-webkit-box-shadow: 0 0 65px #CDBE9F inset, 0 0 20px #BEAE8C inset, 0 0 3px #816F47;
+
 
−
box-shadow: 0 0 65px #CDBE9F inset, 0 0 20px #BEAE8C inset, 0 0 3px #816F47;
+
.multi-column2{
−
-moz-transition: all 0.3s ease-out;
+
  top:10px;
−
-webkit-transition: all 0.3s ease-out;
+
    width:70%;
−
transition: all 0.3s ease-out;
+
  text-align : justify;
 +
  -moz-column-count:2;
 +
-webkit-column-count:2;
 +
-o-column-count:2;
 +
column-count:2;
 +
-moz-column-gap:20px;
 +
-webkit-column-gap:20px;
 +
-o-column-gap:20px;
 +
column-gap:20px;
 +
 
 
}
 
}
 +
 +
  
 
.ex1 a:hover,
 
.ex1 a:hover,
 
.ex1 a:focus {
 
.ex1 a:focus {
 
transform: scale(1.2);
 
transform: scale(1.2);
−
box-shadow: 0 0 65px #CDBE9F inset, 0 0 20px #BEAE8C inset, 0 0 15px #b6a684;
+
box-shadow: 0 0 65px #f0d321 inset, 0 0 20px #f3db4d inset, 0 0 15px #f9eda6;
 +
}
 +
 
 +
 
 +
.text3 {
 +
width : 60%;
 +
margin-top:2%;
 +
margin-left:0%;
 +
display : inline-block;
 +
line-height : normal;
 +
text-align: justify;
 +
color:#333;
 +
 
 
}
 
}
 
</style>
 
</style>
Line 611: Line 498:
 
<div id="accueil">  
 
<div id="accueil">  
  
−
<h1><center><span class="cursive">A biosilica-based detection device</span><span>for (re)emerging arboviral infectious diseases</span></center></h1>
+
<h1><B>MOS(KIT)O</B> <span>A biosilica-based detection device </br>for (re)emerging arboviral infectious diseases</span></h1>
  
  
Line 644: Line 531:
 
<div class="slider">
 
<div class="slider">
 
<figure>
 
<figure>
−
<img src="https://static.igem.org/mediawiki/2016/4/46/ARBOVIRUS_PROPA.png" alt="" width="640" height="310" /><figcaption>Arboviruses propagation all around the world </figure><!--
+
<img src="https://static.igem.org/mediawiki/2016/8/8a/T--Pasteur_Paris--Arbovirus_map.png" alt="" width="640" height="310" /><figcaption> The global distribution of arboviruses. </figure><!--
 
--><figure>
 
--><figure>
−
<img src="https://static.igem.org/mediawiki/2016/2/22/INSECTICIDES.png" alt="" width="640" height="310" /><figcaption>The massive use of insecticides causes resistance in disease vectors</figcaption>
+
<img src="https://static.igem.org/mediawiki/2016/d/dc/T--Pasteur_Paris--INSECTICIDES.jpg" alt="" width="640" height="310" /><figcaption> The massive use of insecticides causes resistance in mosquitoes.</figcaption>
 
</figure><!--
 
</figure><!--
 
--><figure>
 
--><figure>
−
<img src="https://static.igem.org/mediawiki/2016/3/32/Team.png" alt="" width="640" height="310" />
+
<img src="https://static.igem.org/mediawiki/2016/f/f0/T--Pasteur_Paris--Team.png" alt="" width="640" height="310" />
−
<figcaption>After many brainstorming session, and bibliographic research...</figcaption>
+
<figcaption>After many brainstorming sessions and after an exhaustive literature search...</figcaption>
 
</figure><!--
 
</figure><!--
 
--><figure>
 
--><figure>
−
<img src="https://static.igem.org/mediawiki/2016/0/0d/Our_project.png" alt="" width="640" height="310" />
+
<img src="https://static.igem.org/mediawiki/2016/5/5f/T--Pasteur_Paris--Our_project.png" alt="" width="640" height="310" />
−
<figcaption>We propose a solution to this problem using synthetic biology</figcaption>
+
<figcaption>MOS(KIT)O emerged!! </figcaption>
 
</figure>
 
</figure>
 
</div>
 
</div>
Line 661: Line 548:
 
<span id="timeline"></span>
 
<span id="timeline"></span>
 
 
−
<ul class="dots_commands"><!--
+
−
--><li><a title="Show slide 1" href="#sl_i1">Slide 1</a></li><!--
+
−
--><li><a title="Show slide 2" href="#sl_i2">Slide 2</a></li><!--
+
−
--><li><a title="Show slide 3" href="#sl_i3">Slide 3</a></li><!--
+
−
--><li><a title="Show slide 4" href="#sl_i4">Slide 4</a></li>
+
−
</ul>
+
 
 
 
</section>
 
</section>
Line 675: Line 557:
  
  
 +
<h2><B>Abstract</span></B></h2>
  
 +
<section>
 +
<div id="ABSTRACT">
 +
<ul class="ex1">
 +
<div class="multi-column2">
 +
<FONT size "25px"><p><B>Vector-borne (re) emerging diseases</B> 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, <B>over-spraying of insecticides</B> impacts the environment and leads to the selection of insecticide-<B>resistant mosquitoes</B>. Therefore, we developed a novel diagnostic device, <B>Mos(kit)o</B>, that includes a fixed or mobile mosquito trap and a <B>biosilica cellulose composite patch</B> from genetically modified <i>E. coli</i> bacteria. The design of the patch creates a <B>multilayered matrix</B> coated with antibodies able to detect 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 <B>surveillance database</B>. A precise map of vector hot spots will provide a better assessment and response to vector-borne diseases, assisting local health authorities with <B>anticipating</B> and preparing for an epidemic. Our tool will be <B>user-friendly</B>, <B>safe</B>, and <B>applicable</B>.</p></FONT>
 +
</div>
 +
</ul>
 +
</div>
 +
</section>
 +
<div class=text3>
 +
<p>
 +
</br></br></br></br>
 +
<B></a>MOS(KIT)O in the press</br>
 +
<a href="http://www.lemonde.fr/sciences/article/2016/11/14/la-biologie-synthetique-fait-son-casting_5030987_1650684.html">Le monde</a></br>
 +
<a href="http://www.makery.info/2016/11/08/ligem-recompense-le-kit-moskito-des-etudiants-pour-linstitut-pasteur/">Makery</a></br>
 +
<a href="http://frenchculture.org/visual-and-performing-arts/news/moskito-wins-four-awards-igem-2016-championship-boston">French embassy in the United States</a></br>
 +
<a href="https://www.france-science.org/iGEM-la-biologie-de-synthese-dans.html">Office for Science & Technology at the Embassy of France in the United States</a></br>
 +
<a href="http://www.di2c.u-psud.fr/evenements/evenement/victoire-des-etudiants-du-m1-pidn-promo-2015-2016-a-la-competition-igem-organisee-a-boston">University of Paris Saclay</a></br>
 +
<a href="http://www.etsl.fr/accueil.html">Laboratory Techniques school</a></br></B>
 +
<B><a href="http://www.pasteur.fr/igem">iGEM at Institut Pasteur</a></B></br></br></br></br>
  
−
<section>
 
−
<div id="ABSTRACT">
 
  
−
<ul class="ex1">
 
  
−
<li class="ABSTRACT">
+
</p>
−
<a ><h1><center>Abstract</center></h1><center>
+
−
 
+
−
<FONT size="6pt"><p>Vector-borne diseases are important (re)-emerging infectious agents which are responsible for severe epidemics worldwide. Among them, Zika virus recently caused an explosive outbreak in Brazil with 500.000-1.500.000 cases, and is still circulating through the Americas. 
+
−
   
+
−
    <p>Since other mosquito-borne diseases such as Chikungunya or Dengue are also gaining grounds across the world, vector-related epidemics represent a global health problem. Unfortunately, vaccines or treatments are not available to fight against all , and vector controlling methods lead to the emergence of insecticide resistant mosquitoes.</p>
+
−
   
+
−
    <p>In order to better target at risk areas, an innovative tool for detecting and monitoring the infected vectors is strongly needed. Moreover, the detection of viral load in vectors is one step ahead of serotyping patients and can be a time saver. </p>
+
−
   
+
−
    <p>In this context, we are developing a low-cost and novel diagnostic tool, Mos(kit)o, which is applicable in the field to detect pathogens directly in their vectors before any outbreak. This synthetic biology-engineered tool includes a fixed or mobile (drone-based) mosquito trap, and a biosilica/cellulose composite detection patch.</p>
+
−
   
+
−
    <p>The patch is designed as a multilayered matrix capable of detecting a wide panel of mosquito-borne pathogens by using specific antibodies. It will have the additional capability of detecting insecticide resistance biomarkers, providing supplementary needed information. After the analysis, our patch will have 2D barcoded readouts, allowing us to build an environmental surveillance database.</p>
+
−
 
+
−
<p>A precise map of vector hot spots will provide a better assessment and response to vector-borne diseases, assisting local health authorities to anticipate and prepare for an epidemic. Our diagnosis tool will be used before diseases outbreaks and bring numerous benefits, such as its safety, its ease to use, and its applicability in the field in low and middle-income countries.</p>
+
−
 
+
−
<p>By monitoring and mapping the infected vectors distribution, we could detect vector-borne diseases spreading peaks and prevent many epidemics.</p></FONT>
+
−
</center></a></li>
+
−
 
+
−
</ul>
+
 
</div>
 
</div>
−
 
−
 
−
</section>
 
−
 
−
 
−
 
−
    <div><center><a href="#accueil"><img src="https://static.igem.org/mediawiki/2016/6/69/Arrowup_pasteur_2016.png" /></a></center</div>
 
−
 
−
 
 
</body>
 
</body>
−
 
−
 
 
</html>
 
</html>

Latest revision as of 16:21, 1 December 2016