Difference between revisions of "Team:Aix-Marseille"

 
(7 intermediate revisions by 2 users not shown)
Line 32: Line 32:
 
.home_catitem { position: relative; width: 30%;  }
 
.home_catitem { position: relative; width: 30%;  }
  
.home_catitem img { transition: all 0.4s ease; filter: brightness(100%); }
+
.home_catitem img { transition: all 0.4s ease; filter: brightness(80%); }
  
.home_catitem a:hover img, .home_catitem a:focus img { filter: brightness(60%); transition: all 0.4s ease; }
+
 
 +
.home_catitem button {
 +
    background-color: transparent;
 +
    border: none;
 +
    color: white;
 +
    padding: 0;
 +
    text-align: center;
 +
    text-decoration: none;
 +
    display: inline-block;
 +
    margin: 0;
 +
    cursor: pointer;
 +
    appearance: none;
 +
}
 +
 
 +
.home_catitem button:active, .home_catitem button:focus { outline: 0 }
 +
 
 +
.home_catitem button:hover img, .home_catitem button:focus img, .home_catitem button:active img { filter: brightness(120%); transition: all 0.4s ease; }
  
 
.home_catitem .caption { display:block; position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.7); width:100%; color: #fff;
 
.home_catitem .caption { display:block; position: absolute; bottom: 0; background: rgba(0, 0, 0, 0.7); width:100%; color: #fff;
 +
font-family: 'Merriweather Sans', sans-serif;
 +
font-size: 1.5em;
 
height: 2em;
 
height: 2em;
 
display: flex;
 
display: flex;
Line 94: Line 112:
 
     $carousel.flickity( 'select', 0 );
 
     $carousel.flickity( 'select', 0 );
 
     carouselelm.show();
 
     carouselelm.show();
     catboxelm.style.marginTop = 0;
+
     catboxelm.css("marginTop", "0");
 +
    $('html, body').animate({
 +
        scrollTop: $("#carousel-anchor").offset().top-50
 +
    }, 1000);
 
});
 
});
  
Line 100: Line 121:
 
     $carousel.flickity( 'select', 1 );
 
     $carousel.flickity( 'select', 1 );
 
     carouselelm.show();
 
     carouselelm.show();
     catboxelm.style.marginTop = 0;
+
     catboxelm.css("marginTop", "0");
 +
    $('html, body').animate({
 +
        scrollTop: $("#carousel-anchor").offset().top-50
 +
    }, 1000);
 
});
 
});
  
Line 106: Line 130:
 
     $carousel.flickity( 'select', 2 );
 
     $carousel.flickity( 'select', 2 );
 
     carouselelm.show();
 
     carouselelm.show();
     catboxelm.style.marginTop = 0;
+
     catboxelm.css("marginTop", "0");
 +
    $('html, body').animate({
 +
        scrollTop: $("#carousel-anchor").offset().top-50
 +
    }, 1000);
 
});
 
});
  
if (location.hash == "#carousel") {
+
carouselelm.hide();
    catboxelm.style.marginTop = 0;
+
 
} else {
+
    carouselelm.hide();
+
}
+
 
});
 
});
 
</script>
 
</script>
Line 121: Line 145:
 
<div id="home_desc">
 
<div id="home_desc">
 
<div class="home_cell">
 
<div class="home_cell">
<p>At the Aix-Marseille University, we chose to use synthetic biology to cure plants suffering from a disease caused by a plant pathogen called <i>Xylella fastidiosa</i>.</p>
+
<p>At the Aix-Marseille University, we use synthetic biology to cure plants of a disease caused by the plant pathogen <i>Xylella fastidiosa</i>.</p>
 
</div>
 
</div>
  
Line 129: Line 153:
 
* [[File:T--Aix-Marseille--home--deadtree.png|link=]] <div class="legend">'''450 000 acres''' of olive groves killed in an Italian outbreak (Apulia region)</div>
 
* [[File:T--Aix-Marseille--home--deadtree.png|link=]] <div class="legend">'''450 000 acres''' of olive groves killed in an Italian outbreak (Apulia region)</div>
 
* [[File:T--Aix-Marseille--home--dollar.png|link=]] <div class="legend">'''US$ 104 million/year''' of losses in grape production and measures for disease prevention in California</div>
 
* [[File:T--Aix-Marseille--home--dollar.png|link=]] <div class="legend">'''US$ 104 million/year''' of losses in grape production and measures for disease prevention in California</div>
</div>
+
</div><html><a id="carousel-anchor" name="carousel-anchor"></a></html>
 
<div class="main-carousel" id="carousel">
 
<div class="main-carousel" id="carousel">
 
<div class="carousel-cell">
 
<div class="carousel-cell">
Line 135: Line 159:
 
[[Team:Aix-Marseille/Xylella_fastidiosa|''Xylella fastidiosa'']] is a '''major threat for agriculture'''.
 
[[Team:Aix-Marseille/Xylella_fastidiosa|''Xylella fastidiosa'']] is a '''major threat for agriculture'''.
  
This bacterium infects plants, causing a variety of diseases in '''vinyards''', '''olive groves''' and in over 300 other species. It has been widespread in the '''Americas''' for many years and is also present in '''Asia'''.
+
This bacterium infects plants, causing a variety of damages in '''vinyards''', '''olive groves''' and in over 300 other species. It has been widespread in the '''Americas''' for many years and is also present in '''Asia''' and '''Europe'''.
  
 
In 2015, more than '''450 000 acres''' of European crops were lost because of this bacterium. Although [[Team:Aix-Marseille/Xylella_fastidiosa|''X. fastidiosa'']] has been recognized as a serious pathogen, there is '''no effective cure'''.
 
In 2015, more than '''450 000 acres''' of European crops were lost because of this bacterium. Although [[Team:Aix-Marseille/Xylella_fastidiosa|''X. fastidiosa'']] has been recognized as a serious pathogen, there is '''no effective cure'''.
Line 146: Line 170:
 
Our project, [[Team:Aix-Marseille/Project|KILL XYL]] will be a cure for the disease caused by the plant pathogen [[Team:Aix-Marseille/Xylella_fastidiosa|''Xylella fastidiosa'']].
 
Our project, [[Team:Aix-Marseille/Project|KILL XYL]] will be a cure for the disease caused by the plant pathogen [[Team:Aix-Marseille/Xylella_fastidiosa|''Xylella fastidiosa'']].
  
First, we aim to improve the early detection of the disease. Secondly, we want to get rid of the bacterium, for this we use phages specific to [[Team:Aix-Marseille/Xylella_fastidiosa|''X. fastidiosa'']], capable of injecting toxic genes. Finaly, we will disrupt the biofilm that causes mortality, by quenching the bacterial quorum sensing and by using an enzyme, that destroys the biofilm.
+
First, we aim to improve the early detection of the disease. Secondly, we want to get rid of the bacterium. For this, we use phages specific to [[Team:Aix-Marseille/Xylella_fastidiosa|''X. fastidiosa'']], capable of injecting toxic genes in it. Finaly, we will disrupt the biofilm that causes mortality, quenching the bacterial quorum sensing and using an enzyme.
  
 
Thus, [[Team:Aix-Marseille/Project|KILL XYL]] simply detects, disrupts and kills [[Team:Aix-Marseille/Xylella_fastidiosa|''X. fastidiosa'']].
 
Thus, [[Team:Aix-Marseille/Project|KILL XYL]] simply detects, disrupts and kills [[Team:Aix-Marseille/Xylella_fastidiosa|''X. fastidiosa'']].
Line 164: Line 188:
 
</div><html>
 
</div><html>
 
<div class="home_cell home_catbox">
 
<div class="home_cell home_catbox">
<div class="home_catitem"><a href="#carousel" class="button-motivation">
+
<div class="home_catitem"><button class="button-motivation">
 
<img src="https://static.igem.org/mediawiki/2017/1/19/T--Aix-Marseille--home-motivation.png" alt="Motivation">
 
<img src="https://static.igem.org/mediawiki/2017/1/19/T--Aix-Marseille--home-motivation.png" alt="Motivation">
<span class="caption">Motivation</span></a></div>
+
<span class="caption">Motivation</span></button></div>
  
<div class="home_catitem"><a href="#carousel" class="button-project">
+
<div class="home_catitem"><button class="button-project">
 
<img src="https://static.igem.org/mediawiki/2017/f/f1/T--Aix-Marseille--home-Project.png" alt="Project">
 
<img src="https://static.igem.org/mediawiki/2017/f/f1/T--Aix-Marseille--home-Project.png" alt="Project">
<span class="caption">Project</span></a></div>
+
<span class="caption">Project</span></button></div>
  
<div class="home_catitem"><a href="#carousel" class="button-hp">
+
<div class="home_catitem"><button class="button-hp">
 
<img src="https://static.igem.org/mediawiki/2017/b/b8/T--Aix-Marseille--home-HP.png" alt="Human Practices">
 
<img src="https://static.igem.org/mediawiki/2017/b/b8/T--Aix-Marseille--home-HP.png" alt="Human Practices">
<span class="caption">Human Practices</span></a></div>
+
<span class="caption">Human Practices</span></button></div>
  
 
</div>
 
</div>
 
</div></html>
 
</div></html>
 
{{Aix-Marseille/Sponsors}}
 
{{Aix-Marseille/Sponsors}}

Latest revision as of 03:58, 2 November 2017

iGEM Aix-Marseille 2017

At the Aix-Marseille University, we use synthetic biology to cure plants of a disease caused by the plant pathogen Xylella fastidiosa.

  • T--Aix-Marseille--home--olive.png
    350+ host plant species affected
  • T--Aix-Marseille--home--deadtree.png
    450 000 acres of olive groves killed in an Italian outbreak (Apulia region)
  • T--Aix-Marseille--home--dollar.png
    US$ 104 million/year of losses in grape production and measures for disease prevention in California
  • T--Aix-Marseille--amu-blanc.png
  • T--Aix-Marseille--fsdie-blanc.png
  • T--Aix-Marseille--CTC.png
  • T--Aix-Marseille--sponsor-marseille.png
  • T--Aix-Marseille--sponsor-tulip.png
  • T--Aix-Marseille--cmutuel.png