Difference between revisions of "Team:Aix-Marseille"

(Project)
Line 34: Line 34:
 
.home_catitem img { transition: all 0.4s ease; filter: brightness(80%); }
 
.home_catitem img { transition: all 0.4s ease; filter: brightness(80%); }
  
.home_catitem a:hover img, .home_catitem a:focus img { filter: brightness(120%); 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").offset().top
 +
    }, 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").offset().top
 +
    }, 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").offset().top
 +
    }, 1000);
 
});
 
});
  
if (location.hash == "#carousel") {
+
carouselelm.hide();
    catboxelm.style.marginTop = 0;
+
 
} else {
+
    carouselelm.hide();
+
}
+
 
});
 
});
 
</script>
 
</script>
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}}

Revision as of 03:46, 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