Difference between revisions of "Team:Aachen/Team"

 
(59 intermediate revisions by 4 users not shown)
Line 5: Line 5:
 
   <body>
 
   <body>
 
     <style scoped>
 
     <style scoped>
 +
.row{
 +
  margin-top: 0;
 +
  margin-bottom: 0;
 +
}
 
.imgteam{
 
.imgteam{
 
margin: 0;
 
margin: 0;
Line 65: Line 69:
 
     text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
 
     text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
 
}
 
}
.supervisor-header {
+
h1.supervisor-header {
 
     margin-top:20px;
 
     margin-top:20px;
 
     margin-bottom: 10px;
 
     margin-bottom: 10px;
 
     text-align: center;
 
     text-align: center;
 
     font-size: 28pt;
 
     font-size: 28pt;
     color: rgb(50, 50, 50);
+
     color: rgb(250, 250, 250) !important;
 
     font-weight: bolder;
 
     font-weight: bolder;
 
padding-top: 15px;
 
padding-top: 15px;
 
text-shadow: 1px 1px 2px rgba(190, 190, 190, 0.5);
 
text-shadow: 1px 1px 2px rgba(190, 190, 190, 0.5);
 
      
 
      
 +
}
 +
 +
h4.supervisor-description{
 +
font-size: 15pt;
 +
color: rgb(250, 250, 250) !important;
 +
padding-top: 15px;
 +
padding-bottom: 25px;
 +
text-align: center;
 
}
 
}
  
Line 104: Line 116:
 
text-align: center;
 
text-align: center;
 
font-size: 20px;
 
font-size: 20px;
color: #303030;
+
color: #fefefe;
 
left: 0px;
 
left: 0px;
 
     right: 0px;
 
     right: 0px;
Line 115: Line 127:
 
.advisor-container {
 
.advisor-container {
 
     margin-top: 0px;
 
     margin-top: 0px;
     background: rgb(240, 240, 240);
+
     background: #aa0044;
padding: 50px;
+
padding-left: 150px;
 +
padding-right: 150px;
 +
padding-top: 50px;
 +
padding-bottom: 70px;
 
}
 
}
 
.advisor-header {
 
.advisor-header {
Line 123: Line 138:
 
     text-align: center;
 
     text-align: center;
 
     font-size: 28pt;
 
     font-size: 28pt;
     color: #008080;
+
     color: rgb(250, 250, 250);
 
     font-weight: bolder;
 
     font-weight: bolder;
 
padding-top: 15px;
 
padding-top: 15px;
Line 130: Line 145:
 
.advisor-description{
 
.advisor-description{
 
font-size: 15pt;
 
font-size: 15pt;
color: rgb(30, 30, 30);
+
color: rgb(250, 250, 250);
 
padding-top: 15px;
 
padding-top: 15px;
 
padding-bottom: 25px;
 
padding-bottom: 25px;
Line 136: Line 151:
 
}
 
}
 
.advisorcaption {
 
.advisorcaption {
+
position:absolute;
 
text-align: center;
 
text-align: center;
 
font-size: 20px;
 
font-size: 20px;
color: #303030;
+
color: rgb(250, 250, 250);
 
left: 0px;
 
left: 0px;
 
     right: 0px;
 
     right: 0px;
Line 181: Line 196:
 
     filter: blur(8px);
 
     filter: blur(8px);
 
     transition: filter 0.3s;
 
     transition: filter 0.3s;
 +
}
 +
 +
h1.supporter-header {
 +
    margin-top:20px;
 +
    margin-bottom: 10px;
 +
    text-align: center;
 +
    font-size: 28pt;
 +
    color: #303030 !important;
 +
    font-weight: bolder;
 +
padding-top: 15px;
 +
text-shadow: 1px 1px 2px rgba(190, 190, 190, 0.5);
 +
   
 +
}
 +
h4.supporter-description{
 +
font-size: 15pt;
 +
color: #303030 !important;
 +
padding-top: 15px;
 +
padding-bottom: 25px;
 +
text-align: center;
 +
}
 +
 +
.supporter-container {
 +
    margin-top: 30px;
 +
    background: rgb(255, 255, 255);
 +
padding: 200px;
 +
padding-top: 30px;
 +
padding-bottom: 100px;
 
}
 
}
  
Line 186: Line 228:
 
     cursor: pointer;
 
     cursor: pointer;
 
}
 
}
 +
 +
 +
 
.popup-caption {
 
.popup-caption {
 
text-align: center;
 
text-align: center;
Line 204: Line 249:
 
<h1 class="teampageheadline">MEET THE TEAM</h1>
 
<h1 class="teampageheadline">MEET THE TEAM</h1>
 
</div>
 
</div>
 +
        <div class="col-xs-12">
 +
<div class="embed-responsive embed-responsive-16by9">
 +
<iframe width="560" height="315" src="https://www.youtube.com/embed/H1fM9XMNCeY" frameborder="100" allowfullscreen></iframe>
 +
</div>
 +
 +
</div>
 +
 
 
 
<div class="container-fluid">
 
<div class="container-fluid">
Line 239: Line 291:
 
<span class="glyphicon glyphicon-remove"></span>  
 
<span class="glyphicon glyphicon-remove"></span>  
 
</button>
 
</button>
<img class="img-responsive portrait" src="img/Adrian_portrait.jpg" />
+
<img class="img-responsive portrait" src="https://static.igem.org/mediawiki/2017/0/0a/T--Aachen--Portrait_Adrian.jpg" />
 
<br/>
 
<br/>
 
<h4 class="popup-caption">Adrian Rendón</h4>
 
<h4 class="popup-caption">Adrian Rendón</h4>
Line 265: Line 317:
 
<span class="glyphicon glyphicon-remove"></span>  
 
<span class="glyphicon glyphicon-remove"></span>  
 
</button>
 
</button>
<img class="img-responsive portrait" src="img/Caspar_portrait.jpg" />
+
<img class="img-responsive portrait" src="https://static.igem.org/mediawiki/2017/2/2d/T--Aachen--Portrait_Caspar.jpg" />
 
<br/>
 
<br/>
 
<h4 class="popup-caption">Caspar Eichler</h4>
 
<h4 class="popup-caption">Caspar Eichler</h4>
Line 274: Line 326:
 
an appointment and there is no door which can stop him till he has got what he wants. He is also very  
 
an appointment and there is no door which can stop him till he has got what he wants. He is also very  
 
cautious about the scientific correctness of the lab work. Not a mystery that in almost every case his  
 
cautious about the scientific correctness of the lab work. Not a mystery that in almost every case his  
work is absolutely correct! In his spare time, he sails the world and rebuilds old-timers.</h4>
+
work is absolutely correct! In his spare time, he sails the world and rebuilds classic cars.</h4>
 
</br>
 
</br>
 
</div>
 
</div>
Line 289: Line 341:
 
<span class="glyphicon glyphicon-remove"></span>  
 
<span class="glyphicon glyphicon-remove"></span>  
 
</button>
 
</button>
<img class="img-responsive portrait" src="img/Svenja_portrait.jpg" />
+
<img class="img-responsive portrait" src="https://static.igem.org/mediawiki/2017/6/6c/T--Aachen--Portrait_Svenja.jpg" />
 
<br/>
 
<br/>
 
<h4 class="popup-caption">Svenja Lützow</h4>
 
<h4 class="popup-caption">Svenja Lützow</h4>
Line 311: Line 363:
 
<span class="glyphicon glyphicon-remove"></span>  
 
<span class="glyphicon glyphicon-remove"></span>  
 
</button>
 
</button>
<img class="img-responsive portrait" src="img/Jonas_portrait.jpg" />
+
<img class="img-responsive portrait" src="https://static.igem.org/mediawiki/2017/d/d1/T--Aachen--Portrait_Jonas.jpg" />
 
<br/>
 
<br/>
 
<h4 class="popup-caption">Jonas Bäßler</h4>
 
<h4 class="popup-caption">Jonas Bäßler</h4>
Line 319: Line 371:
 
when he explains the math behind his hardware project. A typical day in the lab consists of 10 people  
 
when he explains the math behind his hardware project. A typical day in the lab consists of 10 people  
 
running around, while Jonas calmly and fully concentrated sits on his chair, developing a 3D-printed  
 
running around, while Jonas calmly and fully concentrated sits on his chair, developing a 3D-printed  
model of our hardware. Jonas is going to spend the next semester at the University of California in
+
model of our hardware. Jonas is going to spend the next semester at UC Los Angeles
Berkeley, so unfortunately, he’s not able to attend the Giant Jamboree. Thanks for your great work! </h4>
+
, so unfortunately, he’s not able to attend the Giant Jamboree. Thanks for your great work! </h4>
 
</br>
 
</br>
 
</div>
 
</div>
Line 335: Line 387:
 
<span class="glyphicon glyphicon-remove"></span>  
 
<span class="glyphicon glyphicon-remove"></span>  
 
</button>
 
</button>
<img class="img-responsive portrait" src="img/Johanna_portrait.jpg" />
+
<img class="img-responsive portrait" src="https://static.igem.org/mediawiki/2017/3/32/T--Aachen--Portrait_Johanna.jpg" />
 
<br/>
 
<br/>
 
<h4 class="popup-caption">Johanna Stotz</h4>
 
<h4 class="popup-caption">Johanna Stotz</h4>
Line 360: Line 412:
 
<span class="glyphicon glyphicon-remove"></span>  
 
<span class="glyphicon glyphicon-remove"></span>  
 
</button>
 
</button>
<img class="img-responsive portrait" src="img/Niels_portrait.jpg" />
+
<img class="img-responsive portrait" src="https://static.igem.org/mediawiki/2017/1/11/T--Aachen--Portrait_Niels.jpg" />
 
<br/>
 
<br/>
 
<h4 class="popup-caption">Niels Hollmann</h4>
 
<h4 class="popup-caption">Niels Hollmann</h4>
Line 384: Line 436:
 
<span class="glyphicon glyphicon-remove"></span>  
 
<span class="glyphicon glyphicon-remove"></span>  
 
</button>
 
</button>
<img class="img-responsive portrait" src="img/David_portrait.jpg" />
+
<img class="img-responsive portrait" src="https://static.igem.org/mediawiki/2017/7/79/T--Aachen--Portrait_David.jpg" />
 
<br/>
 
<br/>
 
<h4 class="popup-caption">David Corredor</h4>
 
<h4 class="popup-caption">David Corredor</h4>
Line 400: Line 452:
 
<div class="col-md-3">
 
<div class="col-md-3">
 
<div class="portrait_box">
 
<div class="portrait_box">
<img class="img-responsive portrait team-member-img fabian_open" src="https://2017.igem.org/File:T--Aachen--Portrait_Fabian.jpg" />
+
<img class="img-responsive portrait team-member-img fabian_open" src="https://static.igem.org/mediawiki/2017/f/f8/T--Aachen--Portrait_Fabian.jpg" />
 
<span class="portraitcaption">Fabian Wittmers</span>
 
<span class="portraitcaption">Fabian Wittmers</span>
 
</div>
 
</div>
Line 408: Line 460:
 
<span class="glyphicon glyphicon-remove"></span>  
 
<span class="glyphicon glyphicon-remove"></span>  
 
</button>
 
</button>
<img class="img-responsive portrait" src="img/Fabian_portrait.jpg" />
+
<img class="img-responsive portrait" src="https://static.igem.org/mediawiki/2017/f/f8/T--Aachen--Portrait_Fabian.jpg" />
 
<br/>
 
<br/>
 
<h4 class="popup-caption">Fabian Wittmers</h4>
 
<h4 class="popup-caption">Fabian Wittmers</h4>
Line 433: Line 485:
 
<span class="glyphicon glyphicon-remove"></span>  
 
<span class="glyphicon glyphicon-remove"></span>  
 
</button>
 
</button>
<img class="img-responsive portrait" src="img/Milan_portrait.jpg" />
+
<img class="img-responsive portrait" src="https://static.igem.org/mediawiki/2017/4/41/T--Aachen--Portrait_Milan.jpg" />
 
<br/>
 
<br/>
 
<h4 class="popup-caption">Milan Sobota</h4>
 
<h4 class="popup-caption">Milan Sobota</h4>
Line 458: Line 510:
 
<span class="glyphicon glyphicon-remove"></span>  
 
<span class="glyphicon glyphicon-remove"></span>  
 
</button>
 
</button>
<img class="img-responsive portrait" src="img/Nora_portrait.jpg" />
+
<img class="img-responsive portrait" src="https://static.igem.org/mediawiki/2017/c/c5/T--Aachen--Portrait_Nora.jpg" />
 
<br/>
 
<br/>
 
<h4 class="popup-caption">Nora Junker</h4>
 
<h4 class="popup-caption">Nora Junker</h4>
Line 483: Line 535:
 
<span class="glyphicon glyphicon-remove"></span>  
 
<span class="glyphicon glyphicon-remove"></span>  
 
</button>
 
</button>
<img class="img-responsive portrait" src="img/Thore_portrait.jpg" />
+
<img class="img-responsive portrait" src="https://static.igem.org/mediawiki/2017/0/07/T--Aachen--Portrait_Thore.jpg" />
 
<br/>
 
<br/>
 
<h4 class="popup-caption">Thore Diefenbach</h4>
 
<h4 class="popup-caption">Thore Diefenbach</h4>
Line 507: Line 559:
 
<span class="glyphicon glyphicon-remove"></span>  
 
<span class="glyphicon glyphicon-remove"></span>  
 
</button>
 
</button>
<img class="img-responsive portrait" src="img/Gerry_portrait.jpg" />
+
<img class="img-responsive portrait" src="https://static.igem.org/mediawiki/2017/4/49/T--Aachen--Portrait_Gerry.jpg" />
 
<br/>
 
<br/>
 
<h4 class="popup-caption">Gerolamo Rota</h4>
 
<h4 class="popup-caption">Gerolamo Rota</h4>
Line 524: Line 576:
 
<div class="col-md-3">
 
<div class="col-md-3">
 
<div class="portrait_box">
 
<div class="portrait_box">
<img class="img-responsive portrait team-member-img sergio_open" src="img/Sergio_portrait.jpg" />
+
<img class="img-responsive portrait team-member-img sergio_open" src="https://static.igem.org/mediawiki/2017/6/64/T--Aachen--Portrait_Sergio.jpg" />
 
<span class="portraitcaption">Sergio Molina</span>
 
<span class="portraitcaption">Sergio Molina</span>
 
</div>
 
</div>
Line 532: Line 584:
 
<span class="glyphicon glyphicon-remove"></span>  
 
<span class="glyphicon glyphicon-remove"></span>  
 
</button>
 
</button>
<img class="img-responsive portrait" src="img/Sergio_portrait.jpg" />
+
<img class="img-responsive portrait" src="https://static.igem.org/mediawiki/2017/6/64/T--Aachen--Portrait_Sergio.jpg" />
 
<br/>
 
<br/>
 
<h4 class="popup-caption">Sergio Molina</h4>
 
<h4 class="popup-caption">Sergio Molina</h4>
Line 549: Line 601:
 
<div class="col-md-3">
 
<div class="col-md-3">
 
<div class="portrait_box">
 
<div class="portrait_box">
<img class="img-responsive portrait team-member-img henri_open" src="img/Henri_portrait.jpg" />
+
<img class="img-responsive portrait team-member-img henri_open" src="https://static.igem.org/mediawiki/2017/6/61/T--Aachen--Portrait_Henri.jpg" />
 
<span class="portraitcaption"> Henri Hayungs</span>
 
<span class="portraitcaption"> Henri Hayungs</span>
 
</div>
 
</div>
Line 557: Line 609:
 
<span class="glyphicon glyphicon-remove"></span>  
 
<span class="glyphicon glyphicon-remove"></span>  
 
</button>
 
</button>
<img class="img-responsive portrait" src="img/Henri_portrait.jpg" />
+
<img class="img-responsive portrait" src="https://static.igem.org/mediawiki/2017/6/61/T--Aachen--Portrait_Henri.jpg" />
 
<br/>
 
<br/>
 
<h4 class="popup-caption">Henri Hayungs</h4>
 
<h4 class="popup-caption">Henri Hayungs</h4>
Line 576: Line 628:
 
<div class="col-md-3">
 
<div class="col-md-3">
 
<div class="portrait_box">
 
<div class="portrait_box">
<img class="img-responsive portrait team-member-img michael_open" src="img/Michael_portrait.jpg" />
+
<img class="img-responsive portrait team-member-img michael_open" src="https://static.igem.org/mediawiki/2017/7/73/T--Aachen--Portrait_Michael.jpg" />
 
<span class="portraitcaption"> Michael Gobs  </span>
 
<span class="portraitcaption"> Michael Gobs  </span>
 
</div>
 
</div>
Line 584: Line 636:
 
<span class="glyphicon glyphicon-remove"></span>  
 
<span class="glyphicon glyphicon-remove"></span>  
 
</button>
 
</button>
<img class="img-responsive portrait" src="img/Michael_portrait.jpg" />
+
<img class="img-responsive portrait" src="https://static.igem.org/mediawiki/2017/7/73/T--Aachen--Portrait_Michael.jpg" />
 
<br/>
 
<br/>
 
<h4 class="popup-caption">Michael Gobs</h4>
 
<h4 class="popup-caption">Michael Gobs</h4>
Line 590: Line 642:
 
<h4 class="popup-description">Meet Michael, one of our hardware guys and a Master student of  
 
<h4 class="popup-description">Meet Michael, one of our hardware guys and a Master student of  
 
Biotechnology. Also being engaged in the software control, he makes sure that our pumps work  
 
Biotechnology. Also being engaged in the software control, he makes sure that our pumps work  
straightaway. Before moving to beautiful Aachen, he spent some time in the equally rainy UK, where he
+
straightaway. Before moving to beautiful Aachen, he spent some time studying in the equally rainy UK. Beside being part of the iGEM team, Michael is participating in  
took a degree at Cambridge University. Beside being part of the iGEM team, Michael is participating in  
+
 
two other student organisations, with one of them brewing its own beer. Finding time for all these  
 
two other student organisations, with one of them brewing its own beer. Finding time for all these  
 
commitments isn’t always easy. If Michael has some time left, you will find him highly concentrated  
 
commitments isn’t always easy. If Michael has some time left, you will find him highly concentrated  
Line 599: Line 650:
 
</div>
 
</div>
 
 
<div class="col-md-3">
 
<div class="portrait_box">
 
<img class="img-responsive portrait team-member-img shariga_open" src="img/Shariga_portrait.jpg" />
 
<span class="portraitcaption"> Shariga Sivanathan  </span>
 
</div>
 
 
 
<div id="shariga" class="popup_box">
 
<button type="button" class="shariga_close close_button">
 
<span class="glyphicon glyphicon-remove"></span>
 
</button>
 
<img class="img-responsive portrait" src="img/Shariga_portrait.jpg" />
 
<br/>
 
<h4 class="popup-caption">Shariga Sivanathan</h4>
 
<h4 class="popup-undercaption"><i>Business Administration B.Sc. & IT</i></h4>
 
<h4 class="popup-description">Shariga is another one of the few people of our team who are not studying Biology stuff. Her hobby is
 
writing lyrics for songs in Indian movies. While she’s waiting to score the next big hit, Shariga
 
decided to study Computer Science and Business Administration in the meantime. Her role in our team is
 
to look at the legal aspects of founding an iGEM student association at our university which will make
 
it easier for future teams to attract sponsors.</h4>
 
</br>
 
</div>
 
</div>
 
 
 
 
 
 
</div>
 
</div>
 
 
</div>
 
 
 
 
<script src="https://cdn.rawgit.com/vast-engineering/jquery-popup-overlay/1.7.13/jquery.popupoverlay.js"></script>
 
<script src="https://cdn.rawgit.com/vast-engineering/jquery-popup-overlay/1.7.13/jquery.popupoverlay.js"></script>
Line 653: Line 682:
 
     $('#henri').popup(popup_settings);
 
     $('#henri').popup(popup_settings);
 
     $('#michael').popup(popup_settings);
 
     $('#michael').popup(popup_settings);
    $('#shariga').popup(popup_settings);
 
  
 
});
 
});
Line 659: Line 687:
 
 
 
 
<div class="supervisor-container">
+
<div class="container-fluid supervisor-container">
 
<h1 class="supervisor-header">Supervisor</h1>
 
<h1 class="supervisor-header">Supervisor</h1>
<p id="three">Without the help and support of our three supervisors, we wouldn’t have been able to  
+
<h4 class="supervisor-description">Without the help and support of our three supervisors, we wouldn’t have been able to  
realize our project (or even decide on a project idea). </br> Thanks for all your input, advice and time! </p>
+
realize our project (or even decide on a project idea). </br> Thanks for all your input, advice and time! </h4>
 
<div class="row row-eq-height">
 
<div class="row row-eq-height">
 
<div class="col-md-4">
 
<div class="col-md-4">
 
 
 
<div class="imgbox">
 
<div class="imgbox">
<img class="img-responsive img-circle team-member-img blank_open" src="img/igem-supervisor_blank.png" />
+
<img class="img-responsive img-circle team-member-img blank_open" src="https://static.igem.org/mediawiki/2017/1/11/T--Aachen--Portrait_Blank.jpg" />
 
<span class="supervisorcaption">Prof. Dr. Lars Blank</span>
 
<span class="supervisorcaption">Prof. Dr. Lars Blank</span>
 
</div>
 
</div>
Line 674: Line 702:
 
<span class="glyphicon glyphicon-remove"></span>  
 
<span class="glyphicon glyphicon-remove"></span>  
 
</button>
 
</button>
<img class="img-responsive portrait img-circle" src="img/igem-supervisor_blank.png" />
+
<img class="img-responsive portrait img-circle" src="https://static.igem.org/mediawiki/2017/1/11/T--Aachen--Portrait_Blank.jpg" />
 
<br/>
 
<br/>
 
<h4 class="popup-caption">Prof. Dr. Lars Blank</h4>
 
<h4 class="popup-caption">Prof. Dr. Lars Blank</h4>
Line 689: Line 717:
 
<div class="col-md-4">
 
<div class="col-md-4">
 
<div class="imgbox">
 
<div class="imgbox">
<img class="img-responsive img-circle team-member-img schwaneberg_open" src="img/igem-supervisor_schwaneberg.png" />
+
<img class="img-responsive img-circle team-member-img schwaneberg_open" src="https://static.igem.org/mediawiki/2017/a/ac/T--Aachen--Portrait_Schwaneberg.jpg" />
 
<span class="supervisorcaption">Prof. Dr. Ulrich Schwaneberg</span>
 
<span class="supervisorcaption">Prof. Dr. Ulrich Schwaneberg</span>
 
</div>
 
</div>
Line 697: Line 725:
 
<span class="glyphicon glyphicon-remove"></span>  
 
<span class="glyphicon glyphicon-remove"></span>  
 
</button>
 
</button>
<img class="img-responsive portrait img-circle" src="img/igem-supervisor_schwaneberg.png" />
+
<img class="img-responsive portrait img-circle" src="https://static.igem.org/mediawiki/2017/a/ac/T--Aachen--Portrait_Schwaneberg.jpg" />
 
<br/>
 
<br/>
 
<h4 class="popup-caption">Prof. Dr. Ulrich Schwaneberg</h4>
 
<h4 class="popup-caption">Prof. Dr. Ulrich Schwaneberg</h4>
Line 711: Line 739:
 
<div class="col-md-4">
 
<div class="col-md-4">
 
<div class="imgbox">
 
<div class="imgbox">
<img class="img-responsive img-circle team-member-img wiechert_open" src="img/igem-supervisor_wiechert.png" />
+
<img class="img-responsive img-circle team-member-img wiechert_open" src="https://static.igem.org/mediawiki/2017/b/bb/T--Aachen--Portrait_Wiechert.jpg" />
 
<span class="supervisorcaption">Prof. Dr. Wolfgang Wiechert</span>
 
<span class="supervisorcaption">Prof. Dr. Wolfgang Wiechert</span>
 
</div>
 
</div>
Line 718: Line 746:
 
<span class="glyphicon glyphicon-remove"></span>  
 
<span class="glyphicon glyphicon-remove"></span>  
 
</button>
 
</button>
<img class="img-responsive portrait img-circle" src="img/igem-supervisor_wiechert.png" />
+
<img class="img-responsive portrait img-circle" src="https://static.igem.org/mediawiki/2017/b/bb/T--Aachen--Portrait_Wiechert.jpg" />
 
<br/>
 
<br/>
 
<h4 class="popup-caption">Prof. Dr. Wolfgang Wiechert</h4>
 
<h4 class="popup-caption">Prof. Dr. Wolfgang Wiechert</h4>
 
<h4 class="popup-undercaption"><i>Institute of Bio- and Geo-Sciences, </br> Forschungszentrum Jülich</i></h4>
 
<h4 class="popup-undercaption"><i>Institute of Bio- and Geo-Sciences, </br> Forschungszentrum Jülich</i></h4>
<h4 class="popup-description">Shariga is another one of the few people of our team who are not studying Biology stuff. Her hobby is
+
<h4 class="popup-description">Professor Wiechert from the Forschungszentrum Jülich was a great help to us. He not only visited us in Aachen and gave us important advice throughout all the different stages of our project, but also connected us with many experts from the research centre. Furthermore, he invited us to the Biotech Day in Jülich, where we had the chance to present our project, make valuable new contacts and also had the opportunity to listen to some awesome presentations by world-renowned experts. And last but not least, Professor Wiechert contributed significantly to our modelling and helped improve our presentation. </h4>
writing lyrics for songs in Indian movies. While she’s waiting to score the next big hit, Shariga
+
decided to study Computer Science and Business Administration in the meantime. Her role in our team is
+
to look at the legal aspects of founding an iGEM student association at our university which will make  
+
it easier for future teams to attract sponsors. She is also busy with putting our ideas and results in
+
writing for our website. </h4>
+
 
</br>
 
</br>
 
</div>
 
</div>
Line 751: Line 774:
 
</script>
 
</script>
 
 
<div class="advisor-container">
+
<div class="container-fluid advisor-container">
<h1 class="advisor-header">Advisor</h1>
+
<h1 class="advisor-header" style="color:white">Advisor</h1>
<h4 class="advisor-description">We're very happy for having found two highly motivated advisors, who answered all of our  
+
<h4 class="advisor-description" style="color:white">We're very happy for having found two highly motivated advisors, who answered all of our  
 
many many questions and whose suggestions and ideas had a huge impact on our project. Thanks a million! </h4>
 
many many questions and whose suggestions and ideas had a huge impact on our project. Thanks a million! </h4>
 
<div class="row row-eq-height">
 
<div class="row row-eq-height">
 
<div class="col-md-6">
 
<div class="col-md-6">
 
<div class="imgbox">
 
<div class="imgbox">
<img class="img-responsive img-circle" src="img/advisor_sandra.png"/>
+
<img class="img-responsive img-circle team-member-img sandra_open" src="https://static.igem.org/mediawiki/2017/1/13/T--Aachen--Portrait_Sandra.jpg"/>
 
<span class="advisorcaption">Sandra Schulte</span>
 
<span class="advisorcaption">Sandra Schulte</span>
 
</div>
 
</div>
 +
 +
<div id="sandra" class="popup_box">
 +
<button type="button" class="sandra_close close_button">
 +
<span class="glyphicon glyphicon-remove"></span>
 +
</button>
 +
<img class="img-responsive portrait img-circle" src="https://static.igem.org/mediawiki/2017/1/13/T--Aachen--Portrait_Sandra.jpg" />
 +
<br/>
 +
<h4 class="popup-caption">Sandra Schulte</h4>
 +
<h4 class="popup-undercaption"><i>Institute of Applied Microbiology</br></i></h4>
 +
<h4 class="popup-description">Sandra, who is currently doing her PhD at the Institute for Applied Microbiology, contributed considerably to the success of our project. She attended almost all of our weekly (and often lengthy) team meetings, always answered our many many questions and went above and beyond with her help and assistance. We’re very lucky to have her coming to Boston with us as part of our team! </h4>
 +
</br>
 +
</div>
 +
 
</div>
 
</div>
<div class="col-md-4">
+
<div class="col-md-6">
 
<div class="imgbox">
 
<div class="imgbox">
<img class="img-responsive img-circle" src="img/advisor_christoph.jpg" />
+
<img class="img-responsive img-circle team-member-img christoph_open" src="https://static.igem.org/mediawiki/2017/8/83/T--Aachen--Portrait_Christoph.jpg" />
 
<span class="advisorcaption">Dr. Christoph Gertler</span>
 
<span class="advisorcaption">Dr. Christoph Gertler</span>
 
</div>
 
</div>
 +
 +
<div id="christoph" class="popup_box">
 +
<button type="button" class="christoph_close close_button">
 +
<span class="glyphicon glyphicon-remove"></span>
 +
</button>
 +
<img class="img-responsive portrait img-circle" src="https://static.igem.org/mediawiki/2017/8/83/T--Aachen--Portrait_Christoph.jpg" />
 +
<br/>
 +
<h4 class="popup-caption">Dr. Christoph Gertler</h4>
 +
<h4 class="popup-undercaption"><i>Schwaneberg Lab</br></i></h4>
 +
<h4 class="popup-description">Christoph, one of the post-docs in the Schwaneberg Lab, was our second and also very helpful advisor. He gave us many important tips throughout the course of our project, especially regarding the work in the Schwaneberg Lab, and used his extensive network to bring us into contact with experts of all fields. We’re very thankful that he took the time to support us!</h4>
 +
</br>
 +
</div>
 +
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 +
 +
 +
<script src="https://cdn.rawgit.com/vast-engineering/jquery-popup-overlay/1.7.13/jquery.popupoverlay.js"></script>
 +
 +
<script>
 +
var popup_settings = {color: 'white', transition: 'all 0.3s', opacity: 0.85};
 +
 +
$(document).ready(function() {
 +
 +
    // Initialize the plugin
 +
    $('#sandra').popup(popup_settings);
 +
    $('#christoph').popup(popup_settings);
 +
 +
 +
});
 +
</script>
 +
 +
<div class="container-fluid supporter-container">
 +
<h1 class="supporter-header">Supporters</h1>
 +
<h4 class="supporter-description">
 +
We were very lucky to find many motivated supporters and sponsors, who contributed considerably to the success of our project through their material, professional and financial support. </br> We are very grateful to all of them! </h4>
 +
 +
 +
<div class="row">
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/2/2a/T--Aachen--logo_agilent.png" alt="Agilent">
 +
</div>
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/c/c1/T--Aachen--logo_bohlender.jpeg" alt="Bohlender">
 +
</div>
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/e/e7/T--Aachen--logo_enzyscreen.jpg" alt="Enzyscreen">
 +
</div>
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/1/17/T--Aachen--logo_avt.png" alt="AVT">
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/b/b1/T--Aachen--logo_brightlands.png" alt="Brightlands">
 +
</div>
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/d/df/T--Aachen--logo_eppendorf.png" alt="Eppendorf">
 +
</div>
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/5/53/T--Aachen--logo_ge.png" alt="GE">
 +
</div>
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/c/c2/T--Aachen--logo_geneious.png" alt="Geneious">
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/3/35/T--Aachen--logo_iamb.png" alt="Iamb">
 +
</div>
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/4/42/T--Aachen--logo_idt.png" alt="IDT">
 +
</div>
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/d/dc/T--Aachen--logo_j%C3%BClich.jpg" alt="Jülich">
 +
</div>
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/7/77/T--Aachen--logo_m2p.jpg" alt="M2p">
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/0/05/T--Aachen--logo_moltech.gif" alt="Moltech">
 +
</div>
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/2/2a/T--Aachen--logo_neb.jpg" alt="NEB">
 +
</div>
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/b/b3/T--Aachen--logo_p4sb.png" alt="P4sb">
 +
</div>
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/d/d2/T--Aachen--logo_prorwth.png" alt="ProRWTH">
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/2/27/T--Aachen--logo_reichelt.JPG" alt="Reichelt">
 +
</div>
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/5/5c/T--Aachen--logo_schwaneberg.png" alt="Schwaneberg">
 +
</div>
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/1/1e/T--Aachen--logo_sitech.png" alt="Sitech">
 +
</div>
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/6/62/T--Aachen--logo_sparkasseaachen.gif" alt="Sparkasse">
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/7/76/T--Aachen--logo_vci.jpg" alt="Vci">
 +
</div>
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/a/a6/T--Aachen--logo_voss.png" alt="Voss">
 +
</div>
 +
<div class="col-xs-3">
 +
<img class="grayscaleSupporters img-responsive" src="https://static.igem.org/mediawiki/2017/a/ab/T--Aachen--logo_zymo.jpg" alt="Zymo">
 +
</div>
 +
</div>
 +
</div>
 +
 +
 
   </body>
 
   </body>
 
</html>
 
</html>
{{Template:Aachen/footer}}
 

Latest revision as of 01:42, 16 December 2017

iGEM Team Aachen 2017

MEET THE TEAM

How it all began...

One of the most important things regarding iGEM is that this competition is so much about teamwork. When we all met for the first time in January, we were just 16 people from different academic backgrounds who wanted to learn more about synthetic biology and what it’s like to work in the lab. We didn’t really know what we were getting ourselves into – and that so many unsuccessful PCR’s, disappointing sequencing results, exhausting lab nights and quite a lot of discussions and quarrels were ahead of us.
Now we’ve worked together for almost 8 months, and have really become a team. Despite of some inevitable problems and issues, we overcame difficulties and realized a project we’re very proud to present at the Giant Jamboree in Boston.
Most of us were part of different subgroups, like Lab, Wiki, Fundraising or Human Practices, and learned heaps of new things. But of course iGEM wasn’t only about work – we participated in great events, like the European Meetup in Delft, the German Meetup in Dresden or the Practice Jamboree in Leuven. We did quite a few teambuilding activities and had a lot of fun together. All in all it was an unforgettable time, we made many new friends along the way and gained valuable experiences.

Adrian Rendón
Caspar Eichler
Svenja Lützow
Jonas Bäßler
Johanna Stotz
Niels Hollmann
David Corredor
Fabian Wittmers
Milan Sobota
Nora Junker
Thore Diefenbach
Gerolamo Rota
Sergio Molina
Henri Hayungs
Michael Gobs

Supervisor

Without the help and support of our three supervisors, we wouldn’t have been able to realize our project (or even decide on a project idea).
Thanks for all your input, advice and time!

Prof. Dr. Lars Blank
Prof. Dr. Ulrich Schwaneberg
Prof. Dr. Wolfgang Wiechert

Advisor

We're very happy for having found two highly motivated advisors, who answered all of our many many questions and whose suggestions and ideas had a huge impact on our project. Thanks a million!

Sandra Schulte
Dr. Christoph Gertler

Supporters

We were very lucky to find many motivated supporters and sponsors, who contributed considerably to the success of our project through their material, professional and financial support.
We are very grateful to all of them!

Agilent
Bohlender
Enzyscreen
AVT
Brightlands
Eppendorf
GE
Geneious
Iamb
IDT
Jülich
M2p
Moltech
NEB
P4sb
ProRWTH
Reichelt
Schwaneberg
Sitech
Sparkasse
Vci
Voss
Zymo