(46 intermediate revisions by 4 users not shown) | |||
Line 127: | Line 127: | ||
.advisor-container { | .advisor-container { | ||
margin-top: 0px; | margin-top: 0px; | ||
− | background: | + | background: #aa0044; |
− | padding: 50px; | + | padding-left: 150px; |
+ | padding-right: 150px; | ||
+ | padding-top: 50px; | ||
+ | padding-bottom: 70px; | ||
} | } | ||
.advisor-header { | .advisor-header { | ||
Line 135: | Line 138: | ||
text-align: center; | text-align: center; | ||
font-size: 28pt; | font-size: 28pt; | ||
− | color: | + | color: rgb(250, 250, 250); |
font-weight: bolder; | font-weight: bolder; | ||
padding-top: 15px; | padding-top: 15px; | ||
Line 142: | Line 145: | ||
.advisor-description{ | .advisor-description{ | ||
font-size: 15pt; | font-size: 15pt; | ||
− | color: rgb( | + | color: rgb(250, 250, 250); |
padding-top: 15px; | padding-top: 15px; | ||
padding-bottom: 25px; | padding-bottom: 25px; | ||
Line 151: | Line 154: | ||
text-align: center; | text-align: center; | ||
font-size: 20px; | font-size: 20px; | ||
− | color: | + | color: rgb(250, 250, 250); |
left: 0px; | left: 0px; | ||
right: 0px; | right: 0px; | ||
Line 193: | 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 198: | Line 228: | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
.popup-caption { | .popup-caption { | ||
text-align: center; | text-align: center; | ||
Line 216: | 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 331: | 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 | + | model of our hardware. Jonas is going to spend the next semester at UC Los Angeles |
− | + | , so unfortunately, he’s not able to attend the Giant Jamboree. Thanks for your great work! </h4> | |
</br> | </br> | ||
</div> | </div> | ||
Line 602: | 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 | + | 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 |
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 610: | Line 650: | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 663: | Line 682: | ||
$('#henri').popup(popup_settings); | $('#henri').popup(popup_settings); | ||
$('#michael').popup(popup_settings); | $('#michael').popup(popup_settings); | ||
− | |||
}); | }); | ||
Line 757: | Line 775: | ||
<div class="container-fluid 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="https://static.igem.org/mediawiki/2017/1/13/T--Aachen--Portrait_Sandra.jpg"/> | + | <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-6"> | <div class="col-md-6"> | ||
<div class="imgbox"> | <div class="imgbox"> | ||
− | <img class="img-responsive img-circle" src="https://static.igem.org/mediawiki/2017/8/83/T--Aachen--Portrait_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> | ||
− |
Latest revision as of 01:42, 16 December 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.