Difference between revisions of "Team:TU-Eindhoven/Team"

 
(11 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 
{{:Team:TU-Eindhoven/NavMenu}}
 
{{:Team:TU-Eindhoven/NavMenu}}
 
<html>
 
<html>
<style>
+
<head>
      .personale {
+
    <link href="https://2018.igem.org/Team:TU-Eindhoven/Animate_css?action=raw&ctype=text/css" rel="stylesheet">
        position:sticky;
+
    <style>
        top: 65px;
+
         .placeholder {
         background-color:white;
+
            /* background-color: aqua; */
        height: 500px;
+
            text-align: center;
      }
+
            padding:40px;
      .personale-wrapper {
+
        height:100%;
+
      }
+
      /* .team-wrapper {
+
      } */
+
      .teamMembers img {
+
        width:100%;
+
      }
+
      /* .teamMembers {
+
        margin: 10%;
+
      } */
+
      @media screen and (max-width: 992px) {
+
        .teamMembers {
+
          margin: 5%;
+
 
         }
 
         }
      }
+
        .memberRow {
      @media screen and (min-width: 1440px) {
+
          /* height: 100px; */
         .teamMembers {
+
          border-radius:5px;
           margin: 5%;
+
          margin-top:15px;
 +
          margin-bottom:15px;
 +
          margin-left:auto;
 +
          margin-right:auto;
 +
          width: 80%;
 +
        }
 +
        .teamPhoto img {
 +
          border-radius: 50%;
 +
          width:100%;
 +
          padding:5px;
 +
        }
 +
        .members,
 +
        .supervisors {
 +
          text-align:center;
 +
        }
 +
         #HQ_page .members h1,
 +
        #HQ_page .members h2,
 +
        #HQ_page .supervisors h1,
 +
        #HQ_page .supervisors h2 {
 +
           margin-bottom:10px;
 +
          padding-top:0;
 +
          padding-bottom:5px;
 +
        }
 +
        .members p,
 +
        .supervisors p {
 +
          text-align:justify;
 +
        }
 +
        .supervisorWrapper {
 +
          padding: 5px 15px;
 +
        }
 +
        .supervisorWrapper p,
 +
        .supervisorWrapper em {
 +
          text-align: justify;
 +
          margin-left:15px;
 +
          margin-right:15px;
 +
        }
 +
        .supervisorWrapper img {
 +
          width: 33.3%;
 +
          /* border-radius: 50%; */
 +
          float: left;
 +
          margin: 15px;
 +
        }
 +
        .color1 {
 +
          background-color:rgb(236, 193, 116);
 +
        }
 +
        .color2 {
 +
          background-color:#d7a895;
 +
        }
 +
        .colorLightBlue {
 +
          background-color:rgb(141, 141, 204);
 +
        }
 +
        .colorLightRed {
 +
          background-color:rgb(206, 146, 146)
 +
        }
 +
        .teamHeaderImg{
 +
          width:100%;
 +
        }
 +
        .container-fluid {
 +
          background-color:#A6E8CB66;
 +
        }
 +
        .jumbotron {
 +
          padding-top:0;
 +
          padding-bottom:15px;
 +
          background-color:#A6E8CB66;
 +
          margin-top: 50px;
 +
        }
 +
        .jumbotron h1 {
 +
          text-shadow:0px 0px black;
 +
        }
 +
        .btn-bio {
 +
          font-weight: bold;
 +
          cursor: pointer;
 
         }
 
         }
      }
 
 
      /* slides */
 
      .slideshow-container {
 
        max-width: 800px;
 
        position: relative;
 
        margin: auto;
 
      }
 
 
      /* Hide the images by default */
 
      .mySlides {
 
        display: none;
 
      }
 
 
      /* Next & previous buttons */
 
      .prevbtn, .nextbtn {
 
        cursor: pointer;
 
        position: absolute;
 
        top: 50%;
 
        width: auto;
 
        margin-top: -22px;
 
        padding: 16px;
 
        color: white;
 
        font-weight: bold;
 
        font-size: 18px;
 
        transition: 0.6s ease;
 
        border-radius: 0 3px 3px 0;
 
      }
 
      .prevbtn {
 
        left:0;
 
      }
 
 
      /* Position the "next button" to the right */
 
      .nextbtn {
 
        right: 0;
 
        border-radius: 3px 0 0 3px;
 
      }
 
 
      /* On hover, add a black background color with a little bit see-through */
 
      .prevbtn:hover, .nextbtn:hover {
 
        background-color: rgba(0,0,0,0.8);
 
        text-decoration: none;
 
      }
 
 
      /* Caption text */
 
      .slidetext {
 
        color: #f2f2f2;
 
        font-size: 15px;
 
        padding: 8px 12px;
 
        position: absolute;
 
        bottom: 0px;
 
        width: 100%;
 
        text-align: center;
 
        background-color: #0009;
 
      }
 
 
      /* Number text (1/3 etc) */
 
      .numbertext {
 
        color: #f2f2f2;
 
        font-size: 12px;
 
        padding: 8px 12px;
 
        position: absolute;
 
        top: 0;
 
      }
 
 
      /* The dots/bullets/indicators */
 
      .dot {
 
        cursor: pointer;
 
        height: 15px;
 
        width: 15px;
 
        margin: 0 2px;
 
        background-color: #bbb;
 
        border-radius: 50%;
 
        display: inline-block;
 
        transition: background-color 0.6s ease;
 
      }
 
 
      .dot.active, .dot:hover {
 
        background-color: #717171;
 
      }
 
 
      /* Fading animation */
 
      .myfade {
 
        animation-name: myfade;
 
        animation-duration: 1.5s;
 
      }
 
 
      @-webkit-keyframes myfade {
 
        from {opacity: .4}
 
        to {opacity: 1}
 
      }
 
 
      @keyframes myfade {
 
        from {opacity: .4}
 
        to {opacity: 1}
 
      }
 
      .slideJumbotron {
 
        background-image: linear-gradient(to bottom right,
 
          rgba(44, 33, 146, 0.801), rgba(83, 0, 151, 0.521));
 
      }
 
 
     </style>
 
     </style>
 
+
</head>
     <div class="jumbotron slideJumbotron" id="team-container">
+
     <div class="jumbotron neat">
      <!-- Slideshow container -->
+
       <div class="container">
       <div class="slideshow-container">
+
         <h1>Meet iGEM TU Eindhoven 2018!</h1>
         <!-- Full-width images with number and caption text -->
+
         <img class="teamHeaderImg" src="https://static.igem.org/mediawiki/2018/e/e4/T--TU-Eindhoven--TeamHeader.jpeg">
        <div class="mySlides myfade">
+
          <div class="numbertext">1 / 5</div>
+
          <img src="https://upload.wikimedia.org/wikipedia/commons/0/0b/Orient_Express_2.jpg" style="width:100%">
+
          <div class="slidetext">Caption One</div>
+
         </div>
+
     
+
        <div class="mySlides myfade">
+
          <div class="numbertext">2 / 5</div>
+
          <img src="https://upload.wikimedia.org/wikipedia/commons/b/bc/Eton_College_quadrangle.jpg" style="width:100%">
+
          <div class="slidetext">Caption Two</div>
+
        </div>
+
     
+
        <div class="mySlides myfade">
+
          <div class="numbertext">3 / 5</div>
+
          <img src="https://upload.wikimedia.org/wikipedia/commons/e/e0/GoldeneyeEstate.jpg" style="width:100%">
+
          <div class="slidetext">Caption Three</div>
+
        </div>
+
     
+
        <div class="mySlides myfade">
+
          <div class="numbertext">4 / 5</div>
+
          <img src="https://upload.wikimedia.org/wikipedia/commons/6/60/Aspendos_Amphitheatre.jpg" style="width:100%">
+
          <div class="slidetext">Caption Four</div>
+
        </div>
+
     
+
        <div class="mySlides myfade">
+
          <div class="numbertext">5 / 5</div>
+
          <img src="https://upload.wikimedia.org/wikipedia/commons/7/76/East_Terrace_%284961356591%29.jpg" style="width:100%">
+
          <div class="slidetext">Caption Five</div>
+
        </div>
+
     
+
        <!-- Next and previous buttons -->
+
        <a class="prevbtn" onclick="plusSlides(-1)">&#10094;</a>
+
        <a class="nextbtn" onclick="plusSlides(1)">&#10095;</a>
+
      </div>
+
      <br>
+
     
+
      <!-- The dots/circles -->
+
      <div style="text-align:center">
+
        <span class="dot" onclick="currentSlide(1)"></span>
+
        <span class="dot" onclick="currentSlide(2)"></span>
+
        <span class="dot" onclick="currentSlide(3)"></span>
+
        <span class="dot" onclick="currentSlide(4)"></span>
+
        <span class="dot" onclick="currentSlide(5)"></span>  
+
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
      
 
      
     <div class="container-fluid team-main">
+
     <div class="container-fluid">
       <div class="row">
+
       <div class="container" id="team-container">
         <div class="col-lg-1"></div>
+
         <div class="members">
        <div class="col-xs-12 col-sm-5 col-md-4 col-lg-3 personale-wrapper">
+
          <h1>Team Members</h1>
          <div id="personaleDiv" class="personale">
+
          <div id="memberTim"    class="memberRow aniview row color1" data-av-animation="bounceInRight">
             <h1 style="position: absolute;top:0;">top</h1>
+
            <div class="teamPhoto col-xs-4">
            <h1 style="position: absolute;bottom:0;">bottom</h1>
+
              <img src="https://static.igem.org/mediawiki/2018/thumb/a/a9/T--TU-Eindhoven--TeamTim.jpeg/599px-T--TU-Eindhoven--TeamTim.jpeg">
 +
            </div>
 +
             <div class="teamDescription col-xs-8">
 +
              <h2>Tim van der Hek</h2>
 +
              <em>Team Manager</em>
 +
              <p>Tim is the team manager for this team. This means that he is responsible for the general atmosphere of the team and
 +
                keeps track of all of our deadlines. To keep everything running smoothly as a student team, he is also communicating
 +
                with our university together with Sander. In the lab, Tim is part of the Cloning team of our lab squad and he is also
 +
                part of acquisition. 70% of the time we know where he is and we can see him. The other 30%? Try looking in the
 +
                vicinity of the coffee booth and you will find him.
 +
              </p>
 +
            </div>
 
           </div>
 
           </div>
        </div>
+
 
        <div class="col-xs-12 col-sm-7 col-md-8 col-lg-7 team-wrapper">
+
          <div id="memberMick"    class="memberRow aniview row color2" data-av-animation="bounceInLeft">
          <div class='row teamMembers'>
+
             <div class="teamDescription col-xs-8">
             <div class='col-xs-4 col-md-3'>
+
               <h2>Mick Verhagen</h2>
               <div class="foto">
+
               <em>Secretary</em>
                <img src="images/playwith/heads/rest.png"
+
               <p>Also known as Mr Secretary, Mick keeps track of all of our mails and updates our agendas with the average four to six
                    id="Guido" onmouseover="changeAllPhotos(this)"
+
                 meetings we have per week of our various subgroups. When he is not writing lovely letters, Mick can be found in the
                    onmouseout="restorePhoto(this)"/>
+
                 lab as a part of the Adhesion team of the lab squad. However, not only the lab squad is happy with Mick, also our
               </div>
+
                 Human Practices team is happy to have Mick on the team. And how do we achieve all of our lovely collaborations with
               <div class='bio'>
+
                other teams? Via Mick, the Collaboration Captain.
                 <h1>Guido</h1>
+
               </p>
                 <p>
+
                 </p>
+
               </div>
+
 
             </div>
 
             </div>
       
+
             <div class="teamPhoto col-xs-4">
             <div class='col-xs-4 col-md-3'>
+
               <img src="https://static.igem.org/mediawiki/2018/thumb/c/c6/T--TU-Eindhoven--TeamMick.jpeg/600px-T--TU-Eindhoven--TeamMick.jpeg">
               <div class="foto">
+
                <img src="images/playwith/heads/rest.png"
+
                  id="Maxime" onmouseover="changeAllPhotos(this)"
+
                  onmouseout="restorePhoto(this)"/>
+
              </div>
+
              <div class='bio'>
+
                <h1>Maxime</h1>
+
                <p>
+
                </p>
+
              </div>
+
 
             </div>
 
             </div>
       
+
          </div>
            <div class='col-xs-4 col-md-3'>
+
 
              <div class="foto">
+
          <div id="memberYahav"  class="memberRow aniview row color1" data-av-animation="bounceInRight">
                <img src="images/playwith/heads/rest.png"
+
            <div class="teamPhoto col-xs-4">
                  id="Mariska" onmouseover="changeAllPhotos(this)"
+
              <img src="https://static.igem.org/mediawiki/2018/thumb/6/6c/T--TU-Eindhoven--TeamYahav.jpeg/600px-T--TU-Eindhoven--TeamYahav.jpeg">
                  onmouseout="restorePhoto(this)"/>
+
              </div>
+
              <div class='bio'>
+
                <h1>Mariska</h1>
+
                <p>
+
                </p>
+
              </div>
+
 
             </div>
 
             </div>
       
+
             <div class="teamDescription col-xs-8">
             <div class='col-xs-4 col-md-3'>
+
               <h2>Yahav Rave</h2>
               <div class="foto">
+
               <em>Finance Manager</em>
                <img src="images/playwith/heads/rest.png"
+
              <p>Yahav is the Treasurer of our team. He is responsible for all of our money, which allows us to go to Boston! In the lab, Yahav leads with Mick the Adhesin squad. Aditionally, we have elected him to present at the Giant Jamboree. He travels on his motorcycle every day to Eindhoven for the team and we are very happy that he does that because we are glad to have him on the team!
                  id="Mick" onmouseover="changeAllPhotos(this)"
+
                  onmouseout="restorePhoto(this)"/>
+
               </div>
+
              <div class='bio'>
+
                <h1>Mick</h1>
+
                <p>
+
                </p>
+
              </div>
+
 
             </div>
 
             </div>
       
+
          </div>
            <div class='col-xs-4 col-md-3'>
+
 
              <div class="foto">
+
          <div id="memberBruno"   class="memberRow aniview row color2" data-av-animation="bounceInLeft">
                <img src="images/playwith/heads/rest.png"
+
            <div class="teamDescription col-xs-8">
                  id="Sander" onmouseover="changeAllPhotos(this)"
+
               <h2>Bruno Eijkens</h2>
                  onmouseout="restorePhoto(this)"/>
+
               <em>Safety Manager</em>
               </div>
+
              <p>The guy that is keeping us all alive, it is our own Safety Officer Bruno. Bruno is responsible for all of the
               <div class='bio'>
+
                 paperwork that allows the team to work with the biological materials required. Also he has done the Interlab studies
                <h1>Sander</h1>
+
                for us. Right now, he is assisting Pim with Modeling and is part of our Human Practices squad.
                <p>
+
               </p>
                 </p>
+
               </div>
+
 
             </div>
 
             </div>
       
+
             <div class="teamPhoto col-xs-4">
             <div class='col-xs-4 col-md-3'>
+
               <img src="https://static.igem.org/mediawiki/2018/thumb/2/2a/T--TU-Eindhoven--TeamBruno.jpeg/600px-T--TU-Eindhoven--TeamBruno.jpeg">
               <div class="foto">
+
                <img src="images/playwith/heads/rest.png"
+
                  id="Tim" onmouseover="changeAllPhotos(this)"
+
                  onmouseout="restorePhoto(this)"/>
+
              </div>
+
              <div class='bio'>
+
                <h1>Tim</h1>
+
                <p>
+
                </p>
+
              </div>
+
 
             </div>
 
             </div>
       
+
          </div>
            <div class='col-xs-4 col-md-3'>
+
 
               <div class="foto">
+
          <div id="memberMariska" class="memberRow aniview row color1" data-av-animation="bounceInRight">
                 <img src="images/playwith/heads/rest.png"
+
               <div class="teamPhoto col-xs-4">
                  id="Bruno" onmouseover="changeAllPhotos(this)"
+
                 <img src="https://static.igem.org/mediawiki/2018/thumb/4/4f/T--TU-Eindhoven--TeamMariska.jpeg/600px-T--TU-Eindhoven--TeamMariska.jpeg">
                  onmouseout="restorePhoto(this)"/>
+
 
               </div>
 
               </div>
               <div class='bio'>
+
               <div class="teamDescription col-xs-8">
                 <h1>Bruno</h1>
+
                 <h2>Mariska Brüls</h2>
                 <p>
+
                <em>Biobrick Captain</em>
 +
                 <p>Mariska is our Biobrick Captain. This means that she is responsible for all of the biobricks that we are handing in.
 +
                  Obviously, she is part of the Biobrick subgroup of our lab squad. She is also very fond of going to the gym and
 +
                  drinking tea.
 
                 </p>
 
                 </p>
 
               </div>
 
               </div>
 +
          </div>
 +
 
 +
          <div id="memberGuido"  class="memberRow aniview row color2" data-av-animation="bounceInLeft">
 +
            <div class="teamDescription col-xs-8">
 +
              <h2>Guido Oerlemans</h2>
 +
              <em>Lab Captian</em>
 +
              <p>Guido is one of our two Lab Captains in charge of managing the lab work. He is almost never in the office but can
 +
                always be found in the synthesis lab working on the hydrogel or the biolab working on the biobricks and protein
 +
                expression.
 +
              </p>
 
             </div>
 
             </div>
       
+
             <div class="teamPhoto col-xs-4">
             <div class='col-xs-4 col-md-3'>
+
               <img src="https://static.igem.org/mediawiki/2018/thumb/1/1d/T--TU-Eindhoven--TeamGuido.jpeg/600px-T--TU-Eindhoven--TeamGuido.jpeg">
               <div class="foto">
+
                <img src="images/playwith/heads/rest.png"
+
                  id="Laura" onmouseover="changeAllPhotos(this)"
+
                  onmouseout="restorePhoto(this)"/>
+
              </div>
+
              <div class='bio'>
+
                <h1>Laura</h1>
+
                <p>
+
                </p>
+
              </div>
+
 
             </div>
 
             </div>
       
+
          </div>
            <div class='col-xs-4 col-md-3'>
+
 
              <div class="foto">
+
          <div id="memberMaxime"  class="memberRow aniview row color1" data-av-animation="bounceInRight">
                <img src="images/playwith/heads/rest.png"
+
            <div class="teamPhoto col-xs-4">
                  id="Pim" onmouseover="changeAllPhotos(this)"
+
              <img src="https://static.igem.org/mediawiki/2018/thumb/b/b5/T--TU-Eindhoven--TeamMaxime.jpeg/600px-T--TU-Eindhoven--TeamMaxime.jpeg">
                  onmouseout="restorePhoto(this)"/>
+
                </div>
+
                <div class='bio'>
+
                  <h1>Pim</h1>
+
                  <p>
+
                  </p>
+
                </div>
+
 
             </div>
 
             </div>
       
+
             <div class="teamDescription col-xs-8">
             <div class='col-xs-4 col-md-3'>
+
               <h2>Maxime van den Oetelaar</h2>
               <div class="foto">
+
               <em>Lab Captain</em>
                <img src="images/playwith/heads/rest.png"
+
              <p>Maxime, the other one of the two Lab Captains, is also in charge of managing all lab work. When not working on the planning
                  id="Simone" onmouseover="changeAllPhotos(this)"
+
                  of all experiment, she can be found in both the synthesis lab or in the biolab. Except for managing the lab work, she also
                  onmouseout="restorePhoto(this)"/>
+
                  plays an important role for the hydrogel synthesis, biobrick design, and protein expression experiments.
               </div>
+
               </p>
              <div class='bio'>
+
                <h1>Simone</h1>
+
                <p>
+
                </p>
+
               </div>
+
 
             </div>
 
             </div>
       
+
          </div>
            <div class='col-xs-4 col-md-3'>
+
 
              <div class="foto">
+
          <div id="memberLaura"   class="memberRow aniview row color2" data-av-animation="bounceInLeft">
                <img src="images/playwith/heads/rest.png"
+
            <div class="teamDescription col-xs-8">
                  id="Yahav" onmouseover="changeAllPhotos(this)"
+
               <h2>Laura van Hazendonk</h2>
                  onmouseout="restorePhoto(this)"/>
+
               <em>Human Practices Manager</em>
               </div>
+
              <p>Laura is our lovely vegan Human Practices Manager. When she is not in the lab for the Cloning team, she can be found either
               <div class='bio'>
+
                 at her desk on her laptop typing, or she is traveling to somewhere in the Netherlands to talk to a stakeholder or expert on
                <h1>Yahav</h1>
+
                the field that we are working on. She is the smallest person on the team but that does not matter, we love her anyway and is
                <p>
+
                our favorite lawnmower.
                 </p>
+
               </p>
               </div>
+
 
             </div>
 
             </div>
       
+
            <div class="teamPhoto col-xs-4">
             <div class='col-xs-4 col-md-3'>
+
              <img src="https://static.igem.org/mediawiki/2018/thumb/1/1e/T--TU-Eindhoven--TeamLaura.jpeg/599px-T--TU-Eindhoven--TeamLaura.jpeg">
               <div class="foto">
+
             </div>
                 <img src="images/playwith/heads/rest.png"
+
          </div>
                  id="Weizhou" onmouseover="changeAllPhotos(this)"
+
 
                  onmouseout="restorePhoto(this)"/>
+
          <div id="memberSimone"  class="memberRow aniview row color1" data-av-animation="bounceInRight">
               </div>
+
            <div class="teamPhoto col-xs-4">
              <div class='bio'>
+
              <img src="https://static.igem.org/mediawiki/2018/thumb/2/23/T--TU-Eindhoven--TeamSimone.jpeg/600px-T--TU-Eindhoven--TeamSimone.jpeg">
                <h1>Weizhou</h1>
+
            </div>
                <p>
+
            <div class="teamDescription col-xs-8">
                 </p>
+
               <h2>Simone Twisk</h2>
               </div>
+
              <em>Sponsor Coordinator</em>
 +
              <p>A project like iGEM would be nowhere without funding, and that’s what we have Simone for. Simone is our Sponsor
 +
                Coordinator and is thus coordinating the Acquisition team to fund our project. She is also part of the Cloning team,
 +
                Human Practices squad and is one of our two bachelor students. Side note, will eat Nutella without mercy and cookies
 +
                are not safe around her either.
 +
              </p>
 +
            </div>
 +
          </div>
 +
 
 +
          <div id="memberWeizhou" class="memberRow aniview row color2" data-av-animation="bounceInLeft">
 +
            <div class="teamDescription col-xs-8">
 +
              <h2>Weizhou Xing</h2>
 +
              <em>Wiki Manager</em>
 +
              <p>Weizhou (or Tony as we call him) is our Wiki Captain. Without him, creating our wiki would have been much more
 +
                 difficult. Staying up late is daily business for Weizhou as the wiki requires a lot of time. Nonetheless we are
 +
                very happy with him on the team!
 +
              </p>
 +
            </div>
 +
            <div class="teamPhoto col-xs-4">
 +
              <img src="https://static.igem.org/mediawiki/2018/thumb/4/4e/T--TU-Eindhoven--TeamWeizhou.jpeg/600px-T--TU-Eindhoven--TeamWeizhou.jpeg">
 +
            </div>
 +
          </div>
 +
 
 +
          <div id="memberPim"     class="memberRow aniview row color1" data-av-animation="bounceInRight">
 +
            <div class="teamPhoto col-xs-4">
 +
               <img src="https://static.igem.org/mediawiki/2018/thumb/6/62/T--TU-Eindhoven--TeamPim.jpeg/600px-T--TU-Eindhoven--TeamPim.jpeg">
 +
            </div>
 +
            <div class="teamDescription col-xs-8">
 +
              <h2>Pim Joostens</h2>
 +
              <em>Modeling Captain</em>
 +
              <p>Pim is our Modelling Captain and is therefore usually found behind his laptop. He is also helping Weizhou design
 +
                 the wiki and is in charge of the design of logos and banners. If Pim is not behind his laptop, he will either be
 +
                at the coffee both next to Tim, or studying the science of nuclear fusion. In the lab he is assisting Maxime and Guido in the hydrogel team.
 +
              </p>
 +
            </div>
 +
          </div>
 +
 
 +
          <div id="memberSander"  class="memberRow aniview row color2" data-av-animation="bounceInLeft">
 +
            <div class="teamDescription col-xs-8">
 +
               <h2>Sander Keij</h2>
 +
              <em>Public Relations</em>
 +
              <p>To promote our project and organize events, we have Sander who is in charge of Public Relations. Organizing a
 +
                Mini Jamboree, talking to newspapers and communicate between the University, our team and the other student teams
 +
                  Daily tasks for our PR guy. Next to PR, he is part of the Acquisition team and in the lab he can be found in the
 +
                  Cloning team. As Vice-Chairman he is also assisting Tim in managing the team. However on Thursday he can be found
 +
                  in the bar to serve beers to the rest of team. Thanks for that Sander, we need to relax as well!
 +
              </p>
 +
            </div>
 +
            <div class="teamPhoto col-xs-4">
 +
              <img src="https://static.igem.org/mediawiki/2018/thumb/9/93/T--TU-Eindhoven--TeamSander.jpeg/600px-T--TU-Eindhoven--TeamSander.jpeg">
 
             </div>
 
             </div>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
         <div class="col-lg-1"></div>
+
         <div class="supervisors instructors">
      </div>
+
          <h1>Instructors</h1>
      <!-- <div class="row supervisors" style="height:200px;background-color:green;">
+
          <div id="instructorEmilien"  class="memberRow aniview row colorLightBlue" data-av-animation="bounceInRight">
        <div class='supervisors row middle-xs center-xs'>
+
            <div class="teamPhoto col-xs-4">
          <div class='col-xs-3'>
+
               <img src="https://static.igem.org/mediawiki/2018/thumb/6/63/T--TU-Eindhoven--InstrEmilien.jpeg/600px-T--TU-Eindhoven--InstrEmilien.jpeg">
            <div class="foto">
+
               <img src="images/playwith/heads/rest.png"/>
+
 
             </div>
 
             </div>
             <div class='bio'>
+
             <div class="teamDescription col-xs-8">
               <h1>Maarten Merkx</h1>
+
               <h2>Dr. E. (Emilien) Dubuc</h2>
               <p>
+
               <p>Emilien is a Postdoc in the department of Biomedical engineering and the Institute for Complex Molecular Systems
 +
                (ICMS). His research focuses on the development of novel regulatory gene networks using in vitro
 +
                transcription-translation systems. Emilien is a meticulous and systematic researcher and an enthusiastic
 +
                instructor. During the many hours he has spent with us in and outside of the lab we have gained the skills and
 +
                knowledge necessary to accomplish our project. <a class="btn-bio" onclick="this.parentElement.nextElementSibling.classList.toggle('disappear')">Click</a> to read his biography.
 +
              </p>
 +
             
 +
              <p class="disappear">Dr. Emilien Dubuc (1987) was born in Talence, France, and studied biochemistry and biophysics at the University
 +
                of Bordeaux. In 2017, he received his PhD under the supervision of Pr. Wilhelm Huck at the Radboud University
 +
                Nijmegen, The Netherlands. His work in cell-free synthetic biology focused on the development of novel
 +
                regulatory networks using ribonucleases and repressor proteins. Currently performing his postdoctoral research
 +
                in the group of Tom de Greef, he is interested in using the dCas9 protein as a universal repressor for the
 +
                development of complex regulatory functions in vitro and in bacteria.
 
               </p>
 
               </p>
 +
            </div>
 +
          </div>
 +
 +
          <div id="instructorPhil"  class="memberRow aniview row colorLightRed" data-av-animation="bounceInLeft">
 +
            <div class="teamDescription col-xs-8">
 +
              <h2>Dr. Shuaiqi Guo (Phil)</h2>
 +
              <p>Phil is a Postdoc in the chemical biology group and the Institute for Complex Molecular Systems (ICMS). His research focuses on the Ice Binding Protein. His work on these proteins formed the foundation of our project. We spent a lot of time in the lab together and Phil has spent countless hours supervising and guiding us in and outside of the lab. We got to know Phil as a creative scientist with many innovative ideas. A more detailed description can be found here. <a class="btn-bio" onclick="this.parentElement.nextElementSibling.classList.toggle('disappear')">Click</a> to read his biography.
 +
              </p>
 +
             
 +
              <p class="disappear">I performed my PhD research under the guidance of Prof. Peter Davies At Queen’s University in Canada. My research focused on determining the structure of a giant 1.5-MDa protein that facilitates the bacterial biofilm formation. My postdoctoral research in the Voets' group involves the use of protein engineering and synthetic biology approaches to study ice-nucleation/ antifreeze proteins/materials. In addition, I am also conducting research related to bacterial adhesins which are required for the formation of bacterial biofilms. Biofilms cause over 80% of the chronic bacterial infections. I am using a structure-guided approach to rationally design small molecules to block biofilms formed by these pathogens.
 +
              </p>
 +
            </div>
 +
            <div class="teamPhoto col-xs-4">
 +
              <img src="https://static.igem.org/mediawiki/2018/thumb/8/85/T--TU-Eindhoven--InstrPhil.jpeg/599px-T--TU-Eindhoven--InstrPhil.jpeg">
 
             </div>
 
             </div>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
      </div> -->
 
    </div>
 
  
  <script>
+
        <div class="supervisors">
    var personale_info = {
+
           <h1>Supervisors</h1>
      'Guido':{
+
           <div id="supervisorLuc"  class="memberRow aniview row" data-av-animation="bounceInRight" style="background-color:rgb(198, 207, 216)">
        'fullname':'Guido Oerlemans',
+
            <div class="supervisorWrapper">
        'text':'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.',
+
              <img src="https://static.igem.org/mediawiki/2018/9/95/T--TU-Eindhoven--SupBrunsveld.jpeg">
        'urls':[
+
             
           'images/playwith/heads/1.png',
+
              <h2>Prof.dr.ir. L. (Luc) Brunsveld</h2>
           'images/playwith/heads/2.png',
+
              <p>Prof. dr. ir. Luc Brunsveld is a professor at our university. His main fields of research are mainly
          'images/playwith/heads/3.png',
+
                concerning chemical biology, like Biochemistry or Molecular Cell Biology. Besides lecturing students, he
          'images/playwith/heads/4.png',
+
                conducts research concerning protein-protein interactions. He also advises us during our iGEM project,
          'images/playwith/heads/5.png',
+
                which we are more than happy with!
          'images/playwith/heads/6.png',
+
                <a class="btn-bio" onclick="this.parentElement.nextElementSibling.classList.toggle('disappear')">Click</a> to read full biography.
          'images/playwith/heads/7.png',
+
              </p>
          'images/playwith/heads/8.png',
+
              <p class="disappear">Luc (Lucas) Brunsveld (1975) received his PhD degree in 2001 under supervision of prof. Bert Meijer at the Eindhoven
          'images/playwith/heads/9.png'
+
                University of Technology. Topic of the thesis was the self-assembly of designed molecules into helical architectures
        ],
+
                in water. Subsequently, he moved as a Humboldt fellow to the Max Planck Institute of Molecular Physiologie, Dortmund,
        'mooi':'images/playwith/heads/rest.png'
+
                to work on the protein semi-synthesis and evaluation of lipidated Ras GTPases in the group of prof. Herbert Waldmann.
      },
+
                From 2003-2004 he worked as a group leader in the medicinal chemistry department of Organon (now Schering-Plough) in
      'Maxime':{
+
                Oss, on nuclear receptor medicinal chemistry.
        'fullname':'Maxime van den Oetelaar',
+
                <br>
        'text':'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.',
+
                End of 2004 Luc Brunsveld received the Sofja Kovalevskaja Award from the Alexander von Humboldt Foundation, with
        'urls':[
+
                which he established his own research group at the MPI of Molecular Physiologie, Dortmund, beginning 2005. He worked
          'images/playwith/heads/1.png',
+
                on the combination of supramolecular chemistry with protein biochemistry and cellular biology, generating new
          'images/playwith/heads/2.png',
+
                approaches to modulate biological processes. In 2006 he became group leader at the Chemical Genomics Centre of the
          'images/playwith/heads/3.png',
+
                Max Planck Society, Dortmund. Here he was working on the chemical biology of nuclear receptors to understand and
          'images/playwith/heads/4.png',
+
                modulate the nuclear receptor-cofactor interaction, in close collaboration with Bayer-Schering Pharma, Merck-Serono,
          'images/playwith/heads/5.png',
+
                and Schering-Plough. In the middle of 2008 Luc Brunsveld received an ERC starting grant and became full professor in
          'images/playwith/heads/6.png',
+
                chemical biology in the Department of Biomedical Engineering at the Eindhoven University of Technology. In his
          'images/playwith/heads/7.png',
+
                research Luc Brunsveld uses chemical biology approaches to study protein-protein interactions. Two general themes
          'images/playwith/heads/8.png',
+
                are: 1) Supramolecular Architectures are being pursued as instruments to modulate protein-protein interactions and
          'images/playwith/heads/9.png'
+
                2) the Nuclear Receptor – Cofactor interaction is being investigated as a specific protein-protein interaction with
        ],
+
                many unsolved questions, possibly amendable via chemical biology.  
        'mooi':'images/playwith/heads/rest.png'
+
              </p>
      },
+
            </div>
      'Mariska':{
+
           </div>
        'fullname':'Mariska Brüls',
+
        'text':'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.',
+
        'urls':[
+
          'images/playwith/heads/1.png',
+
          'images/playwith/heads/2.png',
+
          'images/playwith/heads/3.png',
+
          'images/playwith/heads/4.png',
+
          'images/playwith/heads/5.png',
+
          'images/playwith/heads/6.png',
+
          'images/playwith/heads/7.png',
+
          'images/playwith/heads/8.png',
+
          'images/playwith/heads/9.png'
+
        ],
+
        'mooi':'images/playwith/heads/rest.png'
+
      },
+
      'Mick':{
+
        'fullname':'Mick Vergahen',
+
        'text':'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.',
+
        'urls':[
+
          'images/playwith/heads/1.png',
+
          'images/playwith/heads/2.png',
+
          'images/playwith/heads/3.png',
+
          'images/playwith/heads/4.png',
+
          'images/playwith/heads/5.png',
+
          'images/playwith/heads/6.png',
+
          'images/playwith/heads/7.png',
+
          'images/playwith/heads/8.png',
+
          'images/playwith/heads/9.png'
+
        ],
+
        'mooi':'images/playwith/heads/rest.png'
+
      },
+
      'Sander':{
+
        'fullname':'Sander Keij',
+
        'text':'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.',
+
        'urls':[
+
          'images/playwith/heads/1.png',
+
          'images/playwith/heads/2.png',
+
          'images/playwith/heads/3.png',
+
          'images/playwith/heads/4.png',
+
          'images/playwith/heads/5.png',
+
          'images/playwith/heads/6.png',
+
          'images/playwith/heads/7.png',
+
          'images/playwith/heads/8.png',
+
          'images/playwith/heads/9.png'
+
        ],
+
        'mooi':'images/playwith/heads/rest.png'
+
      },
+
      'Tim':{
+
        'fullname':'Tim van der Hek',
+
        'text':'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.',
+
        'urls':[
+
          'images/playwith/heads/1.png',
+
          'images/playwith/heads/2.png',
+
          'images/playwith/heads/3.png',
+
          'images/playwith/heads/4.png',
+
          'images/playwith/heads/5.png',
+
          'images/playwith/heads/6.png',
+
          'images/playwith/heads/7.png',
+
          'images/playwith/heads/8.png',
+
          'images/playwith/heads/9.png'
+
        ],
+
        'mooi':'images/playwith/heads/rest.png'
+
      },
+
      'Bruno':{
+
        'fullname':'Bruno Eijkens',
+
        'text':'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.',
+
        'urls':[
+
          'images/playwith/heads/1.png',
+
          'images/playwith/heads/2.png',
+
          'images/playwith/heads/3.png',
+
          'images/playwith/heads/4.png',
+
          'images/playwith/heads/5.png',
+
          'images/playwith/heads/6.png',
+
          'images/playwith/heads/7.png',
+
          'images/playwith/heads/8.png',
+
          'images/playwith/heads/9.png'
+
        ],
+
        'mooi':'images/playwith/heads/rest.png'
+
      },
+
      'Laura':{
+
        'fullname':'Laura van Hazendonk',
+
        'text':'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.',
+
        'urls':[
+
          'images/playwith/heads/1.png',
+
          'images/playwith/heads/2.png',
+
          'images/playwith/heads/3.png',
+
          'images/playwith/heads/4.png',
+
          'images/playwith/heads/5.png',
+
          'images/playwith/heads/6.png',
+
          'images/playwith/heads/7.png',
+
          'images/playwith/heads/8.png',
+
          'images/playwith/heads/9.png'
+
        ],
+
        'mooi':'images/playwith/heads/rest.png'
+
      },
+
      'Pim':{
+
        'fullname':'Pim Joostens',
+
        'text':'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.',
+
        'urls':[
+
          'images/playwith/heads/1.png',
+
          'images/playwith/heads/2.png',
+
          'images/playwith/heads/3.png',
+
          'images/playwith/heads/4.png',
+
          'images/playwith/heads/5.png',
+
          'images/playwith/heads/6.png',
+
          'images/playwith/heads/7.png',
+
          'images/playwith/heads/8.png',
+
          'images/playwith/heads/9.png'
+
        ],
+
        'mooi':'images/playwith/heads/rest.png'
+
      },
+
      'Simone':{
+
        'fullname':'Simone Twisk',
+
        'text':'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.',
+
        'urls':[
+
          'images/playwith/heads/1.png',
+
          'images/playwith/heads/2.png',
+
          'images/playwith/heads/3.png',
+
          'images/playwith/heads/4.png',
+
          'images/playwith/heads/5.png',
+
          'images/playwith/heads/6.png',
+
          'images/playwith/heads/7.png',
+
          'images/playwith/heads/8.png',
+
          'images/playwith/heads/9.png'
+
        ],
+
        'mooi':'images/playwith/heads/rest.png'
+
      },
+
      'Yahav':{
+
        'fullname':'Yahav Rave',
+
        'text':'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.',
+
        'urls':[
+
          'images/playwith/heads/1.png',
+
          'images/playwith/heads/2.png',
+
          'images/playwith/heads/3.png',
+
          'images/playwith/heads/4.png',
+
          'images/playwith/heads/5.png',
+
          'images/playwith/heads/6.png',
+
          'images/playwith/heads/7.png',
+
          'images/playwith/heads/8.png',
+
          'images/playwith/heads/9.png'
+
        ],
+
        'mooi':'images/playwith/heads/rest.png'
+
      },
+
      'Weizhou':{
+
        'fullname':'Weizhou Xing',
+
        'text':'Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry\'s standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.',
+
        'urls':[
+
          'images/playwith/heads/1.png',
+
          'images/playwith/heads/2.png',
+
          'images/playwith/heads/3.png',
+
          'images/playwith/heads/4.png',
+
           'images/playwith/heads/5.png',
+
          'images/playwith/heads/6.png',
+
          'images/playwith/heads/7.png',
+
          'images/playwith/heads/8.png',
+
          'images/playwith/heads/9.png'
+
        ],
+
        'mooi':'images/playwith/heads/rest.png'
+
      },
+
    }
+
  
    var photo_index = {
+
          <div id="supervisorMaarten"  class="memberRow aniview row" data-av-animation="bounceInLeft" style="background-color: lightsteelblue">
      'Guido':   0,
+
            <div class="supervisorWrapper">
      'Maxime':  1,
+
              <img style="float:right;" src="https://static.igem.org/mediawiki/2018/8/85/T--TU-Eindhoven--SupMaarten.jpeg">
      'Mariska': 2,
+
             
      'Mick':    3,
+
              <h2>Prof.dr. M. (Maarten) Merkx</h2>
      'Sander':  4,
+
              <p>Prof. dr. Maarten Merkx is an expert on protein sensors and leads the research group Protein Engineering
      'Tim':    5,
+
                operating at the interface of chemical biology and synthetic biology This year he is giving our team
      'Bruno':  6,
+
                critical advice on how to achieve the goals we strive for. <a class="btn-bio" onclick="this.parentElement.nextElementSibling.classList.toggle('disappear')">Click</a> to read full biography.
      'Laura':  7,
+
              </p>
      'Pim':    8,
+
              <p class="disappear">Maarten Merkx studied physical organic chemistry and biochemistry at the Radboud University Nijmegen
      'Simone':  9,
+
                (1995, cum laude). He did his PhD with Prof. Averill (1999, University of Amsterdam) working on purple
      'Yahav':  10,
+
                acid phosphatases, and was an HSFP post-doctoral fellow with Prof. Lippard (MIT, 1999-2001). Currently
      'Weizhou': 11
+
                he is a professor in protein engineering at the Eindhoven University of Technology and a core member
    }
+
                of the Institute for Complex Molecular Systems (ICMS). His group combines approaches from protein
 +
                engineering, chemical biology, and synthetic biology to develop biomolecular sensors and actuators
 +
                for applications in intracellular imaging, point-of-care diagnostics, optogenetics, and
 +
                antibody-based therapies. An important research theme is the engineering of biomolecular switches,
 +
                which include fluorescent and bioluminescent sensor proteins for intracellular imaging,
 +
                photo-switchable proteins, and protein- and DNA-based sensors for antibody detection and actuation.
 +
                He obtained young investigator grants from NWO (VIDI, 2006) and an ERC consolidator grant in 2011.
 +
                In 2012 he received the award for the best TU/e teacher at the master's level.. Prof. Merkx has
 +
                published 115+ research papers and is associate editor for ACS Sensors.
 +
              </p>
 +
            </div>
 +
          </div>
  
    function changeAllPhotos(e) {
+
          <div id="supervisorTom"  class="memberRow aniview row" data-av-animation="bounceInRight" style="background-color: rgb(198, 207, 216)">
      var idx = photo_index[e.id];
+
            <div class="supervisorWrapper">
      var nCols = Math.round(
+
              <img src="https://static.igem.org/mediawiki/2018/a/ab/T--TU-Eindhoven--SupTom.jpeg">
        document.querySelector('.teamMembers').getBoundingClientRect().width
+
             
        /document.querySelector('.col-xs-4.col-md-3').getBoundingClientRect().width
+
              <h2>Dr.ir. T.F.A. (Tom) de Greef</h2>
      );
+
              <p>Dr.ir. Tom de Greef is an expert at modelling dynamic systems and synthetic circuits. Tom assisted us with
      var focusCoor = num2Coor(idx, nCols);
+
                  the modelling part, gave us feedback and helped us find the information we need for our project. This often
      // console.log(focusCoor);
+
                  results in enough reading material to fill your day. <a class="btn-bio" onclick="this.parentElement.nextElementSibling.classList.toggle('disappear')">Click</a> to read full biography.
      for (var i = 0;i < 12;i++) {
+
              </p>
        var tmpID = Object.keys(photo_index)[i];
+
              <p class="disappear">Dr. Ir. Tom de Greef (1980) was born in Eindhoven, the Netherlands, and studied at the University of Eindhoven
        // if (tmpID === e.id) {
+
                (TU/e), where he received his MSc degree in Biomedical Engineering cum laude in 2004. He completed his PhD at
        //     continue;
+
                the Department of Chemistry at the same university in 2008 with professors E. W. Meijer and R. P. Sijbesma,
        // }
+
                working on novel polymeric materials based on quadruple hydrogen bonding motifs. Subsequently, he moved to the
        var tmpCoor = num2Coor(i, nCols);
+
                Biomodeling and Bioinformatics group headed by prof. P. A. J. Hilbers at the Department of Biomedical
        var a = tmpCoor[0] - focusCoor[0];
+
                Engineering (TU/e), studying self-assembling systems from a computational perspective. He also became assistant
        var b = tmpCoor[1] - focusCoor[1];
+
                professor at this department in 2010. In 2013, Tom de Greef was a visiting scholar in the group of Prof. D. Weitz
        if (a < 0) {
+
                (Harvard) working on protein affinity screening using droplet microfluidics. Current research themes are
          a = -1;
+
                centered on the engineering of artificial cellular systems (bottom-up synthetic biology) with the aim to
        } else if (a > 0) {
+
                rationalize physicochemical design principles of biological systems and to develop novel biotechnological
          a = 1;
+
                applications. In this multidisciplinary work he combines his fascination for (bio)chemistry, mathematical
        }
+
                modeling, microfluidics and complex systems. In 2012 and 2013 he was awarded a VENI and an ECHO-STIP grant
        if (b < 0) {
+
                respectively by the Netherlands Organization of Scientific Research (NWO). He is also core member of the
          b = -1;
+
                Institute for Complex Molecular Systems (ICMS).  
        } else if (b > 0) {
+
              </p>
          b = 1;
+
            </div>
        }
+
          </div>
        var tmpidx = (a + 1) * 3 + b + 1;
+
        </div>
        console.log(tmpidx);
+
      </div>
        var newurl = personale_info[tmpID]['urls'][tmpidx];
+
     </div>
        document.getElementById(tmpID).setAttribute('src',newurl);
+
     <script src="https://2018.igem.org/Team:TU-Eindhoven/aniview_js?action=raw&ctype=text/javascript"></script>
      }
+
    <script>
    }
+
       $(".aniview").AniView();
 
+
     </script>
    function num2Coor(n, nc) {
+
      var x = Math.floor(n/nc);
+
      var y = n%nc;
+
      return [x, y];
+
    }
+
 
+
    function restorePhoto(e){
+
      for (var i = 0;i < 12;i++) {
+
        var tmpID = Object.keys(photo_index)[i];
+
        var newurl = personale_info[tmpID]['mooi'];
+
        document.getElementById(tmpID).setAttribute('src',newurl);
+
      }
+
    }
+
 
+
    var nvb = document.querySelector(".navbar-fixed-top").getBoundingClientRect().bottom;
+
    var personale = document.getElementsByClassName("personale")[0];
+
    personale.style.height = (window.innerHeight - nvb) + "px";
+
   
+
    window.addEventListener("resize", function(){
+
      console.log("resize");
+
      personale.style.height = (window.innerHeight - nvb) +"px";
+
    });
+
 
+
    $('.personale-wrapper').height($('.team-wrapper').height());
+
 
+
    $(window).resize(function(){
+
      if ($(window).width() < 992) {
+
        $('.personale-wrapper').css("height", "100%");
+
      } else {
+
        $('.personale-wrapper').height($('.team-wrapper').height());
+
      }
+
    });
+
  </script>
+
 
+
  <script>
+
     var slideIndex = 1;
+
    showSlides(slideIndex);
+
 
+
     // Next/previous controls
+
    function plusSlides(n) {
+
      showSlides(slideIndex += n);
+
    }
+
 
+
    // Thumbnail image controls
+
    function currentSlide(n) {
+
      showSlides(slideIndex = n);
+
    }
+
 
+
    function showSlides(n) {
+
      var i;
+
      var slides = document.getElementsByClassName("mySlides");
+
      var dots = document.getElementsByClassName("dot");
+
      if (n > slides.length) {slideIndex = 1}
+
      if (n < 1) {slideIndex = slides.length}
+
       for (i = 0; i < slides.length; i++) {
+
        slides[i].style.display = "none";
+
      }
+
      for (i = 0; i < dots.length; i++) {
+
        dots[i].classList.remove('active');
+
      }
+
      slides[slideIndex-1].style.display = "block";
+
      dots[slideIndex-1].classList.add('active');
+
     }
+
  </script>
+
 
</html>
 
</html>
 
{{:Team:TU-Eindhoven/footer}}
 
{{:Team:TU-Eindhoven/footer}}

Latest revision as of 03:52, 18 October 2018

Meet iGEM TU Eindhoven 2018!

Team Members

Tim van der Hek

Team Manager

Tim is the team manager for this team. This means that he is responsible for the general atmosphere of the team and keeps track of all of our deadlines. To keep everything running smoothly as a student team, he is also communicating with our university together with Sander. In the lab, Tim is part of the Cloning team of our lab squad and he is also part of acquisition. 70% of the time we know where he is and we can see him. The other 30%? Try looking in the vicinity of the coffee booth and you will find him.

Mick Verhagen

Secretary

Also known as Mr Secretary, Mick keeps track of all of our mails and updates our agendas with the average four to six meetings we have per week of our various subgroups. When he is not writing lovely letters, Mick can be found in the lab as a part of the Adhesion team of the lab squad. However, not only the lab squad is happy with Mick, also our Human Practices team is happy to have Mick on the team. And how do we achieve all of our lovely collaborations with other teams? Via Mick, the Collaboration Captain.

Yahav Rave

Finance Manager

Yahav is the Treasurer of our team. He is responsible for all of our money, which allows us to go to Boston! In the lab, Yahav leads with Mick the Adhesin squad. Aditionally, we have elected him to present at the Giant Jamboree. He travels on his motorcycle every day to Eindhoven for the team and we are very happy that he does that because we are glad to have him on the team!

Bruno Eijkens

Safety Manager

The guy that is keeping us all alive, it is our own Safety Officer Bruno. Bruno is responsible for all of the paperwork that allows the team to work with the biological materials required. Also he has done the Interlab studies for us. Right now, he is assisting Pim with Modeling and is part of our Human Practices squad.

Mariska Brüls

Biobrick Captain

Mariska is our Biobrick Captain. This means that she is responsible for all of the biobricks that we are handing in. Obviously, she is part of the Biobrick subgroup of our lab squad. She is also very fond of going to the gym and drinking tea.

Guido Oerlemans

Lab Captian

Guido is one of our two Lab Captains in charge of managing the lab work. He is almost never in the office but can always be found in the synthesis lab working on the hydrogel or the biolab working on the biobricks and protein expression.

Maxime van den Oetelaar

Lab Captain

Maxime, the other one of the two Lab Captains, is also in charge of managing all lab work. When not working on the planning of all experiment, she can be found in both the synthesis lab or in the biolab. Except for managing the lab work, she also plays an important role for the hydrogel synthesis, biobrick design, and protein expression experiments.

Laura van Hazendonk

Human Practices Manager

Laura is our lovely vegan Human Practices Manager. When she is not in the lab for the Cloning team, she can be found either at her desk on her laptop typing, or she is traveling to somewhere in the Netherlands to talk to a stakeholder or expert on the field that we are working on. She is the smallest person on the team but that does not matter, we love her anyway and is our favorite lawnmower.

Simone Twisk

Sponsor Coordinator

A project like iGEM would be nowhere without funding, and that’s what we have Simone for. Simone is our Sponsor Coordinator and is thus coordinating the Acquisition team to fund our project. She is also part of the Cloning team, Human Practices squad and is one of our two bachelor students. Side note, will eat Nutella without mercy and cookies are not safe around her either.

Weizhou Xing

Wiki Manager

Weizhou (or Tony as we call him) is our Wiki Captain. Without him, creating our wiki would have been much more difficult. Staying up late is daily business for Weizhou as the wiki requires a lot of time. Nonetheless we are very happy with him on the team!

Pim Joostens

Modeling Captain

Pim is our Modelling Captain and is therefore usually found behind his laptop. He is also helping Weizhou design the wiki and is in charge of the design of logos and banners. If Pim is not behind his laptop, he will either be at the coffee both next to Tim, or studying the science of nuclear fusion. In the lab he is assisting Maxime and Guido in the hydrogel team.

Sander Keij

Public Relations

To promote our project and organize events, we have Sander who is in charge of Public Relations. Organizing a Mini Jamboree, talking to newspapers and communicate between the University, our team and the other student teams Daily tasks for our PR guy. Next to PR, he is part of the Acquisition team and in the lab he can be found in the Cloning team. As Vice-Chairman he is also assisting Tim in managing the team. However on Thursday he can be found in the bar to serve beers to the rest of team. Thanks for that Sander, we need to relax as well!

Instructors

Dr. E. (Emilien) Dubuc

Emilien is a Postdoc in the department of Biomedical engineering and the Institute for Complex Molecular Systems (ICMS). His research focuses on the development of novel regulatory gene networks using in vitro transcription-translation systems. Emilien is a meticulous and systematic researcher and an enthusiastic instructor. During the many hours he has spent with us in and outside of the lab we have gained the skills and knowledge necessary to accomplish our project. Click to read his biography.

Dr. Emilien Dubuc (1987) was born in Talence, France, and studied biochemistry and biophysics at the University of Bordeaux. In 2017, he received his PhD under the supervision of Pr. Wilhelm Huck at the Radboud University Nijmegen, The Netherlands. His work in cell-free synthetic biology focused on the development of novel regulatory networks using ribonucleases and repressor proteins. Currently performing his postdoctoral research in the group of Tom de Greef, he is interested in using the dCas9 protein as a universal repressor for the development of complex regulatory functions in vitro and in bacteria.

Dr. Shuaiqi Guo (Phil)

Phil is a Postdoc in the chemical biology group and the Institute for Complex Molecular Systems (ICMS). His research focuses on the Ice Binding Protein. His work on these proteins formed the foundation of our project. We spent a lot of time in the lab together and Phil has spent countless hours supervising and guiding us in and outside of the lab. We got to know Phil as a creative scientist with many innovative ideas. A more detailed description can be found here. Click to read his biography.

I performed my PhD research under the guidance of Prof. Peter Davies At Queen’s University in Canada. My research focused on determining the structure of a giant 1.5-MDa protein that facilitates the bacterial biofilm formation. My postdoctoral research in the Voets' group involves the use of protein engineering and synthetic biology approaches to study ice-nucleation/ antifreeze proteins/materials. In addition, I am also conducting research related to bacterial adhesins which are required for the formation of bacterial biofilms. Biofilms cause over 80% of the chronic bacterial infections. I am using a structure-guided approach to rationally design small molecules to block biofilms formed by these pathogens.

Supervisors

Prof.dr.ir. L. (Luc) Brunsveld

Prof. dr. ir. Luc Brunsveld is a professor at our university. His main fields of research are mainly concerning chemical biology, like Biochemistry or Molecular Cell Biology. Besides lecturing students, he conducts research concerning protein-protein interactions. He also advises us during our iGEM project, which we are more than happy with! Click to read full biography.

Luc (Lucas) Brunsveld (1975) received his PhD degree in 2001 under supervision of prof. Bert Meijer at the Eindhoven University of Technology. Topic of the thesis was the self-assembly of designed molecules into helical architectures in water. Subsequently, he moved as a Humboldt fellow to the Max Planck Institute of Molecular Physiologie, Dortmund, to work on the protein semi-synthesis and evaluation of lipidated Ras GTPases in the group of prof. Herbert Waldmann. From 2003-2004 he worked as a group leader in the medicinal chemistry department of Organon (now Schering-Plough) in Oss, on nuclear receptor medicinal chemistry.
End of 2004 Luc Brunsveld received the Sofja Kovalevskaja Award from the Alexander von Humboldt Foundation, with which he established his own research group at the MPI of Molecular Physiologie, Dortmund, beginning 2005. He worked on the combination of supramolecular chemistry with protein biochemistry and cellular biology, generating new approaches to modulate biological processes. In 2006 he became group leader at the Chemical Genomics Centre of the Max Planck Society, Dortmund. Here he was working on the chemical biology of nuclear receptors to understand and modulate the nuclear receptor-cofactor interaction, in close collaboration with Bayer-Schering Pharma, Merck-Serono, and Schering-Plough. In the middle of 2008 Luc Brunsveld received an ERC starting grant and became full professor in chemical biology in the Department of Biomedical Engineering at the Eindhoven University of Technology. In his research Luc Brunsveld uses chemical biology approaches to study protein-protein interactions. Two general themes are: 1) Supramolecular Architectures are being pursued as instruments to modulate protein-protein interactions and 2) the Nuclear Receptor – Cofactor interaction is being investigated as a specific protein-protein interaction with many unsolved questions, possibly amendable via chemical biology.

Prof.dr. M. (Maarten) Merkx

Prof. dr. Maarten Merkx is an expert on protein sensors and leads the research group Protein Engineering operating at the interface of chemical biology and synthetic biology This year he is giving our team critical advice on how to achieve the goals we strive for. Click to read full biography.

Maarten Merkx studied physical organic chemistry and biochemistry at the Radboud University Nijmegen (1995, cum laude). He did his PhD with Prof. Averill (1999, University of Amsterdam) working on purple acid phosphatases, and was an HSFP post-doctoral fellow with Prof. Lippard (MIT, 1999-2001). Currently he is a professor in protein engineering at the Eindhoven University of Technology and a core member of the Institute for Complex Molecular Systems (ICMS). His group combines approaches from protein engineering, chemical biology, and synthetic biology to develop biomolecular sensors and actuators for applications in intracellular imaging, point-of-care diagnostics, optogenetics, and antibody-based therapies. An important research theme is the engineering of biomolecular switches, which include fluorescent and bioluminescent sensor proteins for intracellular imaging, photo-switchable proteins, and protein- and DNA-based sensors for antibody detection and actuation. He obtained young investigator grants from NWO (VIDI, 2006) and an ERC consolidator grant in 2011. In 2012 he received the award for the best TU/e teacher at the master's level.. Prof. Merkx has published 115+ research papers and is associate editor for ACS Sensors.

Dr.ir. T.F.A. (Tom) de Greef

Dr.ir. Tom de Greef is an expert at modelling dynamic systems and synthetic circuits. Tom assisted us with the modelling part, gave us feedback and helped us find the information we need for our project. This often results in enough reading material to fill your day. Click to read full biography.

Dr. Ir. Tom de Greef (1980) was born in Eindhoven, the Netherlands, and studied at the University of Eindhoven (TU/e), where he received his MSc degree in Biomedical Engineering cum laude in 2004. He completed his PhD at the Department of Chemistry at the same university in 2008 with professors E. W. Meijer and R. P. Sijbesma, working on novel polymeric materials based on quadruple hydrogen bonding motifs. Subsequently, he moved to the Biomodeling and Bioinformatics group headed by prof. P. A. J. Hilbers at the Department of Biomedical Engineering (TU/e), studying self-assembling systems from a computational perspective. He also became assistant professor at this department in 2010. In 2013, Tom de Greef was a visiting scholar in the group of Prof. D. Weitz (Harvard) working on protein affinity screening using droplet microfluidics. Current research themes are centered on the engineering of artificial cellular systems (bottom-up synthetic biology) with the aim to rationalize physicochemical design principles of biological systems and to develop novel biotechnological applications. In this multidisciplinary work he combines his fascination for (bio)chemistry, mathematical modeling, microfluidics and complex systems. In 2012 and 2013 he was awarded a VENI and an ECHO-STIP grant respectively by the Netherlands Organization of Scientific Research (NWO). He is also core member of the Institute for Complex Molecular Systems (ICMS).