Difference between revisions of "Team:Evry/Team"

(Prototype team page)
 
m
 
(52 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{Evry}}
 
{{Evry}}
 +
{{:Team:Evry/Template:SideNavbar}}
 
<html>
 
<html>
 +
<style>
 +
/* Override the default margin given to <ul> element */
 +
.nav-tabs {
 +
    margin-left: 0;
 +
}
 +
</style>
 +
<div id='container-wrapper' style="margin-left: 250px;">
 +
    <!-- Main Content -->
 +
<!-- Parallax div. Uncomment if you want to include one before page content -->
 +
<!--div class='side-body hidden-xs parallax' style="width: calc(100%-250px); height: 550px; background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url('https://static.igem.org/mediawiki/2015/5/5d/Homepage_header_background_optimized.jpg'); background-size: cover;">
 +
      <div style="position: relative; top: 50%; transform: translateY(-50%);  -webkit-transform: translateY(-50%);">
 +
        <p class="text-center" style="font-weight: 300; font-size:4em; color: #ffffff; text-shadow: 0px 0px 8px #222222;">Parallax div big text.</p>
 +
        <p class="text-center" style="color: white;">Parallax div subtitle.</p>
 +
      </div>
 +
</div--> <!-- end parallax div -->
  
−
<h2>Team</h2>
+
<div class="container">
 +
    <div class="side-body" id="content-body" style='margin-left:0px;'>
 +
        <div id='top-menu-anchor'></div>
 +
        <div id="top-menu"></div>
 +
    <div class="page-header">
 +
      <h1>Team members</h1>
 +
    </div>
 +
    <!-- Is it useful to be able to select people according to the group they belong to ? -->
 +
    <div class="row-fluid">
 +
      <div class="col-md-3">
 +
<ul class="nav nav-tabs nav-justified" id="people-select-tabs" data-tabs="tabs">
 +
  <li role="presentation" class="active"><a href="#team-students" data-toggle="tab">Students</a></li>
 +
  <li role="presentation"><a href="#team-supervisors" data-toggle="tab">Supervisors</a></li>
 +
</ul>
 +
            <div class="tab-content">
 +
<div id="team-students" class="tab-pane active">
  
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
        <!--h3>Students</h3-->
 +
        <div class="row top-spaced">
 +
          <div class="col-xs-6 col-md-6 col-people" id="MarAub">
 +
            <img src="https://static.igem.org/mediawiki/2015/0/0f/Member_ma_thumbnail.jpg" class="img-circle centered"/>
 +
            <p class="text-center">Marjorie Aubert</p>
 +
          </div>
 +
          <div class="col-xs-6 col-md-6 col-people" id="LouBar">
 +
            <img src="https://static.igem.org/mediawiki/2015/6/6f/Member_lb_thumbnail.png" class="img-circle centered"/>
 +
            <p class="text-center">Louise Barreau</p>
 +
          </div>
 +
        </div>
 +
        <div class="row">
 +
          <div class="col-xs-6 col-md-6 col-people" id="FraBuc">
 +
            <img src="https://static.igem.org/mediawiki/2015/3/35/Member_fb_thumbnail.jpg" class="img-circle centered"/>
 +
            <p class="text-center">François Bucchini</p>
 +
          </div>
 +
          <div class="col-xs-6 col-md-6 col-people" id="CleOba">
 +
            <img src="https://static.igem.org/mediawiki/2015/0/0f/Member_cdo_thumbnail.png" class="img-circle centered"/>
 +
            <p class="text-center">Clément de Obaldia</p>
 +
          </div>
 +
        </div>
  
 +
        <div class="row">
 +
          <div class="col-xs-6 col-md-6 col-people" id="PieNog">
 +
            <img src="https://static.igem.org/mediawiki/2015/3/30/Member_pyn.png" class="img-circle centered"/>
 +
            <p class="text-center">Pierre-Yves Nogue</p>
 +
          </div>
 +
          <div class="col-xs-6 col-md-6 col-people" id="EmiPui">
 +
            <img src="https://static.igem.org/mediawiki/2015/4/41/Member_epl_thumbnail.gif" class="img-circle centered"/>
 +
            <p class="text-center">Emilia Puig Lombardi</p>
 +
        </div>
 +
        </div>
  
 +
        <div class="row">
 +
          <div class="col-xs-6 col-md-6 col-people" id="LucRay">
 +
            <img src="https://static.igem.org/mediawiki/2015/4/4c/Member_lr_thumbnail.png" class="img-circle centered"/>
 +
            <p class="text-center"> Lucie Raymond</p>
 +
          </div>
 +
          <div class="col-xs-6 col-md-6 col-people" id="FreRos">
 +
            <img src="https://static.igem.org/mediawiki/2015/8/88/Member_fr_thumbnail.png" class="img-circle centered"/>
 +
            <p class="text-center"> Frédéric Ros</p>
 +
          </div>
  
 +
    </div>
 +
        </div>
  
 +
          <div id="team-supervisors" class="tab-pane">
 +
        <div class="row top-spaced">
 +
        <div class="col-xs-6 col-md-6 col-people" id="CosBou">
 +
            <img src="https://static.igem.org/mediawiki/2015/7/7a/Member_cb_thumbnail.jpg" class="img-circle centered"/>
 +
            <p class="text-center">Costas Bouyioukos</p>
 +
        </div>
 +
          <div class="col-xs-6 col-md-6 col-people" id="BruCol">
 +
            <img src="https://static.igem.org/mediawiki/2015/b/b5/Member_bc_thumbnail.jpg" class="img-circle centered"/>
 +
            <p class="text-center">Bruno Colombo</p>
 +
          </div>
 +
</div>
 +
        <div class="row">
 +
          <div class="col-xs-6 col-md-6 col-people" id="CyrPau">
 +
            <img src="https://static.igem.org/mediawiki/2015/6/6a/Member_cp_thumbnail.jpg" class="img-circle centered"/>
 +
            <p class="text-center">Cyrille Pauthenier</p>
 +
          </div>
 +
        <div class="col-xs-6 col-md-6 col-people" id="JulZaw">
 +
            <img src="https://static.igem.org/mediawiki/2015/0/0a/Member_jz_thumbnail.jpg" class="img-circle centered"/>
 +
            <p class="text-center">Julie Zaworski</p>
 +
        </div>
 +
        </div>
 +
      </div>
 +
          </div>
  
−
<h4>Inspiration</h4>
+
      </div>
−
<p>You can look at what other teams did to get some inspiration! <br />
+
      <div class="col-md-9" id="default-content">
−
Here are a few examples:</p>
+
          <div id="img-div" style="padding-top: 5%;">
−
<ul>
+
          <img src="https://static.igem.org/mediawiki/2015/f/f9/Issb_building_igem.jpg" class="img-responsive img-rounded"/>
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
          </div>
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
      <p class="lead"><br>Click on a member and start discovering our team!</p>
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
      </div>
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
      <div class="col-md-9" id="member-info" style="display:none">
−
</ul>
+
        <div class=" col-md-8">
 +
          <div class="well well-sm">
 +
              <h2 id="member-name"></h2>
 +
              <p id="member-desc" class="text-justify">Description</p>
 +
          </div>
 +
        </div>
 +
        <div class="col-md-4">
 +
          <img src="" id="member-pic" class="img-rounded img-responsive"/>
 +
        </div>
 +
      </div>
  
−
<h5>What should this page contain?</h5>
+
</div><!-- end .side-body -->
−
<ul>
+
</div> <!-- end .container -->
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
</div>
−
<li>You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.</li>
+
</div> <!-- end .row -->
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
−
</ul>
+
  
 +
    <script defer="defer" type="text/javascript">
 +
// Store team members information.
 +
var teamMembers = {
 +
    "MarAub": {"name":"Marjorie Aubert", "desc":"\"I joined the team because sometimes you just have to do something crazy and it would have been stupid if I hadn't taken this opportunity. Since I am specializing in phytopathology, human pathology seemed only one step away, so I said 'sure, let's go !'. We had a really friendly and good atmosphere so it was a great summer. <br>I work most of the time in the lab. I’m the third musketter of the wet lab team with Frédéric and Louise. In parallel, I worked on the Human practices part and on the cloning guide. Finally, I participated in the biosensor design. The most difficult part of my job was to guard my protocols and lab book against Louise, our 'little lab pixie' and it was not so easy! <br>As you can imagine, I will return to plants after iGEM and complete my master in Plant sciences at AgroParisTech but I hope I will put synthetic biology in my future research project.\"", "img":"https://static.igem.org/mediawiki/2015/2/27/Member_ma.jpg" },
 +
    "LouBar": {"name":"Louise Barreau", "desc":"\"I had never been involved in a student project before and always regreted it, so when the opportunity to experience the iGEM competition arose, I jumped on the occasion. I told myself « Now or (probably) never ! ». At first, the project was for me very ambitious and a bit crazy, given the few months we had to carry it out, my little experience in the lab and my limited experience in synthetic biology. But hey ! I was going to try curing cancer, in one summer, with great friends and amazing supervisors (where’s the big deal, really ?).<br>I spent most of my time in the lab, doing lab work and occasionally (mostly not on purpose) stealing my teammates protocols and lab books (sorry about that guys). I took care of the wiki notebook with the help of François, who patiently taught me how to use the wiki and a bit of HTML..... and of course the stolen notebooks. I also participated in the cloning guide redaction. <br>After the Giant Jamboree, I will head back to class and complete my master degree in Plant Sciences at Paris 7 Diderot University. Then I will enjoy the researcher rich lifestyle ;) !\"", "img":"https://static.igem.org/mediawiki/2015/f/f1/Member_lb.jpg" },
 +
    "FraBuc": {"name":"François Bucchini", "desc":"\"Hello! I am finishing a Master in Bioinformatics at the University of Evry Val d'Essonne and I'm highly interested in the approach of synthetic and systemic biology. My role in the team is to take care of the wiki and of the dry lab project (computational immunology).\" ", "img":"https://static.igem.org/mediawiki/2015/f/f4/Member_fb.jpg" },
 +
    "CleOba": {"name":"Clément de Obaldia", "desc":"<em>\"The best way to predict the future is to invent it.\" (Alan Kay)</em><br>Clément is our team leader. His interests include synthetic biology, but also music and aviation. In addition to taking care of what every member is doing, he is also working on the bench.", "img":"https://static.igem.org/mediawiki/2015/2/2f/Member_cdo.jpg" },
 +
    "PieNog": {"name":"Pierre-Yves Nogue", "desc":"\"Scientific enthusiast, I am currently finishing the \"master of Synthetic and Systemic Biology\" in Evry. I was part of the Evry iGEM team in 2012 and it was a very powerful experience! <br> Synthetic Biology offers many possibilities for the future, and the iGEM competition is a main driving force for the visions of Synthetic Biology. I like the creativity, group work, interaction and exchanges about Science that are part of the competition process. I was really looking forward to work with the team on a visionary project that will further form Synthetic Biology, and of course, to have a lot of fun with them!\"", "img":"https://static.igem.org/mediawiki/2015/3/30/Member_pyn.png" },
 +
    "CyrPau": {"name":"Cyrille Pauthenier", "desc":"Cyrille is finishing a Ph.D in metabolic engineering on yeast at Jean-Loup Faulon's group in the institute of System and Synthetic Biology, France. He participated in iGEM in 2011 and 2012 as team member, and also in 2013 as advisor. He is supervising us this year and is helping the wet lab people with cloning techniques.", "img":"https://static.igem.org/mediawiki/2015/e/e4/Member_cp.jpg" },
 +
    "BruCol": {"name":"Bruno Colombo", "desc":"Bruno is full professor in Cell Biology and Immunology at the University of Evry Val d’Essonne, France, since 2004. He started his research career in 1987 in Milan, Italy, working on the molecular genetics of cancers. <br>Since 1994, he is developing several anticancer biotherapy approaches, such as gene therapy (by using the \“suicide gene\” strategy to directly target cancer cells or tumor vessels) and immunotherapy (by using the dendritic cells as anticancer vaccines), in Milan and successively in Paris (since 1995). In January 2014 he joined the Institute of Systems and Synthetic Biology in Evry, France, where he is developing new biosynthetic microbial tools to modulate the immune response for biotherapy purposes.", "img":"https://static.igem.org/mediawiki/2015/5/5c/Member_bc.jpg" },
 +
    "JulZaw": {"name": "Julie Zaworski",
 +
"desc": "Julie just started a Ph.D: she's studying the genome architecture and layout of <em>Deinococcus</em>. She was a member of the Evry iGEM team last year and was therefore really motivated to participate again in the competition, this time as advisor. She is helping us all summer long for deadlines, wiki and presentation.",
 +
"img":"https://static.igem.org/mediawiki/2015/4/43/Member_jz.jpg"},
 +
    "EmiPui": {"name":"Emilia Puig Lombardi", "desc":"Emilia is in her third year at AgroParisTech and she is following a Master in computational biology, she is working on the dry lab part of our project.", "img":"https://static.igem.org/mediawiki/2015/6/6f/Member_epl.gif"},
 +
    "CosBou":{"name":"Costas Bouyioukos", "desc":"Costas is a post-doctoral scientist in the MEGA team at the Institute of Systems and Synthetic Biology (iSSB). His main research interest is the computational modelling of chromosome epigenomics conformation as well as studying genome layout by creating softwares aiming at analysing regular patterns of gene positions. He is helping by providing advice in the bioinformatics and the machine learning parts of the project.", "img":"https://static.igem.org/mediawiki/2015/b/ba/Member_cb.jpg"},
 +
    "LucRay":{"name":"Lucie Raymond", "desc":"Journalist and now Ph.D. student at the Graduate School of Journalism and Communications (CELSA) of the Sorbonne University, Lucie studies the evolution of the political communication, in the era of the communication 2.0.", "img":"https://static.igem.org/mediawiki/2015/3/38/Member_lr.png"},
 +
    "FreRos":{"name":"Frédéric Ros", "desc":"\"This year, I am specializing in cancerology, so I was of course interested in this iGEM project. It was the occasion to get a first experience in research related to the field I will specialize in this year, so I was eager to spend my summer practicing lab techniques and learn about synthetic biology and I enjoyed it (well, most of the time).<br>I was the late night member of the wet lab team with Marjorie and Louise, but I will keep my night activities to myself for confidentiality agreement. Otherwise, when safekeeping my lab book was not a preoccupation, I wrote the cloning guide and participated to the wet lab experiments as my others teammates.<br>After iGEM, I will complete my degree in cancerology at Paris Sud University.\"", "img":"https://static.igem.org/mediawiki/2015/3/3e/Member_fr.png"}
 +
}
  
−
</div>
+
// People selection
 +
$('.col-people').click(function() {
 +
    // alert('You clicked me'); // Debug
 +
    $('.col-people').not(this).removeClass('active-people');
 +
    $(this).addClass("active-people");
 +
});
 +
 
 +
// When selecting someone, replace by correct name, description and photo.
 +
$('.col-people').click(function() {
 +
// Hide default content, show member-specific content
 +
$("#default-content").hide();
 +
$("#member-info").show();
 +
// Get member ID
 +
var memberId = $(this).attr('id');
 +
// Replace information of divs by current member information
 +
$('#member-name').html(teamMembers[memberId].name);
 +
$('#member-desc').html(teamMembers[memberId].desc);
 +
$('#member-pic').attr('src', teamMembers[memberId].img);
 +
});
 +
 
 +
// Parallax effect ftw
 +
(function(){
 +
  var parallax = document.querySelectorAll(".parallax"),
 +
      speed = 0.5;
 +
  window.onscroll = function(){
 +
    [].slice.call(parallax).forEach(function(el,i){
 +
      var windowYOffset = window.pageYOffset,
 +
          elBackgrounPos = "50% " + (windowYOffset * speed) + "px";
 +
      el.style.backgroundPosition = elBackgrounPos;
 +
    });
 +
  };
 +
})();
 +
 
 +
// Please let us add the active class of the current item on the menu, plus sub-item
 +
$('.side-menu .navbar-nav li').filter(function() { return $.text([this]).indexOf('Team') > -1; }).addClass('active');
 +
$('.side-menu .navbar-nav li').filter(function() { return $.text([this]).indexOf('Members') > -1; }).addClass('active');
 +
    </script>
 
</html>
 
</html>
 +
{{:Team:Evry/Template:Footer}}

Latest revision as of 22:38, 20 November 2015

   

Team members

Marjorie Aubert

Louise Barreau

François Bucchini

Clément de Obaldia

Pierre-Yves Nogue

Emilia Puig Lombardi

Lucie Raymond

Frédéric Ros

Costas Bouyioukos

Bruno Colombo

Cyrille Pauthenier

Julie Zaworski


Click on a member and start discovering our team!

Scroll to top To top