Team:Evry/Template:EvryTeam

From 2014.igem.org

(Difference between revisions)
(Created page with "{{:Team:Evry/Template:HomeIncludes}} <html> <body> <div id="preloader"> <div class="loader-gplus"></div> </div> <div id="st-container" class="st-container"> ...")
Line 3: Line 3:
<body>
<body>
<div id="preloader">
<div id="preloader">
-
        <div class="loader-gplus"></div>
+
<div class="loader-gplus"></div>
-
    </div>
+
</div>
-
 
+
<div id="st-container" class="st-container">
-
    <div id="st-container" class="st-container">
+
<div class="st-pusher">
-
        <div class="st-pusher">
+
<div class="st-content">
-
            <div class="st-content">
+
<section id="top-section-hero" style="background-image: url('https://raw.githubusercontent.com/tagazok/zeppelin/master/img/hero.jpg');">
-
 
+
<header id="top-header" class="col-lg-10 col-sm-12">
-
                <!-- Begin Top Section -->
+
-
<section id="top-section">
+
-
    <div class="gradient-overlay"></div>
+
-
 
+
-
    <header id="top-header" class="col-lg-10 col-sm-12">
+
<svg id="menu-trigger" class="icon icon-menu visible-xs" viewBox="0 0 32 32" data-effect="st-effect">
<svg id="menu-trigger" class="icon icon-menu visible-xs" viewBox="0 0 32 32" data-effect="st-effect">
<use xlink:href="https://raw.githubusercontent.com/tagazok/zeppelin/master/zeppelin/img/sprites/sprites.svg#icon-menu"></use>
<use xlink:href="https://raw.githubusercontent.com/tagazok/zeppelin/master/zeppelin/img/sprites/sprites.svg#icon-menu"></use>
Line 35: Line 30:
</nav>
</nav>
</header>
</header>
 +
<div class="jumbotron">
 +
<div class="animated hiding" data-animation="fadeInDown" data-delay="500">
 +
<h1>IGEM Evry <span id="typeout-text"></span> 2014</h1>
 +
</div>
 +
</div>
 +
<a href="#about" class="explore">
 +
<svg class="icon icon-arrow-down" viewBox="0 0 32 32">
 +
<use xlink:href="https://raw.githubusercontent.com/tagazok/zeppelin/master/zeppelin/img/sprites/sprites.svg#icon-arrow-down"></use>
 +
</svg>
 +
</a>
 +
</section>
 +
</html>
 +
{{:Team:Evry/Template:HomeAbout}}
 +
 +
{{:Team:Evry/Template:Statistics}}
 +
 +
{{:Team:Evry/Template:HomeAbstract}}
 +
 +
<html>
 +
<section id="top-speakers" class="parallax" style="background-image: url(https://raw.githubusercontent.com/tagazok/zeppelin/master/img/top-speakers.jpg);">
 +
<div class="overlay"></div>
 +
<div class="content-wrapper">
 +
<div class="col-lg-10 col-lg-offset-1 rockstar-speakers-list">
 +
<h3>Rockstar speakers</h3>
 +
 +
<div id="rockstar-speaker-3" class="col-md-3 col-sm-3 col-xs-6 hidden rockstar-speakers-item animated hiding increment-animation" data-id="3" data-animation="fadeInUp" data-delay="500">
 +
<div class="top-speaker-item">
 +
<div class="flow-img img-circle top-speaker-img" style="background-image: url(https://raw.githubusercontent.com/tagazok/zeppelin/master/img/speakers/dgirard.jpg)"></div>
 +
<div class="name">Didier Girard</div>
 +
<div class="sub">SFEIR</div>
 +
</div>
 +
</div>
 +
 +
<div id="rockstar-speaker-4" class="col-md-3 col-sm-3 col-xs-6 hidden rockstar-speakers-item animated hiding increment-animation" data-id="4" data-animation="fadeInUp" data-delay="500">
 +
<div class="top-speaker-item">
 +
<div class="flow-img img-circle top-speaker-img" style="background-image: url(https://raw.githubusercontent.com/tagazok/zeppelin/master/img/speakers/dgageot.jpg)"></div>
 +
<div class="name">David Gageot</div>
 +
<div class="sub"></div>
 +
</div>
 +
</div>
-
    <div class="jumbotron text-left">
+
<div id="rockstar-speaker-6" class="col-md-3 col-sm-3 col-xs-6 hidden rockstar-speakers-item animated hiding increment-animation" data-id="6" data-animation="fadeInUp" data-delay="500">
-
        <div class="animated hiding" data-animation="fadeInLeft" data-delay="500">
+
<div class="top-speaker-item">
-
            <h1>Speakers</h1>
+
<div class="flow-img img-circle top-speaker-img" style="background-image: url(https://raw.githubusercontent.com/tagazok/zeppelin/master/img/speakers/rvialard.jpg)"></div>
-
        </div>
+
<div class="name">Romain Vialard</div>
-
    </div>
+
<div class="sub">Revevol</div>
-
</section>
+
</div>
-
<!-- End Top Section -->
+
</div>
 +
<div class="clearfix"></div>
 +
<span class="waves-element waves-button waves-light bordered">
 +
<a href="/zeppelin/speakers/" class="bottom-section-link">See all speakers</a>
 +
</span>
 +
</div>
 +
</div>
 +
</section>
 +
</html>
 +
{{:Team:Evry/Template:HomeSponsors}}
-
    <!-- Begin Speakers List 2-->
+
{{:Team:Evry/Template:HomeFooter}}
-
<section id="speakers">
+
<html>  
-
    <div class="content-wrapper">
+
</div>
-
        <div class="col-lg-10 col-lg-offset-1">
+
</div>
-
           
+
</div>
-
            <div class="team-item-wrapper col-md-4 col-sm-6 col-xs-12">
+
-
                <div class="team-item animated waves-element waves-block waves-light hiding increment-animation" data-animation="fadeInUp" data-delay="50" data-toggle="modal" data-target="#speakerDetail-3">
+
-
                    <figure class="flow-img" style="background-image: url(/zeppelin/img/speakers/dgirard.jpg)">
+
-
                        <div class="overlay"></div>
+
-
                       
+
-
                        <ul class="speaker-ribbon-wrapper">
+
-
                           
+
-
                            <li class="gde">
+
-
                                <p class="speaker-ribbon abbr">GDE</p>
+
-
                                <p class="speaker-ribbon full-title">Google Developer Expert</p>
+
-
                            </li>
+
-
                           
+
-
                        </ul>
+
-
                       
+
-
                        <figcaption>
+
-
                            <div class="col-md-8 col-xs-8 text-left">
+
-
                                <h2 class="name">Didier <span>Girard</span></h2>
+
-
                                <div class="clearfix"></div>
+
-
                                <span class="position">SFEIR</span>
+
-
                            </div>
+
-
                           
+
-
                            <a href="https://plus.google.com/u/0/+DidierGirard" target="_blank">
+
-
                                <svg class="icon icon-google-plus" viewBox="0 0 30 32">
+
-
                                    <use xlink:href="/zeppelin/img/sprites/sprites.svg#icon-google-plus"></use>
+
-
                                </svg>
+
-
                            </a>
+
-
                           
+
-
                            <a href="https://twitter.com/DidierGirard" target="_blank">
+
-
                                <svg class="icon icon-twitter" viewBox="0 0 30 32">
+
-
                                    <use xlink:href="/zeppelin/img/sprites/sprites.svg#icon-twitter"></use>
+
-
                                </svg>
+
-
                            </a>
+
-
                           
+
-
                        </figcaption>
+
-
                        <p class="bio">Didier Girard a un PhD en Machine Learning, il est Directeur des Opérations chez SFEIR et Google Developer Expert. Il utilise les technologies cloud depuis 2008 et le BigData depuis 2010.</p>
+
-
                    </figure>
+
-
                </div>
+
-
            </div>
+
-
           
+
-
            <div class="team-item-wrapper col-md-4 col-sm-6 col-xs-12">
+
-
                <div class="team-item animated waves-element waves-block waves-light hiding increment-animation" data-animation="fadeInUp" data-delay="50" data-toggle="modal" data-target="#speakerDetail-4">
+
-
                    <figure class="flow-img" style="background-image: url(/zeppelin/img/speakers/dgageot.jpg)">
+
-
                        <div class="overlay"></div>
+
-
                       
+
-
                        <ul class="speaker-ribbon-wrapper">
+
-
                           
+
-
                            <li class="gde">
+
-
                                <p class="speaker-ribbon abbr">GDE</p>
+
-
                                <p class="speaker-ribbon full-title">Google Developer Expert</p>
+
-
                            </li>
+
-
                           
+
-
                        </ul>
+
-
                       
+
-
                        <figcaption>
+
-
                            <div class="col-md-8 col-xs-8 text-left">
+
-
                                <h2 class="name">David <span>Gageot</span></h2>
+
-
                                <div class="clearfix"></div>
+
-
                                <span class="position"></span>
+
-
                            </div>
+
-
                           
+
-
                            <a href="https://plus.google.com/+DavidGageot" target="_blank">
+
-
                                <svg class="icon icon-google-plus" viewBox="0 0 30 32">
+
-
                                    <use xlink:href="/zeppelin/img/sprites/sprites.svg#icon-google-plus"></use>
+
-
                                </svg>
+
-
                            </a>
+
-
                           
+
-
                            <a href="https://twitter.com/dgageot" target="_blank">
+
-
                                <svg class="icon icon-twitter" viewBox="0 0 30 32">
+
-
                                    <use xlink:href="/zeppelin/img/sprites/sprites.svg#icon-twitter"></use>
+
-
                                </svg>
+
-
                            </a>
+
-
                           
+
-
                            <a href="https://github.com/dgageot" target="_blank">
+
-
                                <svg class="icon icon-github" viewBox="0 0 30 32">
+
-
                                    <use xlink:href="/zeppelin/img/sprites/sprites.svg#icon-github"></use>
+
-
                                </svg>
+
-
                            </a>
+
-
                           
+
-
                            <a href="http:/javabien.net" target="_blank">
+
-
                                <svg class="icon icon-site" viewBox="0 0 30 32">
+
-
                                    <use xlink:href="/zeppelin/img/sprites/sprites.svg#icon-site"></use>
+
-
                                </svg>
+
-
                            </a>
+
-
                           
+
-
                        </figcaption>
+
-
                        <p class="bio">David Gageot est développeur indépendant et Java Champion. Sa passion ? L'écriture de logiciels pointus mais simples. Il a pour leitmotiv d'être un facilitateur qui, par sa créativité et son expertise, aide les équipes à être plus innovantes et plus efficaces.</p>
+
-
                    </figure>
+
-
                </div>
+
-
            </div>
+
-
           
+
-
            <div class="team-item-wrapper col-md-4 col-sm-6 col-xs-12">
+
-
                <div class="team-item animated waves-element waves-block waves-light hiding increment-animation" data-animation="fadeInUp" data-delay="50" data-toggle="modal" data-target="#speakerDetail-5">
+
-
                    <figure class="flow-img" style="background-image: url(/zeppelin/img/speakers/ggirou.jpg)">
+
-
                        <div class="overlay"></div>
+
-
                       
+
-
                        <figcaption>
+
-
                            <div class="col-md-8 col-xs-8 text-left">
+
-
                                <h2 class="name">Guillaume <span>Girou</span></h2>
+
-
                                <div class="clearfix"></div>
+
-
                                <span class="position">SFEIR</span>
+
-
                            </div>
+
-
                           
+
-
                            <a href="https://plus.google.com/+RomainVialard-public" target="_blank">
+
-
                                <svg class="icon icon-google-plus" viewBox="0 0 30 32">
+
-
                                    <use xlink:href="/zeppelin/img/sprites/sprites.svg#icon-google-plus"></use>
+
-
                                </svg>
+
-
                            </a>
+
-
                           
+
-
                        </figcaption>
+
-
                        <p class="bio">Guillaume Girou est consultant chez Sfeir et co-anime la page Google+ sur Dart. Fort de cinq ans d’expérience dans le développement, il a un parcours atypique passant du .Net à Java/GWT, Scala et finalement à Dart pour son plaisir ! Avec Nicolas, il a présenté à plusieurs reprises le langage Dart lors de JUG, GDG et CodeLabs.</p>
+
-
                    </figure>
+
-
                </div>
+
-
            </div>
+
-
           
+
-
            <div class="team-item-wrapper col-md-4 col-sm-6 col-xs-12">
+
-
                <div class="team-item animated waves-element waves-block waves-light hiding increment-animation" data-animation="fadeInUp" data-delay="50" data-toggle="modal" data-target="#speakerDetail-6">
+
-
                    <figure class="flow-img" style="background-image: url(/zeppelin/img/speakers/rvialard.jpg)">
+
-
                        <div class="overlay"></div>
+
-
                       
+
-
                        <ul class="speaker-ribbon-wrapper">
+
-
                           
+
-
                            <li class="gde">
+
-
                                <p class="speaker-ribbon abbr">GDE</p>
+
-
                                <p class="speaker-ribbon full-title">Google Developer Expert</p>
+
-
                            </li>
+
-
                           
+
-
                        </ul>
+
-
                       
+
-
                        <figcaption>
+
-
                            <div class="col-md-8 col-xs-8 text-left">
+
-
                                <h2 class="name">Romain <span>Vialard</span></h2>
+
-
                                <div class="clearfix"></div>
+
-
                                <span class="position">Revevol</span>
+
-
                            </div>
+
-
                           
+
-
                            <a href="https://plus.google.com/+RomanMazur/" target="_blank">
+
-
                                <svg class="icon icon-google-plus" viewBox="0 0 30 32">
+
-
                                    <use xlink:href="/zeppelin/img/sprites/sprites.svg#icon-google-plus"></use>
+
-
                                </svg>
+
-
                            </a>
+
-
                           
+
-
                            <a href="http://twitter.com/roman_mazur" target="_blank">
+
-
                                <svg class="icon icon-twitter" viewBox="0 0 30 32">
+
-
                                    <use xlink:href="/zeppelin/img/sprites/sprites.svg#icon-twitter"></use>
+
-
                                </svg>
+
-
                            </a>
+
-
                           
+
-
                        </figcaption>
+
-
                        <p class="bio">After graduating from a business school, I discovered Google Apps Script and the wonderful world of automations. Since, I have created many apps (like Gmail Meter, Yet Another Mail Merge and Awesome Tables) and code libraries. I've also trained a lot of people to develop apps through Apps Script.</p>
+
-
                    </figure>
+
-
                </div>
+
-
            </div>
+
-
           
+
-
            <div class="team-item-wrapper col-md-4 col-sm-6 col-xs-12">
+
-
                <div class="team-item animated waves-element waves-block waves-light hiding increment-animation" data-animation="fadeInUp" data-delay="50" data-toggle="modal" data-target="#speakerDetail-7">
+
-
                    <figure class="flow-img" style="background-image: url(/zeppelin/img/speakers/nfrancois.jpg)">
+
-
                        <div class="overlay"></div>
+
-
                       
+
-
                        <figcaption>
+
-
                            <div class="col-md-8 col-xs-8 text-left">
+
-
                                <h2 class="name">Nicolas <span>François</span></h2>
+
-
                                <div class="clearfix"></div>
+
-
                                <span class="position">SFEIR</span>
+
-
                            </div>
+
-
                           
+
-
                        </figcaption>
+
-
                        <p class="bio">Développeur Java pour Sfeir le jour, Dart Knight codeur la nuit. Séduit par le langage, il s'y intéresse depuis plus d'un an en évangélisant les Jug et GDG avec Guillaume Girou. Avec l’aide de Vincent Bostoen, le trio anime une page Google+ dédiée à Dart.</p>
+
-
                    </figure>
+
-
                </div>
+
-
            </div>
+
-
           
+
-
            <div class="team-item-wrapper col-md-4 col-sm-6 col-xs-12">
+
-
                <div class="team-item animated waves-element waves-block waves-light hiding increment-animation" data-animation="fadeInUp" data-delay="50" data-toggle="modal" data-target="#speakerDetail-8">
+
-
                    <figure class="flow-img" style="background-image: url(/zeppelin/img/speakers/tlau.jpg)">
+
-
                        <div class="overlay"></div>
+
-
                       
+
-
                        <figcaption>
+
-
                            <div class="col-md-8 col-xs-8 text-left">
+
-
                                <h2 class="name">Thierry <span>Lau</span></h2>
+
-
                                <div class="clearfix"></div>
+
-
                                <span class="position">SFEIR</span>
+
-
                            </div>
+
-
                           
+
-
                            <a href="https://plus.google.com/+ThierryLAU" target="_blank">
+
-
                                <svg class="icon icon-google-plus" viewBox="0 0 30 32">
+
-
                                    <use xlink:href="/zeppelin/img/sprites/sprites.svg#icon-google-plus"></use>
+
-
                                </svg>
+
-
                            </a>
+
-
                           
+
-
                            <a href="https://twitter.com/laut3rry" target="_blank">
+
-
                                <svg class="icon icon-twitter" viewBox="0 0 30 32">
+
-
                                    <use xlink:href="/zeppelin/img/sprites/sprites.svg#icon-twitter"></use>
+
-
                                </svg>
+
-
                            </a>
+
-
                           
+
-
                            <a href="https://github.com/lauterry" target="_blank">
+
-
                                <svg class="icon icon-github" viewBox="0 0 30 32">
+
-
                                    <use xlink:href="/zeppelin/img/sprites/sprites.svg#icon-github"></use>
+
-
                                </svg>
+
-
                            </a>
+
-
                           
+
-
                        </figcaption>
+
-
                        <p class="bio">Développeur Front End chez [SFΞIR], Thierry est passionné par HTML5, CSS3, JavaScript et plus particulièrement fan d'AngularJS car il est persuadé qu'il aide à développer des applications Web modernes, maintenables de manière la plus simple, rapide et efficace possible.Pour cela, il s’est également intéressé aux outils qui viennent armer les développeurs Web modernes tels que Grunt, Yeoman, Bower, Developer tools de Chrome. Il a créé ngTailor, un générateur Yeoman pour un project et workflow AngularJS sur mesure.Il est également créateur et co-modérateur de la communauté française HTML5 * CSS3 [FR] sur Google+ et anime également la page Google+ HTML5 * CSS3 - ʕ๏̮๏ʔ, deux endroits où vous pouvez venir partager avec lui sa passion des technologies du Web.</p>
+
-
                    </figure>
+
-
                </div>
+
-
            </div>
+
-
           
+
-
            <div class="team-item-wrapper col-md-4 col-sm-6 col-xs-12">
+
-
                <div class="team-item animated waves-element waves-block waves-light hiding increment-animation" data-animation="fadeInUp" data-delay="50" data-toggle="modal" data-target="#speakerDetail-9">
+
-
                    <figure class="flow-img" style="background-image: url(/zeppelin/img/speakers/rgoetter.jpg)">
+
-
                        <div class="overlay"></div>
+
-
                       
+
-
                        <figcaption>
+
-
                            <div class="col-md-8 col-xs-8 text-left">
+
-
                                <h2 class="name">Raphaël <span>Goetter</span></h2>
+
-
                                <div class="clearfix"></div>
+
-
                                <span class="position">Alsacreations</span>
+
-
                            </div>
+
-
                           
+
-
                            <a href="https://twitter.com/goetter" target="_blank">
+
-
                                <svg class="icon icon-twitter" viewBox="0 0 30 32">
+
-
                                    <use xlink:href="/zeppelin/img/sprites/sprites.svg#icon-twitter"></use>
+
-
                                </svg>
+
-
                            </a>
+
-
                           
+
-
                        </figcaption>
+
-
                        <p class="bio">Créateur du site Alsacreations.com, communauté libre d'apprentissage web spécialisée dans les standards. Co-fondateur de l'agence web Alsacreations.fr. Expert et Formateur en langages HTML et CSS et auteur de divers livres techniques chez Eyrolles.</p>
+
-
                    </figure>
+
-
                </div>
+
-
            </div>
+
-
           
+
-
        </div>
+
-
        <span class="btn btn-primary waves-element waves-button waves-light waves-will-raise" style="margin-top: 25px;">
+
-
              <a class="bottom-section-link" href="https://docs.google.com/forms/d/1mfxnToreqFZp98sYrp3NF2jheEmkqnNbRcQTYfsXVKk/viewform" target="_blank">Become a speaker</a>
+
-
        </span>       
+
-
    </div>
+
-
</section>
+
</body>
</body>
</html>
</html>

Revision as of 21:59, 30 July 2014

IGEM Evry 2014

IGEM Evry 2014

Biology
Conference

Biology project

Modeling
Workshops

Model's

Policy and Practices
Hackathons

Policy and Practices

17
Team members
2
Biobricks
3
Collaborations
239+
All-nighters

Abstract

The sponge can filtrate up to 20m3 of water/day/kg making it one of the most powerful filtrating system alive. Pseudovibrio denitrificans has been shown to be part of several sponges microbiome. Our project is based on the engineering of this bacterium in order to develop a filtrating system allowing to sense and even degrade pollutants in water when cooperating with sponges.

Rockstar speakers

See all speakers

Spon-ge-sors

Donators

Nicolas Cornille, Yves Mansoulie, Kevin Berenger, Benoît Monjanel, Pierre Parutto, Laurence Catatao, Hélène Gontier, Fatouma Sanou, Paul Besançon, Adrien Isidore, Diane Thomas, Odile Boyer, Julie Zaworski, Bernard Jesop, Jean-Louis Leuci, Hélène Dumant, Maurice Gontier, Aurélie Bérenger, Sylvie Currias, Maximin Rousseill, Florian Duval, Bastien Maysseng, Samuel Parmentier, Muriel Walter, Xavier Ferbeck, Béatrice Besançon, Alain Bauer, Gérard Vilarem.

Retrieved from "http://2014.igem.org/Team:Evry/Template:EvryTeam"