(55 intermediate revisions by 4 users not shown) | |||
Line 69: | 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( | + | 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 108: | Line 116: | ||
text-align: center; | text-align: center; | ||
font-size: 20px; | font-size: 20px; | ||
− | color: # | + | color: #fefefe; |
left: 0px; | left: 0px; | ||
right: 0px; | right: 0px; | ||
Line 119: | 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 127: | 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 134: | 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 140: | Line 151: | ||
} | } | ||
.advisorcaption { | .advisorcaption { | ||
− | + | position:absolute; | |
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 185: | 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 190: | Line 228: | ||
cursor: pointer; | cursor: pointer; | ||
} | } | ||
+ | |||
+ | |||
+ | |||
.popup-caption { | .popup-caption { | ||
text-align: center; | text-align: center; | ||
Line 208: | 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 278: | 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 | + | work is absolutely correct! In his spare time, he sails the world and rebuilds classic cars.</h4> |
</br> | </br> | ||
</div> | </div> | ||
Line 323: | 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 594: | 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 | + | 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 603: | Line 650: | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
Line 656: | Line 682: | ||
$('#henri').popup(popup_settings); | $('#henri').popup(popup_settings); | ||
$('#michael').popup(popup_settings); | $('#michael').popup(popup_settings); | ||
− | |||
}); | }); | ||
Line 662: | Line 687: | ||
− | <div class="container supervisor-container"> | + | <div class="container-fluid supervisor-container"> |
<h1 class="supervisor-header">Supervisor</h1> | <h1 class="supervisor-header">Supervisor</h1> | ||
− | < | + | <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! </ | + | 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"> | ||
Line 725: | Line 750: | ||
<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"> | + | <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> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</br> | </br> | ||
</div> | </div> | ||
Line 754: | Line 774: | ||
</script> | </script> | ||
− | <div class="container 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.