Difference between revisions of "Team:Aix-Marseille"

(Project)
 
(19 intermediate revisions by 4 users not shown)
Line 2: Line 2:
 
<link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Template:Aix-Marseille/flickity.min.css&action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2017.igem.org/wiki/index.php?title=Template:Aix-Marseille/flickity.min.css&action=raw&ctype=text/css">
 
<script src="https://2017.igem.org/wiki/index.php?title=Template:Aix-Marseille/flickity.pkgd.min.js&action=raw&ctype=text/javascript"></script><style>
 
<script src="https://2017.igem.org/wiki/index.php?title=Template:Aix-Marseille/flickity.pkgd.min.js&action=raw&ctype=text/javascript"></script><style>
 +
.igem_2017_menu_wrapper {position: fixed; width:100%; }
 
.igem_2017_content_wrapper{max-width:none!important;padding:0;}
 
.igem_2017_content_wrapper{max-width:none!important;padding:0;}
 
#home_desc{
 
#home_desc{
Line 29: Line 30:
 
}
 
}
  
.home_catitem { position: relative; width: 30%; }
+
.home_catitem { position: relative; width: 30%;  }
 +
 
 +
.home_catitem img { transition: all 0.4s ease; filter: brightness(80%); }
 +
 
 +
 
 +
.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 76: Line 99:
 
}
 
}
  
.igem_2017_content_wrapper .home_cell a { color: #ccc }
+
.igem_2017_content_wrapper #home_desc a, .igem_2017_content_wrapper #home_desc a:visited { color: #fefefe }
.igem_2017_content_wrapper .home_cell a:visited { color: #ccc }
+
.igem_2017_content_wrapper #home_desc a:hover, .igem_2017_content_wrapper .home_cell a:focus { color: #232323 }
.igem_2017_content_wrapper .home_cell a:hover, .igem_2017_content_wrapper .home_cell a:focus {  
+
    color: #232323;
+
    border-bottom: 1px solid #232323;
+
}
+
  
 
</style>
 
</style>
 
<script>
 
<script>
$(document).ready(function() {
+
$(document).ready(function() {
 
var carouselelm = $('.main-carousel');
 
var carouselelm = $('.main-carousel');
 
var catboxelm = $('.home_catbox');
 
var catboxelm = $('.home_catbox');
Line 91: Line 110:
  
 
$('.home_catbox').on( 'click', '.button-motivation', function() {
 
$('.home_catbox').on( 'click', '.button-motivation', function() {
  $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);
 
});
 
});
  
 
$('.home_catbox').on( 'click', '.button-project', function() {
 
$('.home_catbox').on( 'click', '.button-project', function() {
  $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);
 
});
 
});
  
 
$('.home_catbox').on( 'click', '.button-hp', function() {
 
$('.home_catbox').on( 'click', '.button-hp', function() {
  $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();
    carouselelm.hide();
+
 
}
+
 
});
 
});
 
</script>
 
</script>
Line 118: Line 145:
 
<div id="home_desc">
 
<div id="home_desc">
 
<div class="home_cell">
 
<div class="home_cell">
<p>At Aix-Marseille University, we choose to use synthetic biology to cure trees 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 124: Line 151:
 
<div class="row-icons white-icons fact-icons">
 
<div class="row-icons white-icons fact-icons">
 
* [[File:T--Aix-Marseille--home--olive.png|link=]] <div class="legend">'''350+ host plant species''' affected</div>
 
* [[File:T--Aix-Marseille--home--olive.png|link=]] <div class="legend">'''350+ host plant species''' affected</div>
* [[File:T--Aix-Marseille--home--deadtree.png|link=]] <div class="legend">'''450 000 acres''' of olive crops in Italian outbreak area (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''' in terms of losses of vines 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 132: 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 '''wineyards''', '''olive orchards''' 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 ac''' 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'''.
  
In fact, the only way to slow down the propagation of the disease is to burn the infected tree and at risk trees around, and massively use pesticides.
+
In fact, the only ways to slow down the spread of the disease are: to burn infected plants and those at risk nearby; and to massively use pesticides to kill insect vectors.
 
</div>
 
</div>
 
<div class="carousel-cell">
 
<div class="carousel-cell">
  
 
==Project==
 
==Project==
Our project, [[Team:Aix-Marseille/Project|KILL XYL]] will be a cure against 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 wanted to improve the detection of the disease. Secondly, we want to get rid of the bacterium. Thus we use phages specific to [[Team:Aix-Marseille/Xylella_fastidiosa|''X. fastidiosa'']], capable to inject toxic genes into it. Finaly, we disrupt the biofilm that causes the plants death, by quenching the quorum sensing of the bacterium and by the use of an enzyme, that destroy 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.
  
Hence, [[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'']].
 
</div>
 
</div>
 
<div class="carousel-cell">
 
<div class="carousel-cell">
  
 
==Human Practices==
 
==Human Practices==
The [[Team:Aix-Marseille/Human_Practices|human practice]] side of our project is crucial to our research. Therefore, we contacted associations of olive growers, to understand their needs and the expectation they have.
+
The [[Team:Aix-Marseille/Human_Practices|human practice]] side of our project is crucial to our research.  
+
Therefore, we contacted associations of olive growers, to understand their needs and the expectation they have.
We also ask help from various [[Team:Aix-Marseille/HP/Interviews|experts]] to help us on our project. We think that [[Team:Aix-Marseille/Engagement|public engagement]] is important. Thus we create a survey but we also directly contacted the public at different events.
+
We also asked for help from various [[Team:Aix-Marseille/HP/Interviews|experts]] to help us on our project.  
 +
 
 +
We think that [[Team:Aix-Marseille/Engagement|public engagement]] is important.  
 +
So we created a survey but we also directly contacted the general public at several different events.
  
Finally, we tested our product in a model plant and we investigated the [[Team:Aix-Marseille/Legislation|legal]] aspects necessary to get approval for commercialisation in the European Union.
+
Finally, we tested our product in a model plant and investigated the [[Team:Aix-Marseille/Legislation|legal]] requirements for obtaining the approvals necessary for commercialisation in the European Union.
 
</div>
 
</div>
 
</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