Difference between revisions of "Team:Evry/Team"

(Prototype team page)
 
(Added page, base layout only. Images need to be added.)
Line 1: Line 1:
 
{{Evry}}
 
{{Evry}}
 +
{{:Team:Evry/Template:RegNavbar}}
 
<html>
 
<html>
−
 
+
<div style="height:60px"></div>
−
<h2>Team</h2>
+
    <div class="container">
−
 
+
    <div class="page-header">
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
      <h1>Meet our team</h1>
−
 
+
      <!--  to our project homepage -->
−
 
+
    </div>
−
 
+
    <!-- Is it useful to be able to select people according to the group they belong to ? -->
−
 
+
    <div class="row">
−
 
+
      <div class="col-md-3">
−
<h4>Inspiration</h4>
+
<ul class="nav nav-tabs nav-justified" id="people-select-tabs" data-tabs="tabs">
−
<p>You can look at what other teams did to get some inspiration! <br />
+
  <li role="presentation" class="active"><a href="#team-students" data-toggle="tab">Students</a></li>
−
Here are a few examples:</p>
+
  <li role="presentation"><a href="#team-supervisors" data-toggle="tab">Supervisors</a></li>
−
<ul>
+
−
<li><a href="https://2014.igem.org/Team:METU_Turkey_team">METU Turkey </a></li>
+
−
<li><a href="https://2014.igem.org/Team:Colombia/Members">Colombia</a></li>
+
−
<li><a href="https://2014.igem.org/Team:Stony_Brook/Team">Stony Brook</a></li>
+
−
<li><a href="https://2014.igem.org/Team:OUC-China/Team">OUC-China</a></li>
+
 
</ul>
 
</ul>
 +
            <div class="tab-content">
 +
<div id="team-students" class="tab-pane active">
 +
        <h3>Students</h3>
 +
        <div class="row top-spaced">
 +
          <div class="col-xs-6 col-md-6 col-people" id="MarAub">
 +
            <img src="img/team/example.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="img/team/example.jpg" 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="img/team/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="AntCle">
 +
            <img src="img/team/ac.jpg" class="img-circle centered"/>
 +
            <p class="text-center">Anthony Clerget</p>
 +
          </div>
 +
        </div>
 +
        <div class="row">
 +
          <div class="col-xs-6 col-md-6 col-people" id="CleOba">
 +
            <img src="img/team/cdo-thumbnail.png" class="img-circle centered"/>
 +
            <p class="text-center">Clément de Obaldia</p>
 +
          </div>
 +
          <div class="col-xs-6 col-md-6 col-people" id="IgoKul">
 +
            <img src="img/team/ik-thumbnail.jpg" class="img-circle centered"/>
 +
            <p class="text-center">Igor Kulieshov</p>
 +
          </div>
 +
        </div>
 +
        <div class="row">
 +
          <div class="col-xs-6 col-md-6 col-people" id="PieNog">
 +
            <img src="img/team/pyn.png" class="img-circle centered"/>
 +
            <p class="text-center">Pierre-Yves Nogue</p>
 +
          </div>
 +
        </div>
 +
    </div>
 +
          <div id="team-supervisors" class="tab-pane">
 +
        <h3>Advisors</h3>
 +
        <div class="row top-spaced">
 +
        <div class="col-xs-6 col-md-6 col-people" id="JulZaw">
 +
            <img src="img/team/example.jpg" class="img-circle centered"/>
 +
            <p class="text-center">Julie Zaworski</p>
 +
        </div>
 +
</div>
 +
        <h3>Instructors</h3>
 +
        <div class="row top-spaced">
 +
          <div class="col-xs-6 col-md-6 col-people" id="BruCol">
 +
            <img src="img/team/bc-thumbnail.jpg" class="img-circle centered"/>
 +
            <p class="text-center">Bruno Colombo</p>
 +
          </div>
 +
          <div class="col-xs-6 col-md-6 col-people" id="CyrPau">
 +
            <img src="img/team/cp-thumbnail.jpg" class="img-circle centered"/>
 +
            <p class="text-center">Cyrille Pauthenier</p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
          </div>
 +
      </div>
 +
      <div class="col-md-9" id="default-content">
 +
          <div id="img-div" style="padding-top: 6%;">
 +
          <img src="img/issb_building_igem.jpg" class="img-responsive img-rounded"/>
 +
          </div>
 +
      <p class="lead"><br>Click on a member and start discovering our team!</p>
 +
      </div>
 +
      <div class="col-md-9" id="member-info" style="display:none">
 +
        <div class=" col-md-8">
 +
          <div class="well">
 +
              <h2 id="member-name"> <!--span class="label label-info">Team</span--></h2>
 +
              <p id="member-desc" class="text-justify"></p>
 +
          </div>
 +
        </div>
 +
        <div class="col-md-4">
 +
          <img src="" id="member-pic" class="img-rounded img-responsive"/>
 +
        </div>
 +
      </div>
 +
    </div>
 +
<script>
 +
// Add 'active' class to a navbar item based on its text (here 'Team').
 +
$('.navbar-nav li').filter(function() { return $.text([this]).indexOf('Team') > -1; }).addClass('active');
 +
</script>
 +
    <script defer="defer" type="text/javascript">
 +
// Store team members information.
 +
var teamMembers = {
 +
    "MarAub": {"name":"Marjorie Aubert <!--small><span class='label label-info'>Team</span></small-->", "desc":"Marjorie desc", "img":"img/team/example.jpg" },
 +
    "LouBar": {"name":"Louise Barreau", "desc":"Louise is a ...", "img":"img/team/example.jpg" },
 +
    "FraBuc": {"name":"François Bucchini", "desc":"\"Hello! I am \" ", "img":"img/team/fb.jpg" },
 +
    "AntCle": {"name":"Anthony Clerget", "desc":"Anthony desc", "img":"img/team/ac.jpg" },
 +
    "CleOba": {"name":"Clément de Obaldia", "desc":"Clément desc", "img":"img/team/cdo-2.jpg" },
 +
    "IgoKul": {"name":"Igor Kulieshov", "desc":"Igor desc", "img":"img/team/ik.jpg" },
 +
    "PieNog": {"name":"Pierre-Yves Nogue", "desc":"\"Scientific enthusiast, I am currently finishing the \"master of synthetic and systemic biology\" in Paris. I was part of the Evry iGEM team 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 am 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":"img/team/pyn.png" },
 +
    "CyrPau": {"name":"Cyrille Pauthenier", "desc":"Cyrille desc", "img":"img/team/cp.jpg" },
 +
    "BruCol": {"name":"Bruno Colombo", "desc":"Bruno desc", "img":"img/team/bc.jpg" }
 +
}
  
−
<h5>What should this page contain?</h5>
+
// People selection
−
<ul>
+
$('.col-people').click(function() {
−
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
    // alert('You clicked me'); // Debug
−
<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>
+
    $('.col-people').not(this).removeClass('active-people');
−
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
    $(this).addClass("active-people");
−
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
+
});
−
</ul>
+
  
−
 
+
// When selecting someone, replace by correct name, description and photo.
−
</div>
+
$('.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);
 +
});
 +
    </script>
 
</html>
 
</html>
 +
{{:Team:Evry/Template:Footer}}

Revision as of 14:59, 29 May 2015

Meet our team

Students

Marjorie Aubert

Louise Barreau

François Bucchini

Anthony Clerget

Clément de Obaldia

Igor Kulieshov

Pierre-Yves Nogue

Advisors

Julie Zaworski

Instructors

Bruno Colombo

Cyrille Pauthenier


Click on a member and start discovering our team!

Scroll to top To top