Difference between revisions of "Team:Munich/Team"

 
(207 intermediate revisions by 7 users not shown)
Line 7: Line 7:
 
<link rel="stylesheet" type="text/css"  
 
<link rel="stylesheet" type="text/css"  
 
href="https://2017.igem.org/Template:Munich/CSS?action=raw&ctype=text/css" />
 
href="https://2017.igem.org/Template:Munich/CSS?action=raw&ctype=text/css" />
 +
<link rel="stylesheet" type="text/css"
 +
href="https://2017.igem.org/Template:Munich/Header?action=raw&ctype=text/css" />
 
<head>
 
<head>
 
<style>
 
<style>
#home_logo, #sideMenu { display:none; }
+
#HQ_page .meta p{
    #sideMenu, #top_title, .patrollink  {display:none;}
+
  text-align: left;
    #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;}
+
font-size: 15.4px !important;
    body {background-color:white; font-size: 14px; }
+
    #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
+
 
+
#HQ_page td not(#myContent){
+
padding: 0;
+
 
}
 
}
  
#HQ_page table{
 
font-size: 14px;
 
}
 
 
hr{
 
height: 1px !important;
 
}
 
#HQ_page td{
 
border-style: none ;
 
vertical-align: middle;
 
}
 
 
.meta{
 
text-align: left;
 
font-size: 0.9em !important;
 
}
 
  
 
.ui.card, .ui.cards>.card {
 
.ui.card, .ui.cards>.card {
Line 40: Line 21:
 
}
 
}
  
#HQ_page table{
+
.ui.cards{
  border-style: none !important;
+
  margin-bottom: 40px;
margin: 0 !important;
+
 
}
 
}
 
#HQ_page p.header{
 
font-size: 1.287em;
 
}
 
 
html, body
 
{
 
margin: 0;
 
padding: 0;
 
font-family: "Helvetica", Arial, Serif;
 
}
 
.dropdown {
 
    width: 137px;
 
    margin: auto;
 
    position: relative;
 
    display: inline-block;
 
}
 
 
.dropbtn{
 
    position: relative;
 
    padding: 0;
 
    border: none;
 
    cursor: pointer;
 
    cursor: hand;
 
    width: 137px;
 
    height: 32px;
 
}
 
 
 
 
.dropbtnCascAid {
 
    background-image: url("https://static.igem.org/mediawiki/2017/b/ba/T--Munich--wiki_image_menu_cascaid_low.gif");
 
}
 
.dropdown:hover .dropbtnCascAid {
 
    background-image: url("https://static.igem.org/mediawiki/2017/1/1f/T--Munich--wiki_image_menu_cascaid_high.gif");
 
}
 
 
 
 
.dropbtnProject {
 
    background-image: url("https://static.igem.org/mediawiki/2017/b/ba/T--Munich--wiki_image_menu_project_low.gif");
 
}
 
.dropdown:hover .dropbtnProject {
 
    background-image: url("https://static.igem.org/mediawiki/2017/5/5d/T--Munich--wiki_image_menu_project_high.gif");
 
}
 
 
 
 
.dropbtnWetlab {
 
    background-image: url("https://static.igem.org/mediawiki/2017/9/9d/T--Munich--wiki_image_menu_wetlab_low.gif");
 
}
 
.dropdown:hover .dropbtnWetlab {
 
    background-image: url("https://static.igem.org/mediawiki/2017/e/e1/T--Munich--wiki_image_menu_wetlab_high.gif");
 
}
 
 
 
 
.dropbtnSoftHardware {
 
    background-image: url("https://static.igem.org/mediawiki/2017/b/bb/T--Munich--wiki_image_menu_softhardware_low.gif");
 
}
 
.dropdown:hover .dropbtnSoftHardware {
 
    background-image: url("https://static.igem.org/mediawiki/2017/1/18/T--Munich--wiki_image_menu_softhardware_high.gif");
 
}
 
 
 
 
.dropbtnModel {
 
    background-image: url("https://static.igem.org/mediawiki/2017/7/7b/T--Munich--wiki_image_menu_model_low.gif");
 
}
 
.dropdown:hover .dropbtnModel {
 
    background-image: url("https://static.igem.org/mediawiki/2017/3/3d/T--Munich--wiki_image_menu_model_high.gif");
 
}
 
 
 
 
.dropbtnHP {
 
    background-image: url("https://static.igem.org/mediawiki/2017/7/78/T--Munich--wiki_image_menu_hp_low.gif");
 
}
 
.dropdown:hover .dropbtnHP {
 
    background-image: url("https://static.igem.org/mediawiki/2017/d/df/T--Munich--wiki_image_menu_hp_high.gif");
 
}
 
 
 
 
.dropbtnTeam {
 
    background-image: url("https://static.igem.org/mediawiki/2017/f/fd/T--Munich--wiki_image_menu_team_low.gif");
 
}
 
.dropdown:hover .dropbtnTeam {
 
    background-image: url("https://static.igem.org/mediawiki/2017/5/57/T--Munich--wiki_image_menu_team_high.gif");
 
}
 
 
.dropdown-content{
 
    display: none;
 
    position: absolute;
 
    height: 32px;
 
    width: 137px;
 
    z-index: 1;
 
}
 
 
.dropdown:hover .dropdown-content{
 
    display: block;
 
}
 
 
.dropdown-content a{
 
    height: 32px;
 
    width: 137px;
 
    padding: 0px 0px;
 
    text-decoration: none;
 
    display: block;
 
}
 
 
 
.dropdown-contentDescription {
 
    background-image: url("wiki_image_menu_description_low.gif");
 
}
 
.dropdown:hover .dropdown-contentDescription {
 
    background-image: url("wiki_image_menu_description_high.gif");
 
}
 
.dropdown-contentDescription a {
 
    background-image: url("wiki_image_menu_description_low.gif");
 
}
 
.dropdown-contentDescription a:hover {
 
    background-image: url("wiki_image_menu_description_high.gif");
 
}
 
 
 
 
.dropdown-contentDesign {
 
    background-image: url("wiki_image_menu_design_low.gif");
 
    top: 64;
 
}
 
.dropdown:hover .dropdown-contentDesign {
 
    background-image: url("wiki_image_menu_design_high.gif");
 
}
 
.dropdown-contentDesign a {
 
    background-image: url("wiki_image_menu_design_low.gif");
 
}
 
.dropdown-contentDesign a:hover {
 
    background-image: url("wiki_image_menu_design_high.gif");
 
}
 
 
 
 
.dropdown-contentProofofConcept {
 
    background-image: url("wiki_image_menu_proofofconcept_low.gif");
 
    top: 96;
 
}
 
.dropdown:hover .dropdown-contentProofofConcept {
 
    background-image: url("wiki_image_menu_proofofconcept_high.gif");
 
}
 
.dropdown-contentProofofConcept a {
 
    background-image: url("wiki_image_menu_proofofconcept_low.gif");
 
}
 
.dropdown-contentProofofConcept a:hover {
 
    background-image: url("wiki_image_menu_proofofconcept_high.gif");
 
}
 
 
 
 
.dropdown-contentDemonstration {
 
    background-image: url("wiki_image_menu_demonstration_low.gif");
 
    top: 128;
 
}
 
.dropdown:hover .dropdown-contentDemonstration {
 
    background-image: url("wiki_image_menu_demonstration_high.gif");
 
}
 
.dropdown-contentDemonstration a {
 
    background-image: url("wiki_image_menu_demonstration_low.gif");
 
}
 
.dropdown-contentDemonstration a:hover {
 
    background-image: url("wiki_image_menu_demonstration_high.gif");
 
}
 
 
 
 
.dropdown-contentApplication {
 
    background-image: url("wiki_image_menu_application_low.gif");
 
    top: 160;
 
}
 
.dropdown:hover .dropdown-contentApplication {
 
    background-image: url("wiki_image_menu_application_high.gif");
 
}
 
.dropdown-contentApplication a {
 
    background-image: url("wiki_image_menu_application_low.gif");
 
}
 
.dropdown-contentApplication a:hover {
 
    background-image: url("wiki_image_menu_application_high.gif");
 
}
 
 
 
 
.dropdown-contentFinalResults {
 
    background-image: url("wiki_image_menu_finalresults_low.gif");
 
    top: 192;
 
}
 
.dropdown:hover .dropdown-contentFinalResults {
 
    background-image: url("wiki_image_menu_finalresults_high.gif");
 
}
 
.dropdown-contentFinalResults a {
 
    background-image: url("wiki_image_menu_finalresults_low.gif");
 
}
 
.dropdown-contentFinalResults a:hover {
 
    background-image: url("wiki_image_menu_finalresults_high.gif");
 
}
 
 
 
 
.dropdown-contentEntrepreneurship {
 
    background-image: url("wiki_image_menu_entrepreneurship_low.gif");
 
    top: 224;
 
}
 
.dropdown:hover .dropdown-contentEntrepreneurship {
 
    background-image: url("wiki_image_menu_entrepreneurship_high.gif")
 
.dropdown-contentEntrepreneurship a {
 
    background-image: url("wiki_image_menu_entrepreneurship_low.gif");
 
}
 
.dropdown-contentEntrepreneurship a:hover {
 
    background-image: url("wiki_image_menu_entrepreneurship_high.gif");
 
}
 
 
 
 
.dropdown-contentAchievements {
 
    background-image: url("wiki_image_menu_achievements_low.gif");
 
    top: 256;
 
}
 
.dropdown:hover .dropdown-contentAchievements {
 
    background-image: url("wiki_image_menu_achievements_high.gif")
 
.dropdown-contentAchievements a {
 
    background-image: url("wiki_image_menu_achievements_low.gif");
 
}
 
.dropdown-contentAchievements a:hover {
 
    background-image: url("wiki_image_menu_achievements_high.gif");
 
}
 
 
 
 
.dropdown-contentProtocolsMethods {
 
    background-image: url("wiki_image_menu_protocolsmethods_low.gif");
 
    top: 32;
 
}
 
.dropdown:hover .dropdown-contentProtocolsMethods {
 
    background-image: url("wiki_image_menu_protocolsmethods_high.gif");
 
}
 
.dropdown-contentProtocolsMethods a {
 
    background-image: url("wiki_image_menu_protocolsmethods_low.gif");
 
}
 
.dropdown-contentProtocolsMethods a:hover {
 
    background-image: url("wiki_image_menu_protocolsmethods_high.gif");
 
}
 
 
 
 
.dropdown-contentMaterials {
 
    background-image: url("wiki_image_menu_materials_low.gif");
 
    top: 64;
 
}
 
.dropdown:hover .dropdown-contentMaterials {
 
    background-image: url("wiki_image_menu_materials_high.gif");
 
}
 
.dropdown-contentMaterials a {
 
    background-image: url("wiki_image_menu_materials_low.gif");
 
}
 
.dropdown-contentMaterials a:hover {
 
    background-image: url("wiki_image_menu_materials_high.gif");
 
}
 
 
 
 
.dropdown-contentLabJournal {
 
    background-image: url("wiki_image_menu_labjournal_low.gif");
 
    top: 96;
 
}
 
.dropdown:hover .dropdown-contentLabJournal {
 
    background-image: url("wiki_image_menu_labjournal_high.gif");
 
}
 
.dropdown-contentLabJournal a {
 
    background-image: url("wiki_image_menu_labjournal_low.gif");
 
}
 
.dropdown-contentLabJournal a:hover {
 
    background-image: url("wiki_image_menu_labjournal_high.gif");
 
}
 
 
 
 
.dropdown-contentSafety {
 
    background-image: url("wiki_image_menu_safety_low.gif");
 
    top: 128;
 
}
 
.dropdown:hover .dropdown-contentSafety {
 
    background-image: url("wiki_image_menu_safety_high.gif");
 
}
 
.dropdown-contentSafety a {
 
    background-image: url("wiki_image_menu_safety_low.gif");
 
}
 
.dropdown-contentSafety a:hover {
 
    background-image: url("wiki_image_menu_safety_high.gif");
 
}
 
 
 
 
.dropdown-contentParts {
 
    background-image: url("wiki_image_menu_parts_low.gif");
 
    top: 160;
 
}
 
.dropdown:hover .dropdown-contentParts {
 
    background-image: url("wiki_image_menu_parts_high.gif");
 
}
 
.dropdown-contentParts a {
 
    background-image: url("wiki_image_menu_parts_low.gif");
 
}
 
.dropdown-contentParts a:hover {
 
    background-image: url("wiki_image_menu_parts_high.gif");
 
}
 
 
 
 
.dropdown-contentInterlab {
 
    background-image: url("wiki_image_menu_interlab_low.gif");
 
    top: 192;
 
}
 
.dropdown:hover .dropdown-contentInterlab {
 
    background-image: url("wiki_image_menu_interlab_high.gif");
 
}
 
.dropdown-contentInterlab a {
 
    background-image: url("wiki_image_menu_interlab_low.gif");
 
}
 
.dropdown-contentInterlab a:hover {
 
    background-image: url("wiki_image_menu_interlab_high.gif");
 
}
 
 
 
 
.dropdown-contentSoftware {
 
    background-image: url("wiki_image_menu_software_low.gif");
 
    top: 32;
 
}
 
.dropdown:hover .dropdown-contentSoftware {
 
    background-image: url("wiki_image_menu_software_high.gif");
 
}
 
.dropdown-contentSoftware a {
 
    background-image: url("wiki_image_menu_software_low.gif");
 
}
 
.dropdown-contentSoftware a:hover {
 
    background-image: url("wiki_image_menu_software_high.gif");
 
}
 
 
 
 
.dropdown-contentHardware {
 
    background-image: url("wiki_image_menu_hardware_low.gif");
 
    top: 64;
 
}
 
.dropdown:hover .dropdown-contentHardware {
 
    background-image: url("wiki_image_menu_hardware_high.gif");
 
}
 
.dropdown-contentHardware a {
 
    background-image: url("wiki_image_menu_hardware_low.gif");
 
}
 
.dropdown-contentHardware a:hover {
 
    background-image: url("wiki_image_menu_hardware_high.gif");
 
}
 
 
 
 
.dropdown-contentHPSilver {
 
    background-image: url("wiki_image_menu_hpsilver_low.gif");
 
    top: 32;
 
}
 
.dropdown:hover .dropdown-contentHPSilver {
 
    background-image: url("wiki_image_menu_hpsilver_high.gif");
 
}
 
.dropdown-contentHPSilver a {
 
    background-image: url("wiki_image_menu_hpsilver_low.gif");
 
}
 
.dropdown-contentHPSilver a:hover {
 
    background-image: url("wiki_image_menu_hpsilver_high.gif");
 
}
 
 
 
 
.dropdown-contentIHPgold {
 
    background-image: url("wiki_image_menu_ihpgold_low.gif");
 
    top: 64;
 
}
 
.dropdown:hover .dropdown-contentIHPgold {
 
    background-image: url("wiki_image_menu_ihpgold_high.gif");
 
}
 
.dropdown-contentIHPgold a {
 
    background-image: url("wiki_image_menu_ihpgold_low.gif");
 
}
 
.dropdown-contentIHPgold a:hover {
 
    background-image: url("wiki_image_menu_ihpgold_high.gif");
 
}
 
 
 
 
.dropdown-contentPublicEngagement {
 
    background-image: url("wiki_image_menu_publicengagement_low.gif");
 
    top: 96;
 
}
 
.dropdown:hover .dropdown-contentPublicEngagement {
 
    background-image: url("wiki_image_menu_publicengagement_high.gif");
 
}
 
.dropdown-contentPublicEngagement a {
 
    background-image: url("wiki_image_menu_publicengagement_low.gif");
 
}
 
.dropdown-contentPublicEngagement a:hover {
 
    background-image: url("wiki_image_menu_publicengagement_high.gif");
 
}
 
 
 
 
.dropdown-contentCollaborations {
 
    background-image: url("wiki_image_menu_collaborations_low.gif");
 
    top: 128;
 
}
 
.dropdown:hover .dropdown-contentCollaborations {
 
    background-image: url("wiki_image_menu_collaborations_high.gif");
 
}
 
.dropdown-contentCollaborations a {
 
    background-image: url("wiki_image_menu_collaborations_low.gif");
 
}
 
.dropdown-contentCollaborations a:hover {
 
    background-image: url("https://static.igem.org/mediawiki/2017/1/1c/T--Munich--wiki_image_menu_teammembers_high.gif");
 
}
 
 
 
 
.dropdown-contentTeamMembers {
 
    background-image: url("https://static.igem.org/mediawiki/2017/2/2b/T--Munich--wiki_image_menu_teammembers_low.gif");
 
    top: 32;
 
}
 
.dropdown:hover .dropdown-contentTeamMembers {
 
    background-image: url("https://static.igem.org/mediawiki/2017/1/1c/T--Munich--wiki_image_menu_teammembers_high.gif");
 
}
 
.dropdown-contentTeamMembers a {
 
    background-image: url("wiki_image_menu_teammembers_low.gif");
 
}
 
.dropdown-contentTeamMembers a:hover {
 
    background-image: url("wiki_image_menu_teammembers_high.gif");
 
}
 
 
 
 
.dropdown-contentSupervisors {
 
    background-image: url("wiki_image_menu_supervisors_low.gif");
 
    top: 64;
 
}
 
.dropdown:hover .dropdown-contentSupervisors {
 
    background-image: url("wiki_image_menu_supervisors_high.gif");
 
}
 
.dropdown-contentSupervisors a {
 
    background-image: url("wiki_image_menu_supervisors_low.gif");
 
}
 
.dropdown-contentSupervisors a:hover {
 
    background-image: url("wiki_image_menu_supervisors_high.gif");
 
}
 
 
 
 
.dropdown-contentPIs {
 
    background-image: url("wiki_image_menu_pis_low.gif");
 
    top: 96;
 
}
 
.dropdown:hover .dropdown-contentPIs {
 
    background-image: url("wiki_image_menu_pis_high.gif");
 
}
 
.dropdown-contentPIs a {
 
    background-image: url("wiki_image_menu_pis_low.gif");
 
}
 
.dropdown-contentPIs a:hover {
 
    background-image: url("wiki_image_menu_pis_high.gif");
 
}
 
 
 
 
.dropdown-contentCollaboratingInstitutions {
 
    background-image: url("wiki_image_menu_collaboratinginstitutions_low.gif");
 
    top: 128;
 
}
 
.dropdown:hover .dropdown-contentCollaboratingInstitutions {
 
    background-image: url("wiki_image_menu_collaboratinginstitutions_high.gif");
 
}
 
.dropdown-contentCollaboratingInstitutions a {
 
    background-image: url("wiki_image_menu_collaboratinginstitutions_low.gif");
 
}
 
.dropdown-contentCollaboratingInstitutions a:hover {
 
    background-image: url("wiki_image_menu_collaboratinginstitutions_high.gif");
 
}
 
 
 
 
.dropdown-contentSponsors {
 
    background-image: url("wiki_image_menu_sponsors_low.gif");
 
    top: 160;
 
}
 
.dropdown:hover .dropdown-contentSponsors {
 
    background-image: url("wiki_image_menu_sponsors_high.gif");
 
}
 
.dropdown-contentSponsors a {
 
    background-image: url("wiki_image_menu_sponsors_low.gif");
 
}
 
.dropdown-contentSponsors a:hover {
 
    background-image: url("wiki_image_menu_sponsors_high.gif");
 
}
 
 
 
 
.dropdown-contentAttributions {
 
    background-image: url("wiki_image_menu_attributions_low.gif");
 
    top: 192;
 
}
 
.dropdown:hover .dropdown-contentAttributions {
 
    background-image: url("wiki_image_menu_attributions_high.gif");
 
}
 
.dropdown-contentAttributions a {
 
    background-image: url("wiki_image_menu_attributions_low.gif");
 
}
 
.dropdown-contentAttributions a:hover {
 
    background-image: url("wiki_image_menu_attributions_high.gif");
 
}
 
 
.no-padding{
 
padding: 0 !important;
 
}
 
 
 
.mydescription{
 
.mydescription{
 
     height: 8em;
 
     height: 8em;
Line 579: Line 32:
 
}
 
}
  
.mydescription:hover{
+
.mydescription.myLong:hover{
     animation: expandCard 0.5s;
+
     animation: expandCardLong 0.5s;
 
     animation-fill-mode: forwards;
 
     animation-fill-mode: forwards;
 
}
 
}
  
#HQ_page .mydescription:hover p {
+
.mydescription:not(#Benjamin).myMedium:hover{
 +
  animation: expandCardMedium 0.5s;
 +
  animation-fill-mode: forwards;
 +
}
 +
 
 +
.mydescription.myShort:hover{
 +
  animation: expandCardShort 0.5s;
 +
  animation-fill-mode: forwards;
 +
}
 +
 
 +
#HQ_page #myContent .mydescription:hover p {
 
   background: initial;
 
   background: initial;
 
   -webkit-background-clip: initial;
 
   -webkit-background-clip: initial;
Line 594: Line 57:
 
}
 
}
  
@keyframes expandCard{
+
@keyframes expandCardLong{
 
     to{
 
     to{
         height:15em;
+
         height: 400px;
 
     }
 
     }
 +
}
 +
 +
@keyframes expandCardMedium{
 +
  to{
 +
        height: 350px;
 +
  }
 +
}
 +
 +
@keyframes expandCardShort{
 +
  to{
 +
        height: 250px;
 +
  }
 
}
 
}
  
Line 616: Line 91:
 
} /*The container is there to make sure the threeDots picture is centered and on to bottom of the container (mydescription). No idea how or why this works. */
 
} /*The container is there to make sure the threeDots picture is centered and on to bottom of the container (mydescription). No idea how or why this works. */
  
#HQ_page .mydescription >p{
+
#HQ_page #myContent .mydescription >p{
 
   background: -webkit-linear-gradient(rgb(0,0,0),rgb(230,230,230) 50%, rgb(255,255,255));
 
   background: -webkit-linear-gradient(rgb(0,0,0),rgb(230,230,230) 50%, rgb(255,255,255));
 
   -webkit-background-clip: text;
 
   -webkit-background-clip: text;
 
   -webkit-text-fill-color: transparent;
 
   -webkit-text-fill-color: transparent;
   /*color: rgb(147,149,152);*/
+
   color: black;
 
   height: 15em;
 
   height: 15em;
   font-size: 1em;
+
   font-size: 1.1em;
 
}
 
}
  
 
.image > img{
 
.image > img{
   height: 200px !important;
+
   height: 200px;
 
}
 
}
  
 
.cards{
 
.cards{
 
   align-items: flex-start;
 
   align-items: flex-start;
 +
}
 +
 +
#myContent .ui.card > .content > .header, .ui.cards > .card > .content > .header {
 +
color: #51a7f9;
 
}
 
}
  
 
</style>
 
</style>
</head><body>
+
</head></html>
 +
{{Munich/Menu}}
 +
<html>
 +
<body>
 
<table width=100% height=100% cellpadding=0 cellspacing=0 border=0>
 
<table width=100% height=100% cellpadding=0 cellspacing=0 border=0>
 
<!-- Bar -->
 
<tr><td height="32" bgcolor=#51A7f9></td><td class="no-padding" bgcolor=#51A7f9 height="32" width="960" align=center>
 
<div class="dropdown">
 
  <a href="/Team:Munich"><button class="dropbtnCascAid dropbtn"><img src="overlay.png"></button></a>
 
  <div class="dropdown-content dropdown-content">
 
  </div>
 
</div><div class="dropdown">
 
  <a href="project" target=content><button class="dropbtnProject dropbtn"><img src="overlay.png"></button></a>
 
  <div class="dropdown-contentDescription dropdown-content">
 
    <a href="description" target=content></a>
 
  </div>
 
  <div class="dropdown-contentDesign dropdown-content">
 
    <a href="design" target=content></a>
 
  </div>
 
  <div class="dropdown-contentProofofConcept dropdown-content">
 
    <a href="proofofconcept" target=content></a>
 
  </div>
 
  <div class="dropdown-contentDemonstration dropdown-content">
 
    <a href="demonstration" target=content></a>
 
  </div>
 
  <div class="dropdown-contentApplication dropdown-content">
 
    <a href="application" target=content></a>
 
  </div>
 
  <div class="dropdown-contentFinalResults dropdown-content">
 
    <a href="finalresults" target=content></a>
 
  </div>
 
  <div class="dropdown-contentEntrepreneurship dropdown-content">
 
    <a href="entrepreneurship" target=content></a>
 
  </div>
 
  <div class="dropdown-contentAchievements dropdown-content">
 
    <a href="achievements" target=content></a>
 
  </div>
 
</div><div class="dropdown" valign=center>
 
  <a href="wetlab" target=content><button class="dropbtnWetlab dropbtn" valign=center><img src="overlay.png"></button></a>
 
  <div class="dropdown-contentProtocolsMethods dropdown-content">
 
    <a href="protocolsmethods" target=content></a>
 
  </div>
 
  <div class="dropdown-contentMaterials dropdown-content">
 
    <a href="materials" target=content></a>
 
  </div>
 
  <div class="dropdown-contentLabJournal dropdown-content">
 
    <a href="labjournal" target=content></a>
 
  </div>
 
  <div class="dropdown-contentSafety dropdown-content">
 
    <a href="safety" target=content></a>
 
  </div>
 
  <div class="dropdown-contentParts dropdown-content">
 
    <a href="parts" target=content></a>
 
  </div>
 
  <div class="dropdown-contentInterlab dropdown-content">
 
    <a href="interlab" target=content></a>
 
  </div>
 
</div><div class="dropdown">
 
  <a href="model" target=content><button class="dropbtnModel dropbtn"><img src="overlay.png"></button></a>
 
  <div class="dropdown-content dropdown-content">
 
  </div>
 
</div><div class="dropdown">
 
  <a href="softhardware" target=content><button class="dropbtnSoftHardware dropbtn"><img src="overlay.png"></button></a>
 
  <div class="dropdown-contentSoftware dropdown-content">
 
    <a href="software" target=content></a>
 
  </div>
 
  <div class="dropdown-contentHardware dropdown-content">
 
    <a href="hardware" target=content></a>
 
  </div>
 
</div><div class="dropdown">
 
  <a href="hp" target=content><button class="dropbtnHP dropbtn"><img src="overlay.png"></button></a>
 
  <div class="dropdown-contentHPSilver dropdown-content">
 
    <a href="hpsilver" target=content></a>
 
  </div>
 
  <div class="dropdown-contentIHPgold dropdown-content">
 
    <a href="ihpgold" target=content></a>
 
  </div>
 
  <div class="dropdown-contentPublicEngagement dropdown-content">
 
    <a href="publicengagement" target=content></a>
 
  </div>
 
  <div class="dropdown-contentCollaborations dropdown-content">
 
    <a href="collaborations" target=content></a>
 
  </div>
 
</div><div class="dropdown">
 
  <a href="Team" target=content><button class="dropbtnTeam dropbtn"><img src="overlay.png"></button></a>
 
  <div class="dropdown-contentTeamMembers dropdown-content">
 
    <a href="teammembers" target=content></a>
 
  </div>
 
  <div class="dropdown-contentSupervisors dropdown-content">
 
    <a href="supervisors" target=content></a>
 
  </div>
 
  <div class="dropdown-contentPIs dropdown-content">
 
    <a href="pis" target=content></a>
 
  </div>
 
  <div class="dropdown-contentCollaboratingInstitutions dropdown-content">
 
    <a href="collaboratinginstitutions" target=content></a>
 
  </div>
 
  <div class="dropdown-contentSponsors dropdown-content">
 
    <a href="sponsors" target=content></a>
 
  </div>
 
  <div class="dropdown-contentAttributions dropdown-content">
 
    <a href="/Team:Munich/Team" target=content></a>
 
  </div>
 
</div>
 
</td><td height="32" bgcolor=#51A7f9></td></tr>
 
 
<!-- Content -->
 
<!-- Content -->
 
<tr><td width="100%" colspan=3>
 
<tr><td width="100%" colspan=3>
Line 747: Line 128:
 
<!-- Head End -->
 
<!-- Head End -->
 
<!-- Content Begin -->
 
<!-- Content Begin -->
<img width="960" src="https://static.igem.org/mediawiki/2017/a/ab/T--Munich--team-picture.png" style="margin-bottom: 15px">
+
<img id="TopPicture" width="960" src="https://static.igem.org/mediawiki/2017/f/f1/T--Munich--team-picture.jpeg" >
<table width="900" border=0 cellspacing=0 cellpadding=10>
+
<table width="100%" border=0 cellspacing=0 cellpadding=10>
 
<tr><td colspan=3 align=left valign=center>
 
<tr><td colspan=3 align=left valign=center>
<font size=7 color=#444444><b>Student</b></font>
+
<font size=7 color=#51a7f9><b style="color: #51a7f9">Students</b></font>
 
</td></tr>
 
</td></tr>
 
<tr><td colspan=3 align=center valign=center>
 
<tr><td colspan=3 align=center valign=center>
 
<div class="ui cards centered stackable">
 
<div class="ui cards centered stackable">
                   <div class="ui card">
+
                   <div class="ui card" id="Christoph">
 
                       <div class="image">
 
                       <div class="image">
                         <img src="https://static.igem.org/mediawiki/2017/c/cb/T--Munich--ProfilePicture_Pattrick.jpg">
+
                         <img src="https://static.igem.org/mediawiki/2017/e/e1/T--Munich--ProfilePicture_Chris.jpg">
 
                       </div>
 
                       </div>
 
                     <div class="content">
 
                     <div class="content">
                       <p class="header">Pattrick Wilke</p>
+
                       <p class="header">Christoph Neumayer</p>
 
                       <div class="meta">
 
                       <div class="meta">
                         <span class="date">Masters Biochemistry (TUM)</span>
+
                         <p><span class="date">Bachelor Molecular Biotechnology (TUM)</span><br>Age: 20<br>Origin: Abensberg, Germany</p>
 
                       </div>
 
                       </div>
 
                       <div class="description" >
 
                       <div class="description" >
                       <div class="mydescription" id="Pattrick" >
+
                       <div class="mydescription myMedium" >
 
                         <div class="threeDots-container">
 
                         <div class="threeDots-container">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                         </div>
 
                         </div>
 
                         <p>
 
                         <p>
                        He is currently in the Master in Biochemistry at TUM and is part of our Wet Lab Team. After spending too much time in the lab he has developed some side effects: he turned into a pipetting-robot and started to perceive reality in terms of incubation times. While he waits for the experiments to be done, he likes to play table football with Julian (you will know about him soon). Also, his laugh is very contagious.
+
<b>Favorite thing about iGEM:</b> I like that I learn so many new methods and problem-solving strategies, which can really help me prepare for a future career in research.<br>
 +
<b>Scientific Interests:</b> Experimental Genetics and Synthetic Biology.<br>
 +
<b>Fun Fact:</b> I missed 5 minutes of “The Martian” when he did surgery on himself because I can´t see blood.<br>
 +
<b>What makes you happy:</b> when my freaking cloning works and when someone gives me food.<br>
 +
<b>Role Model:</b> Donald E. Ingber and Feng Zhang.
 
                         </p>
 
                         </p>
 
                       </div>
 
                       </div>
Line 775: Line 160:
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
                   <div class="ui card">
+
                   <div class="ui card" id="Benedikt">
 
                       <div class="image">
 
                       <div class="image">
                         <img src="https://static.igem.org/mediawiki/2017/e/e1/T--Munich--ProfilePicture_Chris.jpg">
+
                         <img src="https://static.igem.org/mediawiki/2017/9/98/T--Munich--ProfilePicture_Benedikt.jpg">
 
                       </div>
 
                       </div>
 
                     <div class="content">
 
                     <div class="content">
                       <p class="header">Christoph Neumayer</p>
+
                       <p class="header">Benedikt Dürr</p>
 
                       <div class="meta">
 
                       <div class="meta">
                         <span class="date">Bachelor Molecular Biotechnology (TUM)</span>
+
                         <p><span class="date">Bachelor Biology (LMU)</span><br>Age: 20<br>Origin: Munich, Germany</p>
 
                       </div>
 
                       </div>
 
                       <div class="description" >
 
                       <div class="description" >
                       <div class="mydescription" id="Christoph" >
+
                       <div class="mydescription myShort" >
 
                         <div class="threeDots-container">
 
                         <div class="threeDots-container">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                         </div>
 
                         </div>
 
                         <p>
 
                         <p>
                         He is in his 4th semester in the Bachelor in Molecular Biotechnology at TUM. In his free time, he likes to make jokes about the other team members and he plays pool billiard on a professional level just to complete his geekiness. He spends most of his time at the lab and is one of our main guys in the Wet Lab Team. That explains why our food stocks are eaten mostly by him!
+
                         <b>Favorite thing about iGEM:</b> So many cool ideas.<br>
 +
<b>Scientific Interests:</b> I want to copy the mechanisms of nature to use them under a new purpose.<br>
 +
<b>Fun Fact:</b> I like to philosophize about everything.<br>
 +
<b>What makes you happy:</b> Climbing, nature, traveling, and new impressions.<br>
 +
<b>Who is your role-model:</b> Alexander von Humboldt
 
                         </p>
 
                         </p>
 
                       </div>
 
                       </div>
Line 796: Line 185:
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
                   <div class="ui card">
+
                   <div class="ui card" id="Sven">
 
                       <div class="image">
 
                       <div class="image">
                         <img src="Profile_Pictures/Benedikt.jpg">
+
                         <img src="https://static.igem.org/mediawiki/2017/d/d6/T--Munich--ProfilePicture_Sven.jpg">
 
                       </div>
 
                       </div>
 
                     <div class="content">
 
                     <div class="content">
                       <p class="header">Benedikt Dürr</p>
+
                       <p class="header">Sven Klumpe</p>
 
                       <div class="meta">
 
                       <div class="meta">
                         <span class="date">Bachelor Biology (LMU)</span>
+
                         <p><span class="date">Master Biochemistry (TUM)</span><br>Age: 23<br>Origin: Germany</p>
 
                       </div>
 
                       </div>
 
                       <div class="description" >
 
                       <div class="description" >
                       <div class="mydescription" id="Benedikt" >
+
                       <div class="mydescription myLong" >
 
                         <div class="threeDots-container">
 
                         <div class="threeDots-container">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                         </div>
 
                         </div>
 
                         <p>
 
                         <p>
                         Our youngest member and official paparazzi of Team Munich 2017. He is currently in the 4th semester of the Bachelor in Biology at LMU and begins to find the scientist in himself. However, this doesn’t hold him back from doing artsy stuff besides being in the lab. For that reason, he is in charge of the media and photography in our team. He designed not only our awesome project logo but also learned how to make videos just for the sake of the team!
+
                         <b>Favorite thing about iGEM:</b>
 +
The possibility of experiencing the development of a project from the idea to the implementation, and being able to influence it a lot along the way. <br>
 +
<b>Fun fact about me:</b>
 +
An old friend of mine used some music we produced in one of his movies. So by accident, I am now credited in the Music section on Cannes Festival's webpage.<br>
 +
<b>What makes you happy?</b>
 +
Experiments, simulations and/or electronics that work out the way I expected. My music being on when I enter the lab/room. Jam Sessions!<br>
 +
<b>Who is your role-model?</b>
 +
Linus Pauling and B.B. King
 +
 
 
                         </p>
 
                         </p>
 
                       </div>
 
                       </div>
Line 817: Line 214:
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
                   <div class="ui card">
+
                   <div class="ui card" id="Patrick">
 
                       <div class="image">
 
                       <div class="image">
                         <img src="https://static.igem.org/mediawiki/2017/d/d6/T--Munich--ProfilePicture_Sven.jpg">
+
                         <img src="https://static.igem.org/mediawiki/2017/c/cb/T--Munich--ProfilePicture_Pattrick.jpg">
 
                       </div>
 
                       </div>
 
                     <div class="content">
 
                     <div class="content">
                       <p class="header">Sven Klumpe</p>
+
                       <p class="header">Patrick Wilke</p>
 
                       <div class="meta">
 
                       <div class="meta">
                         <span class="date">Master Biochemistry (TUM)</span>
+
                         <p><span class="date">Master Biochemistry (TUM)</span><br>Age: 23<br>Origin: Germany</p>
 
                       </div>
 
                       </div>
 
                       <div class="description" >
 
                       <div class="description" >
                       <div class="mydescription" id="Sven" >
+
                       <div class="mydescription myMedium" >
 
                         <div class="threeDots-container">
 
                         <div class="threeDots-container">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                         </div>
 
                         </div>
 
                         <p>
 
                         <p>
                         At first, he joined the team to do simulation experiments but he ended up going to the lab almost every day. Now he leaves the lab very late and works in both the Wet Lab and Hardware Team. That´s what passion for science does to you! He is currently in the 3rd semester of the Master in Biochemistry at TUM. He is a big music fan and occasionally jams in a local bar. So, if you need a musical break from the lab work, you can ask this guy.
+
                         <b>Favorite thing about iGEM:</b>
 +
Working in a team of motivated students and helping each other out.<br>
 +
<b>Fun fact about me:</b>When I was little, I spent the whole day playing table football at the school. Once, I lost sense of time and my worried mother called the police on me.
 +
.<br>
 +
<b>What makes you happy?</b>
 +
Wandering in the forest and seeing nature. Although I sometimes get lost.<br>
 +
<b>Who is your role-model?</b>
 +
Harry Houdini
 +
 
 
                         </p>
 
                         </p>
 
                       </div>
 
                       </div>
Line 838: Line 243:
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
                   <div  class="ui card">
+
                   <div  class="ui card" id="Erika">
 
                       <div class="image">
 
                       <div class="image">
 
                         <img src="https://static.igem.org/mediawiki/2017/a/ae/T--Munich--ProfilePicture_Erika.jpg">
 
                         <img src="https://static.igem.org/mediawiki/2017/a/ae/T--Munich--ProfilePicture_Erika.jpg">
Line 845: Line 250:
 
                       <p class="header">Erika Chacin De Leonardis</p>
 
                       <p class="header">Erika Chacin De Leonardis</p>
 
                       <div class="meta">
 
                       <div class="meta">
                         <span class="date">Master Biology (LMU)</span>
+
                         <p><span class="date">Master Biology (LMU)</span><br>Age: 26<br>Origin: Caracas, Venezuela</p>
 
                       </div>
 
                       </div>
 
                       <div class="description" >
 
                       <div class="description" >
                       <div class="mydescription" id="Erika" >
+
                       <div class="mydescription myMedium" >
 
                         <div class="threeDots-container">
 
                         <div class="threeDots-container">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                         </div>
 
                         </div>
 
                         <p>
 
                         <p>
                        She is from Venezuela and is currently in the 2nd semester of the Master in Biology at LMU. A few years ago, she tried to build an iGEM team and now she made it into one. She is very curious and always ready to learn new stuff. In our group, she is part of the Wet Lab Team. Her darkest secret is her love for metal music. Contrary to popular beliefs, coming from the Caribbean has not prepared her for European pre-summer temperatures, cue her ever present folding fan.
+
<b>Favorite thing about iGEM:</b> the possibility to create something novel with freedom and sharing science with people outside the field.<br>
 +
<b>Scientific Interests:</b> Epigenetics, Synthetic Biology, and Drug Development.<br>
 +
<b>Fun Fact:</b> I have a very low tolerance to heat after it goes up to 24 °C so I always bring a fan with me everywhere during the summer.<br>
 +
<b>What makes you happy:</b> Cloning working, binge watching movies, rock concerts, and air conditioning.<br>
 +
<b>Role Model:</b> Marie Curie and Craig Venter.
 
                         </p>
 
                         </p>
 
                       </div>
 
                       </div>
Line 859: Line 268:
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
                   <div class="ui card">
+
                   <div class="ui card" id="Ludwig">
 
                       <div class="image">
 
                       <div class="image">
                         <img src="Profile_Pictures/Luwdig.jpg">
+
                         <img src="https://static.igem.org/mediawiki/2017/b/b6/T--Munich--ProfilePicture_Ludwig.jpg">
 
                       </div>
 
                       </div>
 
                     <div class="content">
 
                     <div class="content">
                       <p class="header">Luwdig Bauer</p>
+
                       <p class="header">Ludwig Bauer</p>
 
                       <div class="meta">
 
                       <div class="meta">
                         <span class="date">Master Biochemistry (TUM)</span>
+
                         <p><span class="date">Master Biochemistry (TUM)</span><br>Age: 22<br>Origin: Erding, Germany</p>
 
                       </div>
 
                       </div>
 
                       <div class="description" >
 
                       <div class="description" >
                       <div class="mydescription" id="Ludwig" >
+
                       <div class="mydescription myShort" >
 
                         <div class="threeDots-container">
 
                         <div class="threeDots-container">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                         </div>
 
                         </div>
 
                         <p>
 
                         <p>
                        He is our Model Member of Team Munich 2017. He appears in most of our photos and we are beginning to believe that he just lives at the lab! He is in charge of the Wet Lab Team and always brings the good spirits to the rest of the team. He is currently in the 2nd semester of the Master in Biochemistry at TUM. Also, the last Linkin Park albums made him sad.
+
<b>Favorite thing about iGEM:</b> Learning about new things that are not directly related to my biochemistry studies and working in a multidisciplinary team.<br>
 +
<b>Scientific Interests:</b> Biological and natural products chemistry<br>
 +
<b>Fun Fact:</b> He keep smiling even in stressful situations.<br>
 +
<b>What makes you happy:</b> A large peak when purifying proteins.<br>
 +
<b>Role Model:</b> M. T. Cicero
 
                         </p>
 
                         </p>
 
                       </div>
 
                       </div>
Line 880: Line 293:
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
                   <div class="ui card">
+
                   <div class="ui card" id="Max">
 
                       <div class="image">
 
                       <div class="image">
 
                         <img src="https://static.igem.org/mediawiki/2017/d/d4/T--Munich--ProfilePicture_Max.jpg">
 
                         <img src="https://static.igem.org/mediawiki/2017/d/d4/T--Munich--ProfilePicture_Max.jpg">
 
                       </div>
 
                       </div>
 
                     <div class="content">
 
                     <div class="content">
                       <p class="header">Max Honeman</p>
+
                       <p class="header">Maximilian Honemann</p>
 
                       <div class="meta">
 
                       <div class="meta">
                         <span class="date">Master Biochemistry (TUM)</span>
+
                         <p><span class="date">Master Biochemistry (TUM)</span><br>Age: 22<br>Origin: Stuttgart, Germany</p>
 
                       </div>
 
                       </div>
 
                       <div class="description" >
 
                       <div class="description" >
                       <div class="mydescription" id="Max" >
+
                       <div class="mydescription myMedium" >
 
                         <div class="threeDots-container">
 
                         <div class="threeDots-container">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                         </div>
 
                         </div>
 
                         <p>
 
                         <p>
                        He is in the 4th semester of the Master in Biochemistry at TUM. He wanted to participate in iGEM this year so much that he delayed his Master Thesis. As a member of the Wet Lab Team, he helps with the organization of experiments and likes to play around with DNA and proteins. We need to warn you: he is our most sarcastic member and people tend to be confused and disoriented by his jokes, but we think he is nice anyways
+
<b>Favorite thing about iGEM:</b> The chance to work on a project that we chose ourselves.<br>
 +
<b>Scientific Interests:</b> DNA Nanotechnology and Electron Microscopy.<br>
 +
<b>Fun Fact:</b> I would rather be late for an exam than skip breakfast.<br>
 +
<b>What makes you happy:</b> Positive clones and time spent with friends.<br>
 +
<b>Role Model:</b> One should not limit himself to the achievments of others. - Albert Einstein, my role model.
 
                         </p>
 
                         </p>
 
                       </div>
 
                       </div>
Line 901: Line 318:
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
                   <div class="ui card">
+
                   <div class="ui card" id="Rob">
 
                       <div class="image">
 
                       <div class="image">
 
                         <img src="https://static.igem.org/mediawiki/2017/6/61/T--Munich--ProfilePicture_Rob.jpg">
 
                         <img src="https://static.igem.org/mediawiki/2017/6/61/T--Munich--ProfilePicture_Rob.jpg">
Line 908: Line 325:
 
                       <p class="header">Rob Strasser</p>
 
                       <p class="header">Rob Strasser</p>
 
                       <div class="meta">
 
                       <div class="meta">
                         <span class="date">Master Biology (LMU)</span>
+
                         <p><span class="date">Master Biology (LMU)</span><br>Age: 25<br>Origin: Kirmbach, Germany </p>
 
                       </div>
 
                       </div>
 
                       <div class="description" >
 
                       <div class="description" >
                       <div class="mydescription" id="Rob" >
+
                       <div class="mydescription myShort" >
 
                         <div class="threeDots-container">
 
                         <div class="threeDots-container">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                         </div>
 
                         </div>
 
                         <p>
 
                         <p>
                        He is currently in the 2nd semester of the Master in Biology at LMU and is a big Immunology aficionado. He is just what you picture of a Biology student: carefree, always smiling, and shoeless to be one with nature! Within the team, he is part of the Paperstrip Team. Also, he has a thing for alpacas.
+
<b>Favorite thing about iGEM:</b> Creative and positive people everywhere.<br>
 +
<b>Scientific Interests:</b> Infectious and Immune Diseases.<br>
 +
<b>Fun Fact:</b> Sometimes dresses like Disney´s Aladdin.<br>
 +
<b>What makes you happy:</b> The smell of freshly mowed grass.<br>
 +
<b>Role Model:</b> Christopher Hitchens.
 +
 
 
                         </p>
 
                         </p>
 
                       </div>
 
                       </div>
Line 922: Line 344:
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
                   <div class="ui card">
+
                   <div class="ui card" id="Dali">
 
                       <div class="image">
 
                       <div class="image">
 
                         <img src="https://static.igem.org/mediawiki/2017/c/c7/T--Munich--Dali.jpg">
 
                         <img src="https://static.igem.org/mediawiki/2017/c/c7/T--Munich--Dali.jpg">
Line 929: Line 351:
 
                       <p class="header">Dawafuti Sherpa</p>
 
                       <p class="header">Dawafuti Sherpa</p>
 
                       <div class="meta">
 
                       <div class="meta">
                         <span class="date">Master Biology (LMU)</span>
+
                         <p><span class="date">Master Biology (LMU)</span><br>Age: 27<br>Origin: Kathmandu, Nepal</p>
 
                       </div>
 
                       </div>
 
                       <div class="description" >
 
                       <div class="description" >
                       <div class="mydescription" id="Dali" >
+
                       <div class="mydescription myMedium" >
 
                         <div class="threeDots-container">
 
                         <div class="threeDots-container">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                         </div>
 
                         </div>
 
                         <p>
 
                         <p>
                        She is from Nepal and keeps the train moving in our team (actually she is our caretaker!) She takes matters in her own hands before anyone knows we needed to do something. She is in both the Human Practices and Wet Lab Teams. Currently she is in the Master in Biology at LMU. Also, in her free time she enjoys doing tai chi and sleeping.
+
<b>Favorite thing about iGEM:</b> meeting people with amazing ideas and trying out new stuffs.<br>
 +
<b>Scientific Interests:</b> almost everything related to Molecular and Cell Biology and of course Synthetic Biology.<br>
 +
<b>Fun Fact:</b> need at least 8 hours sleep to function properly.<br>
 +
<b>What makes you happy:</b> spending time with my family, yummy food, nature, sunsets, travelling to strange cities/places, overcoming hurdles in life, and good results from lab experiments.<br>
 +
<b>Role Model:</b> My dad and mom.<br>
 
                         </p>
 
                         </p>
 
                       </div>
 
                       </div>
Line 943: Line 369:
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
                   <div class="ui card">
+
                   <div class="ui card" id="Milica">
 
                       <div class="image">
 
                       <div class="image">
 
                         <img src="https://static.igem.org/mediawiki/2017/f/f2/T--Munich--ProfilePicture_Milica.jpg">
 
                         <img src="https://static.igem.org/mediawiki/2017/f/f2/T--Munich--ProfilePicture_Milica.jpg">
Line 950: Line 376:
 
                       <p class="header">Milica Zivanic</p>
 
                       <p class="header">Milica Zivanic</p>
 
                       <div class="meta">
 
                       <div class="meta">
                         <span class="date">Bachelor Molecular Biotechnology (TUM)</span>
+
                         <p><span class="date">Bachelor Molecular Biotechnology (TUM)</span><br>Age: 21<br>Origin: Belgrade,
 +
Serbia</p>
 
                       </div>
 
                       </div>
 
                       <div class="description" >
 
                       <div class="description" >
                       <div class="mydescription" id="Milica" >
+
                       <div class="mydescription myShort" >
 
                         <div class="threeDots-container">
 
                         <div class="threeDots-container">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                         </div>
 
                         </div>
 
                         <p>
 
                         <p>
                        She is from Serbia and is currently in the 4th Semester of the Bachelor of Molecular Biotechnology at TUM. She is also in the Wiki Team and helps with the experiments in the Wet Lab. In her free time, she likes to teach kickboxing as a way to forget about bad experiments. Also, she is learning Spanish to have a life full of drama like in the telenovelas she watched as a kid.
+
<b>Favorite thing about iGEM:</b> acquiring knowledge and skills in different fields.<br>
 +
<b>Scientific Interests:</b> Genetics, Immunology, and Pharmacology.<br>
 +
<b>Fun Fact:</b> I learned Spanish as a kid just by watching telenovelas<br>
 +
<b>What makes you happy:</b> seeing and making other people happy<br>
 +
<b>Role Model:</b> Novak Djokovic
 
                         </p>
 
                         </p>
 
                       </div>
 
                       </div>
Line 964: Line 395:
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
                   <div class="ui card">
+
                   <div class="ui card" id="Jorge">
 
                       <div class="image">
 
                       <div class="image">
 
                         <img src="https://static.igem.org/mediawiki/2017/3/3e/T--Munich--ProfilePicture_Jorge.jpg">
 
                         <img src="https://static.igem.org/mediawiki/2017/3/3e/T--Munich--ProfilePicture_Jorge.jpg">
Line 971: Line 402:
 
                       <p class="header">Jorge Andres Quintero Serna</p>
 
                       <p class="header">Jorge Andres Quintero Serna</p>
 
                       <div class="meta">
 
                       <div class="meta">
                         <span class="date">Bachelor Computer Science (LMU)</span>
+
                         <p><span class="date">Bachelor Computer Science (LMU)</span><br>Age: 23<br>Origin: Cali, Colombia</p>
 
                       </div>
 
                       </div>
 
                       <div class="description" >
 
                       <div class="description" >
                       <div class="mydescription" id="Jorge" >
+
                       <div class="mydescription myMedium" >
 
                         <div class="threeDots-container">
 
                         <div class="threeDots-container">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                         </div>
 
                         </div>
 
                         <p>
 
                         <p>
                        He is from Colombia and previously completed a Bachelor in Biology at LMU, but since he likes to study so much, he decided to enroll in a Bachelor in Informatics after that! Currently, he is in charge of the Wiki development for our team. He is also an expert in The Beatles and you can challenge him on a trivia battle! (PD: he is a huge fan of DNA synthesis).
+
<b>Favorite thing about iGEM:</b> Students can develop their own projects and learn about original projects from teams around the world.<br>
 +
<b>Scientific Interests:</b> in vitro DNA synthesis.<br>
 +
<b>Fun Fact:</b> I'm extremely cold resistant and can survive winter equipped with a light jacket.<br>
 +
<b>What makes you happy:</b> Arguing, about anything and everything. The more pointless the discussion the better.<br>
 +
<b>Role Model:</b> My dad.
 
                         </p>
 
                         </p>
 
                       </div>
 
                       </div>
Line 985: Line 420:
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
                   <div class="ui card">
+
                   <div class="ui card" id="Katzi">
 
                       <div class="image">
 
                       <div class="image">
 
                         <img src="https://static.igem.org/mediawiki/2017/4/49/T--Munich--ProfilePicture_Katzi.jpg">
 
                         <img src="https://static.igem.org/mediawiki/2017/4/49/T--Munich--ProfilePicture_Katzi.jpg">
Line 992: Line 427:
 
                       <p class="header">Florian Katzmeier</p>
 
                       <p class="header">Florian Katzmeier</p>
 
                       <div class="meta">
 
                       <div class="meta">
                         <span class="date">Master Biophysics (TUM)</span>
+
                         <p><span class="date">Master Biophysics (TUM)</span><br>Age: 23<br>Origin: Landsberg am Lech, Germany</p>
 
                       </div>
 
                       </div>
 
                       <div class="description" >
 
                       <div class="description" >
                       <div class="mydescription" id="Katzi" >
+
                       <div class="mydescription myShort" >
 
                         <div class="threeDots-container">
 
                         <div class="threeDots-container">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                         </div>
 
                         </div>
 
                         <p>
 
                         <p>
                        He is the physicist guy of our team! He is currently in the 2nd semester of the Master in Biophysics at TUM. He really doesn´t enjoy Wet Lab activities and he is the happiest when he is around wires and circuit boards. So is not a surprise that he is part of the Hardware team. He is a big fan of precision, we know that from his almost obsessive behavior when using Inkscape.
+
<b>Favorite thing about iGEM:</b> Working late into the night.<br>
 +
<b>Scientific Interests:</b> Theoretical Physics and doing handicraft.<br>
 +
<b>Fun Fact:</b> I do things for reasons.<br>
 +
<b>What makes you happy:</b> Coffee, cigarettes, and things that finally work as expected.<br>
 +
<b>Role Model:</b> Isaac Newton.
 
                         </p>
 
                         </p>
 
                       </div>
 
                       </div>
Line 1,006: Line 445:
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
                   <div class="ui card">
+
                   <div class="ui card" id="Julian">
 
                       <div class="image">
 
                       <div class="image">
                         <img src="Profile_Pictures/Julian.jpg">
+
                         <img src="https://static.igem.org/mediawiki/2017/9/9a/T--Munich--ProfilePicture_Julian.jpg">
 
                       </div>
 
                       </div>
 
                     <div class="content">
 
                     <div class="content">
 
                       <p class="header">Julian Reinhard</p>
 
                       <p class="header">Julian Reinhard</p>
 
                       <div class="meta">
 
                       <div class="meta">
                         <span class="date">Bachelor Bioinformatics (LMU/TUM)</span>
+
                         <p><span class="date">Bachelor Bioinformatics, Molecular Biotech. (LMU + TUM)</span><br>Age: 25<br>Origin: Bruchsal, Germany</p>
 
                       </div>
 
                       </div>
 
                       <div class="description" >
 
                       <div class="description" >
                       <div class="mydescription" id="Julian" >
+
                       <div class="mydescription myShort" >
 
                         <div class="threeDots-container">
 
                         <div class="threeDots-container">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                         </div>
 
                         </div>
 
                         <p>
 
                         <p>
                        He previously completed a Bachelor in Molecular Biotechnology at TUM and now he is in the 6th semester of the Bachelor in Bioinformatics, a partner program between LMU and TUM. In the lab, he is exploring different procedures for processing RNA and likes to play around with 3D printing. He likes to keep Patrick busy as his personal pipetting-robot while plotting to overthrow him as the team´s best table football player. By avoiding social media, he hopes his secret scheme will go unnoticed, but no more!
+
<b>Favorite thing about iGEM:</b> Trying and mixing new experimental protocols.<br>
 +
<b>Scientific Interests:</b> Structural Bioinformatics and Systems Biology.<br>
 +
<b>Fun Fact:</b> Developed RNase anxiety disorder during iGEM.<br>
 +
<b>What makes you happy:</b> Getting things to (finally!) work.<br>
 +
<b>Role Model:</b> Craig Venter.
 
                         </p>
 
                         </p>
 
                       </div>
 
                       </div>
Line 1,027: Line 470:
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
                   <div class="ui card">
+
                   <div class="ui card" id="Florian">
 
                       <div class="image">
 
                       <div class="image">
 
                         <img src="https://static.igem.org/mediawiki/2017/c/cf/T--Munich--ProfilePicture_Florian.jpg">
 
                         <img src="https://static.igem.org/mediawiki/2017/c/cf/T--Munich--ProfilePicture_Florian.jpg">
Line 1,034: Line 477:
 
                       <p class="header">Florian Rothfischer</p>
 
                       <p class="header">Florian Rothfischer</p>
 
                       <div class="meta">
 
                       <div class="meta">
                         <span class="date">Master Biochemistry (TUM)</span>
+
                         <p><span class="date">Master Biochemistry (TUM)</span><br>Age: 22<br>Origin: Munich, Germany</p>
 
                       </div>
 
                       </div>
 
                       <div class="description" >
 
                       <div class="description" >
                       <div class="mydescription" id="Florian" >
+
                       <div class="mydescription myShort" >
 
                         <div class="threeDots-container">
 
                         <div class="threeDots-container">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                         </div>
 
                         </div>
 
                         <p>
 
                         <p>
                        He just finished his Bachelor in Biochemistry at TUM and decided to join iGEM before starting his Master degree next winter. He is part of the Wet Lab team and is working on different approaches for read-outs. During incubation times or meetings, he likes to cook pasta for the rest of the team. He finds lab work to be relaxing and the soundtrack for his experiments is performed by his favorite band: Florence + The Machine.
+
<b>Favorite thing about iGEM:</b> CRISPR and night shifts.<br>
 +
<b>Scientific Interests:</b> Microbiology, DNA-Nanorobotics, and Bio-Organic Chemistry.<br>
 +
<b>Fun Fact:</b> The Professor for whom I work knows Florence Welch mother personally.<br>
 +
<b>What makes you happy:</b> Florence and the Machine's concerts.<br>
 +
<b>Role Model:</b> Florence Leontine Mary Welch and Francis Crick.
 
                         </p>
 
                         </p>
 
                       </div>
 
                       </div>
Line 1,048: Line 495:
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
                   <div class="ui card">
+
                 
 +
                   <div class="ui card" id="Matthias">
 
                       <div class="image">
 
                       <div class="image">
                         <img src="https://static.igem.org/mediawiki/2017/f/f1/T--Munich--ProfilePicture_Igor.jpg">
+
                         <img src="https://static.igem.org/mediawiki/2017/5/5a/T--Munich--ProfilePicture_Matthias.jpg">
 
                       </div>
 
                       </div>
 
                     <div class="content">
 
                     <div class="content">
                       <p class="header">Igor Styazhkin</p>
+
                       <p class="header">Matthias Lenz</p>
 
                       <div class="meta">
 
                       <div class="meta">
                         <span class="date">Bachelor Biochemistry (TUM)</span>
+
                         <p><span class="date">Bachelor Biology (TUM)</span><br>Age: 22<br>Origin: Velden, Germany</p>
 
                       </div>
 
                       </div>
 
                       <div class="description" >
 
                       <div class="description" >
                       <div class="mydescription" id="Igor" >
+
                       <div class="mydescription myMedium" >
 
                         <div class="threeDots-container">
 
                         <div class="threeDots-container">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                         </div>
 
                         </div>
 
                         <p>
 
                         <p>
                        He is from Russia and is currently in the 4th semester of the Bachelor in Biochemistry at TUM, but he already has a Master in Telecommunications. In our group, he is part of the PR and Wiki Teams. Also, he is an expert in taking pictures and videos of us for our Instagram stories without anyone noticing (so probably he is a very good spy). Although he is tall and has a deep voice, don´t be afraid! He is a very nice guy.
+
<b>Favorite thing about iGEM:</b> Having people from diverse backgrounds come together and seeing their different approaches to problems.<br>
 +
<b>Scientific Interests:</b> Genomics and Biomedicine.<br>
 +
<b>Fun Fact:</b> A Professor of Genetics once told me I had a "really distinct phenotype" and walked away without any further explanation.<br>
 +
<b>What makes you happy:</b> Observing nature, reading, bouldering.<br>
 +
<b>Role Model:</b> Top tier scientists that also communicate science to the public like Richard Feynman or Richard Dawkins.
 
                         </p>
 
                         </p>
 
                       </div>
 
                       </div>
Line 1,069: Line 521:
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
                   <div class="ui card">
+
                   <div class="ui card" id="Teeradon">
 
                       <div class="image">
 
                       <div class="image">
                         <img src="https://static.igem.org/mediawiki/2017/5/5a/T--Munich--ProfilePicture_Matthias.jpg">
+
                         <img src="https://static.igem.org/mediawiki/2017/9/96/T--Munich--ProfilePicture_Teeradon.jpg">
 
                       </div>
 
                       </div>
 
                     <div class="content">
 
                     <div class="content">
                       <p class="header">Matthias Lenz</p>
+
                       <p class="header">Teeradon Phlairaharn</p>
 
                       <div class="meta">
 
                       <div class="meta">
                         <span class="date">Bachelor Biology (TUM)</span>
+
                         <p><span class="date">Bachelor Molecular Biotechnology (TUM)</span><br>Age: 23<br>Origin: Bangkok, Thailand</p>
 
                       </div>
 
                       </div>
 
                       <div class="description" >
 
                       <div class="description" >
                       <div class="mydescription" id="Matthias" >
+
                       <div class="mydescription myShort" >
 
                         <div class="threeDots-container">
 
                         <div class="threeDots-container">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                         </div>
 
                         </div>
 
                         <p>
 
                         <p>
                        The guy whose career in science was predetermined by his hair. He is in the 4th semester of the Bachelor of Biology at TUM. Matthias is in charge of getting sponsors and is also part of the Human Practices Team. He enjoys bouldering and has a 34 hours Spotify playlist of 60s rock, that he claims to consist only of his most favorite songs.
+
<b>Favorite thing about iGEM:</b> Meet new people.<br>
 +
<b>Scientific Interests:</b> Plant System Biology<br>
 +
<b>Fun Fact:</b> I laugh when people talk about serious topic.<br>
 +
<b>What makes you happy:</b> Food.<br>
 +
<b>Role Model:</b> Dr. Pakpoom Subsoontorn.
 
                         </p>
 
                         </p>
 
                       </div>
 
                       </div>
Line 1,090: Line 546:
 
                     </div>
 
                     </div>
 
                   </div>
 
                   </div>
                  <div class="ui card">
+
</div>
 +
</td></tr>
 +
<tr><td colspan=3 align=left valign=center>
 +
<font size=7 color=#51a7f9><b style="color: #51a7f9">Supervisors</b></font>
 +
</td></tr>
 +
<tr><td colspan=3 align=center valign=center>
 +
<div class="ui cards centered stackable">
 +
<div class="ui card" id="Aurore">
 
                       <div class="image">
 
                       <div class="image">
                         <img src="https://static.igem.org/mediawiki/2017/9/96/T--Munich--ProfilePicture_Teeradon.jpg">
+
                         <img src="https://static.igem.org/mediawiki/2017/5/5a/T--Munich--ProfilePicture_Aurore.jpg">
 
                       </div>
 
                       </div>
 
                     <div class="content">
 
                     <div class="content">
                       <p class="header">Teeradon Phlairaharn</p>
+
                       <p class="header">Aurore Dupin</p>
 
                       <div class="meta">
 
                       <div class="meta">
                         <span class="date">Bachelor Molecular Biotechnology (TUM)</span>
+
                         <p><span class="date">PhD student on synthetic circuits</span></p>
 
                       </div>
 
                       </div>
 
                       <div class="description" >
 
                       <div class="description" >
                       <div class="mydescription" id="Teeradon" >
+
                       <div class="mydescription myMedium" >
 
                         <div class="threeDots-container">
 
                         <div class="threeDots-container">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                           <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 
                         </div>
 
                         </div>
 
                         <p>
 
                         <p>
                         He comes from Thailand and is currently in the 2nd semester of the Bachelor in Molecular Biotechnology at TUM. He is part of the Human Practices team and is now working on ways to connect with people from different backgrounds to integrate our project within the community. He is always smiling and in his free time you can find him at ice cream shops.
+
                         She comes from France, studied at the ENS Cachan and got her Master in Chemistry from the UPMC in Paris. Currently, she is a PhD student in the field of synthetic biology and is working on spatially organized synthetic circuits. At the beginning of our lab work, she trained us in key experiments like cloning and RNA isolation. We can confirm that she is a very patient supervisor, always with a nice answer even after asking her several times the same questions.
 +
                        </p>
 +
                      </div>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
              <div class="ui card" id="Lukas">
 +
                      <div class="image">
 +
                        <img src="https://static.igem.org/mediawiki/2017/e/e5/T--Munich--ProfilePicture_Lukas.jpg">
 +
                      </div>
 +
                    <div class="content">
 +
                      <p class="header">Lukas Aufinger</p>
 +
                      <div class="meta">
 +
                        <p><span class="date">PhD student on cell-free gene expression</span></p>
 +
                      </div>
 +
                      <div class="description">
 +
                      <div class="mydescription myShort" >
 +
                        <div class="threeDots-container">
 +
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 +
                        </div>
 +
                        <p>
 +
                        He studied Physics and Biophysics at TUM. Before serious science got in the middle of his life, he used to do long jump. Now in his free time, he goes hiking and climbing. He has no clue about cloning, but is always willing to help us with any problem we have. He gives us advice on hardware and is always pushing us to learn new things outside the biologists’ comfort zone.
 +
                        </p>
 +
                      </div>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
<div class="ui card">
 +
                      <div class="image">
 +
                        <img src="https://static.igem.org/mediawiki/2017/0/04/T--Munich--ProfilePicture_Benjamin.jpg">
 +
                      </div>
 +
                    <div onmouseenter="toggleCard($('#Benjamin'))" onmouseleave="toggleCard($('#Benjamin'))" class="content">
 +
                      <p class="header">Benjamin Aleritsch</p>
 +
                      <div class="meta">
 +
                        <p><span class="date">PhD student on cellular computers</span></p>
 +
                      </div>
 +
                      <div class="description" >
 +
                      <div class="mydescription myMedium" id="Benjamin">
 +
                        <div class="threeDots-container">
 +
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 +
                        </div>
 +
                        <p>
 +
                        He studied Aircraft-Engineering and got his Master in Physics at the LMU. Now, as a PhD student, he is attempting to build a Turing-capable computer in a living cell, which expanded his skills to microbiology and genetics. He is an IT- and Tech-Guru that can build anything. For that reason, he gives us advice in different fields like hardware, software, and web design. He's a heavy metal hearted nature-boy that has finished the Ironman twice in the two years past. His next goal: to cycle up to Mauna Kea's summit.
 +
                        </p>
 +
                      </div>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
<div class="ui card" id="Michael">
 +
                      <div class="image">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/9f/T--Munich--ProfilePicture_Michael.jpg">
 +
                      </div>
 +
                    <div class="content">
 +
                      <p class="header">Michael Heymann</p>
 +
                      <div class="meta">
 +
                        <p><span class="date">Post-doc at the Max Plank Institute for Biochemistry</span></p>
 +
                      </div>
 +
                      <div class="description" >
 +
                      <div class="mydescription myMedium" >
 +
                        <div class="threeDots-container">
 +
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 +
                        </div>
 +
                        <p>
 +
                        He studied Biology and Biophysics in Berlin and Boston and now spends his days watching liquids flow down microfluidic channels to study dynamic biological systems. He is a fan of 3D printing big and small things and when he is not riding a bicycle, he likes to spend his vacations to spray nanocrystals in big free-electron lasers. Whenever he is around he is helping us understand and solve plumbing problems for our project.
 +
                        </p>
 +
                      </div>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
<div class="ui card" id="Jeffery">
 +
                      <div class="image">
 +
                        <img src="https://static.igem.org/mediawiki/2017/0/06/T--Munich--ProfilePicture_Jeffery.jpg">
 +
                      </div>
 +
                    <div class="content">
 +
                      <p class="header">Dong-Jiunn Jeffery Truong</p>
 +
                      <div class="meta">
 +
                        <p><span class="date">PhD student developing Molecular Tools for Non-Invasive Imaging and Actuation</span></p>
 +
                      </div>
 +
                      <div class="description" >
 +
                      <div class="mydescription myMedium" >
 +
                        <div class="threeDots-container">
 +
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 +
                        </div>
 +
                        <p>
 +
                        Jeff studied Molecular Biotechnology at TUM and is doing his PhD at the Helmholtz Zentrum München, where he is engineering molecular systems to control and observe cellular processes with different stimuli
 +
like light, magnetic fields, and sound. As an iGEM veteran, his experiences in the competition and the work
 +
dynamic have been very valuable, just like his knowledge in synthetic biology and biological engineering
 +
provided us with great ideas for our project.
 
                         </p>
 
                         </p>
 
                       </div>
 
                       </div>
Line 1,112: Line 662:
 
                   </div>
 
                   </div>
 
</div>
 
</div>
</td></tr>  
+
</td></tr>
 +
<tr><td colspan=3 align=left valign=center>
 +
<font size=7 color=#51a7f9><b style="color: #51a7f9">PIs</b></font>
 +
</td></tr>
 +
<tr><td colspan=3 align=center valign=center>
 +
<div class="ui cards centered stackable">
 +
              <div class="ui card pi-card" id="Simmel">
 +
                      <div class="image">
 +
                        <img src="https://static.igem.org/mediawiki/2017/9/90/T--Munich--ProfilPicture_Simmel.jpg">
 +
                      </div>
 +
                    <div class="content">
 +
                      <p class="header">Professor Friedrich Simmel</p>
 +
                      <div class="meta">
 +
                        <p><span class="date">Chair of Physics of Synthetic Biology at TUM</span></p>
 +
                      </div>
 +
                      <div class="description" >
 +
                      <div class="mydescription myLong" >
 +
                        <div class="threeDots-container">
 +
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 +
                        </div>
 +
                        <p>
 +
                        Prof. Simmel is an elected member of acatech, Germany's National Academy of Science and Engineering,and Chair of Physics of Synthetic Biological Systems at TUM. His research is focused on the design of
 +
biochemical circuits and DNA-based nanostructures and systems, where he has contributed with
 +
important advances on the field. As co-coordinator of the Nanosystems Initiative Munich (NIM), Prof.
 +
Simmel helps bringing together the expertise of different research groups in their respective fields to
 +
design and develop nanosystems with a broad range of applications.
 +
                        </p>
 +
                      </div>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
<div class="ui card pi-card" id="Westmeyer">
 +
                      <div class="image">
 +
                        <img style="height: 280px !important" src="https://static.igem.org/mediawiki/2017/1/10/T--Munich--ProfilePicture_Westmeyer.jpg">
 +
                      </div>
 +
                    <div class="content">
 +
                      <p class="header">Professor Gil Westmeyer</p>
 +
                      <div class="meta">
 +
                        <p><span class="date">Professor for Molecular Imaging</span></p>
 +
                      </div>
 +
                      <div class="description" >
 +
                      <div class="mydescription myMedium" >
 +
                        <div class="threeDots-container">
 +
                          <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
 +
                        </div>
 +
                        <p>
 +
Since 2011, Prof. Westmeyer has been in the Faculty of Medicine at TUM. Currently, he is the Head of
 +
the Molecular Magnetic Resonance Imaging at the Chair of Biological Imaging group and works on the
 +
development of novel molecular visualization systems and control mechanisms for brain function
 +
imaging. Furthermore, his group uses this technology to gain new insights in neuropsychiatric diseases.
 +
At the Helmholtz Zentrum München, Prof. Westmeyer leads a Young Investigator Group focused on
 +
Molecular Imaging.
 +
                        </p>
 +
                      </div>
 +
                      </div>
 +
                    </div>
 +
                  </div>
 +
</td></tr>
 
<tr><td class="no-padding" colspan=2 align=right valign=center height=10>
 
<tr><td class="no-padding" colspan=2 align=right valign=center height=10>
 
<br><br><br><center><hr></center>
 
<br><br><br><center><hr></center>
Line 1,133: Line 740:
  
 
<!-- Foot Begin -->
 
<!-- Foot Begin -->
<table width=960 height=35 cellpadding=0 cellspacing=0 border=0><tr><td align=right class="no-padding" valign=center>
+
<table id="myFooter" width=960 height=35 cellpadding=0 cellspacing=0 border=0><tr><td align=right class="no-padding" valign=center>
  
 
<table width=300 height=35 cellpadding=0 cellspacing=0 border=0><tr>
 
<table width=300 height=35 cellpadding=0 cellspacing=0 border=0><tr>
Line 1,177: Line 784:
 
<td align=center valign=center>
 
<td align=center valign=center>
 
<a href="https://www.facebook.com/Munich.iGEM" target="_blank7" >
 
<a href="https://www.facebook.com/Munich.iGEM" target="_blank7" >
<img src="https://static.igem.org/mediawiki/2017/7/76/T--Munich--wiki_image_sm_facebook_low.svg" border=0 height="25" onmouseover="https://static.igem.org/mediawiki/2017/6/6e/T--Munich--wiki_image_sm_instagram_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/7/76/T--Munich--wiki_image_sm_facebook_low.svg'">
+
<img src="https://static.igem.org/mediawiki/2017/7/76/T--Munich--wiki_image_sm_facebook_low.svg" border=0 height="25" onmouseover="this.src='https://static.igem.org/mediawiki/2017/4/44/T--Munich--wiki_image_sm_facebook_high.svg'" onmouseout="this.src='https://static.igem.org/mediawiki/2017/7/76/T--Munich--wiki_image_sm_facebook_low.svg'">
 
</a>
 
</a>
 
</td>
 
</td>
Line 1,292: Line 899:
  
 
</td><td height="25" bgcolor=#ffffff></td></tr>
 
</td><td height="25" bgcolor=#ffffff></td></tr>
 +
<script type="text/javascript">
 +
 +
$(".card").click(function(){
 +
 +
  $(this).toggleClass("locked");
 +
 +
}); //With this click function, the locked class is added. Locked is simply use for a boolean expression no determine whether the animation on mouse hover should be trigger (see toggleCard).
 +
 +
var initialheight = $(".mydescription").css("height"); // We save the initialheight of any card (they all should have the same inital height) so we can use its value to reset the height once the card is deactivated.
 +
 +
function debugging(){
 +
  alert(initialheight);
 +
 +
}
 +
 +
  function toggleCard(object){
 +
 +
    if(!(object.parents().hasClass("locked"))){
 +
 +
      if(!(object.hasClass("card-active"))){
 +
        object.addClass("card-active");
 +
     
 +
          object.animate({
 +
 +
            height: 360
 +
 +
          },500, function(){
 +
       
 +
            if((object.hasClass("card-active"))){
 +
 +
          object.clearQueue();
 +
 +
        } 
 +
       
 +
          });
 +
   
 +
    } else {
 +
        object.removeClass("card-active");     
 +
   
 +
        object.animate({
 +
 +
          height: initialheight
 +
 +
          },500, function(){
 +
     
 +
                    if(!(object.hasClass("card-active"))){
 +
 +
          object.clearQueue();
 +
 +
        }
 +
       
 +
 +
        });     
 +
     
 +
      }
 +
 +
  }
 +
       
 +
} //Toggle function. Changes the card to its active, inactive state by using the animate function to gradually change its height to match that of the p (active) or to become initalheight (inactive). Adds the card-active class at the end to change the other css properties that do not require animation.
 +
 +
function toggleCardSudden(object){
 +
  if(!(object.hasClass("card-active"))){
 +
    if(object.attr("id")=="Dali") {
 +
      $("#DaliF").attr("src","https://scontent.xx.fbcdn.net/v/t31.0-8/19488772_1328753460507879_5404459836438295641_o.jpg?oh=42fee72c3e799515ca59f9a20809b612&oe=5A070989");
 +
     
 +
 +
    }/* TODO: Delete this later and implement it in an good way.  */
 +
    object.animate({
 +
 +
      height: object.children("p").css("height")
 +
 +
      },500, function(){
 +
       
 +
 +
      });
 +
 +
    } else {
 +
      if(object.attr("id")=="Dali") {
 +
      $("#DaliF").attr("src","D:\\Documentos\\IGEM\\wiki\\ProfileFotos\\Dali.jpg");
 +
     
 +
 +
    }/* TODO: Delete this later and implement it in an good way.  */
 +
      object.css("height",initialheight);
 +
    }
 +
 +
    object.toggleClass("card-active");
 +
}
 +
 +
 +
function and(a, b){
 +
  return (!(!(a || a) || !(b || b)));
 +
}  //Calculates the value of a and b, because why should the &&; operator work?
 +
 +
$('.dropdown').dropdown({on:'hover'});
 +
 +
</script>
 
</table></body></html>
 
</table></body></html>

Latest revision as of 18:23, 15 December 2017


Students

Christoph Neumayer

Bachelor Molecular Biotechnology (TUM)
Age: 20
Origin: Abensberg, Germany

three dots

Favorite thing about iGEM: I like that I learn so many new methods and problem-solving strategies, which can really help me prepare for a future career in research.
Scientific Interests: Experimental Genetics and Synthetic Biology.
Fun Fact: I missed 5 minutes of “The Martian” when he did surgery on himself because I can´t see blood.
What makes you happy: when my freaking cloning works and when someone gives me food.
Role Model: Donald E. Ingber and Feng Zhang.

Benedikt Dürr

Bachelor Biology (LMU)
Age: 20
Origin: Munich, Germany

three dots

Favorite thing about iGEM: So many cool ideas.
Scientific Interests: I want to copy the mechanisms of nature to use them under a new purpose.
Fun Fact: I like to philosophize about everything.
What makes you happy: Climbing, nature, traveling, and new impressions.
Who is your role-model: Alexander von Humboldt

Sven Klumpe

Master Biochemistry (TUM)
Age: 23
Origin: Germany

three dots

Favorite thing about iGEM: The possibility of experiencing the development of a project from the idea to the implementation, and being able to influence it a lot along the way.
Fun fact about me: An old friend of mine used some music we produced in one of his movies. So by accident, I am now credited in the Music section on Cannes Festival's webpage.
What makes you happy? Experiments, simulations and/or electronics that work out the way I expected. My music being on when I enter the lab/room. Jam Sessions!
Who is your role-model? Linus Pauling and B.B. King

Patrick Wilke

Master Biochemistry (TUM)
Age: 23
Origin: Germany

three dots

Favorite thing about iGEM: Working in a team of motivated students and helping each other out.
Fun fact about me:When I was little, I spent the whole day playing table football at the school. Once, I lost sense of time and my worried mother called the police on me. .
What makes you happy? Wandering in the forest and seeing nature. Although I sometimes get lost.
Who is your role-model? Harry Houdini

Erika Chacin De Leonardis

Master Biology (LMU)
Age: 26
Origin: Caracas, Venezuela

three dots

Favorite thing about iGEM: the possibility to create something novel with freedom and sharing science with people outside the field.
Scientific Interests: Epigenetics, Synthetic Biology, and Drug Development.
Fun Fact: I have a very low tolerance to heat after it goes up to 24 °C so I always bring a fan with me everywhere during the summer.
What makes you happy: Cloning working, binge watching movies, rock concerts, and air conditioning.
Role Model: Marie Curie and Craig Venter.

Ludwig Bauer

Master Biochemistry (TUM)
Age: 22
Origin: Erding, Germany

three dots

Favorite thing about iGEM: Learning about new things that are not directly related to my biochemistry studies and working in a multidisciplinary team.
Scientific Interests: Biological and natural products chemistry
Fun Fact: He keep smiling even in stressful situations.
What makes you happy: A large peak when purifying proteins.
Role Model: M. T. Cicero

Maximilian Honemann

Master Biochemistry (TUM)
Age: 22
Origin: Stuttgart, Germany

three dots

Favorite thing about iGEM: The chance to work on a project that we chose ourselves.
Scientific Interests: DNA Nanotechnology and Electron Microscopy.
Fun Fact: I would rather be late for an exam than skip breakfast.
What makes you happy: Positive clones and time spent with friends.
Role Model: One should not limit himself to the achievments of others. - Albert Einstein, my role model.

Rob Strasser

Master Biology (LMU)
Age: 25
Origin: Kirmbach, Germany

three dots

Favorite thing about iGEM: Creative and positive people everywhere.
Scientific Interests: Infectious and Immune Diseases.
Fun Fact: Sometimes dresses like Disney´s Aladdin.
What makes you happy: The smell of freshly mowed grass.
Role Model: Christopher Hitchens.

Dawafuti Sherpa

Master Biology (LMU)
Age: 27
Origin: Kathmandu, Nepal

three dots

Favorite thing about iGEM: meeting people with amazing ideas and trying out new stuffs.
Scientific Interests: almost everything related to Molecular and Cell Biology and of course Synthetic Biology.
Fun Fact: need at least 8 hours sleep to function properly.
What makes you happy: spending time with my family, yummy food, nature, sunsets, travelling to strange cities/places, overcoming hurdles in life, and good results from lab experiments.
Role Model: My dad and mom.

Milica Zivanic

Bachelor Molecular Biotechnology (TUM)
Age: 21
Origin: Belgrade, Serbia

three dots

Favorite thing about iGEM: acquiring knowledge and skills in different fields.
Scientific Interests: Genetics, Immunology, and Pharmacology.
Fun Fact: I learned Spanish as a kid just by watching telenovelas
What makes you happy: seeing and making other people happy
Role Model: Novak Djokovic

Jorge Andres Quintero Serna

Bachelor Computer Science (LMU)
Age: 23
Origin: Cali, Colombia

three dots

Favorite thing about iGEM: Students can develop their own projects and learn about original projects from teams around the world.
Scientific Interests: in vitro DNA synthesis.
Fun Fact: I'm extremely cold resistant and can survive winter equipped with a light jacket.
What makes you happy: Arguing, about anything and everything. The more pointless the discussion the better.
Role Model: My dad.

Florian Katzmeier

Master Biophysics (TUM)
Age: 23
Origin: Landsberg am Lech, Germany

three dots

Favorite thing about iGEM: Working late into the night.
Scientific Interests: Theoretical Physics and doing handicraft.
Fun Fact: I do things for reasons.
What makes you happy: Coffee, cigarettes, and things that finally work as expected.
Role Model: Isaac Newton.

Julian Reinhard

Bachelor Bioinformatics, Molecular Biotech. (LMU + TUM)
Age: 25
Origin: Bruchsal, Germany

three dots

Favorite thing about iGEM: Trying and mixing new experimental protocols.
Scientific Interests: Structural Bioinformatics and Systems Biology.
Fun Fact: Developed RNase anxiety disorder during iGEM.
What makes you happy: Getting things to (finally!) work.
Role Model: Craig Venter.

Florian Rothfischer

Master Biochemistry (TUM)
Age: 22
Origin: Munich, Germany

three dots

Favorite thing about iGEM: CRISPR and night shifts.
Scientific Interests: Microbiology, DNA-Nanorobotics, and Bio-Organic Chemistry.
Fun Fact: The Professor for whom I work knows Florence Welch mother personally.
What makes you happy: Florence and the Machine's concerts.
Role Model: Florence Leontine Mary Welch and Francis Crick.

Matthias Lenz

Bachelor Biology (TUM)
Age: 22
Origin: Velden, Germany

three dots

Favorite thing about iGEM: Having people from diverse backgrounds come together and seeing their different approaches to problems.
Scientific Interests: Genomics and Biomedicine.
Fun Fact: A Professor of Genetics once told me I had a "really distinct phenotype" and walked away without any further explanation.
What makes you happy: Observing nature, reading, bouldering.
Role Model: Top tier scientists that also communicate science to the public like Richard Feynman or Richard Dawkins.

Teeradon Phlairaharn

Bachelor Molecular Biotechnology (TUM)
Age: 23
Origin: Bangkok, Thailand

three dots

Favorite thing about iGEM: Meet new people.
Scientific Interests: Plant System Biology
Fun Fact: I laugh when people talk about serious topic.
What makes you happy: Food.
Role Model: Dr. Pakpoom Subsoontorn.

Supervisors

Aurore Dupin

PhD student on synthetic circuits

three dots

She comes from France, studied at the ENS Cachan and got her Master in Chemistry from the UPMC in Paris. Currently, she is a PhD student in the field of synthetic biology and is working on spatially organized synthetic circuits. At the beginning of our lab work, she trained us in key experiments like cloning and RNA isolation. We can confirm that she is a very patient supervisor, always with a nice answer even after asking her several times the same questions.

Lukas Aufinger

PhD student on cell-free gene expression

three dots

He studied Physics and Biophysics at TUM. Before serious science got in the middle of his life, he used to do long jump. Now in his free time, he goes hiking and climbing. He has no clue about cloning, but is always willing to help us with any problem we have. He gives us advice on hardware and is always pushing us to learn new things outside the biologists’ comfort zone.

Benjamin Aleritsch

PhD student on cellular computers

three dots

He studied Aircraft-Engineering and got his Master in Physics at the LMU. Now, as a PhD student, he is attempting to build a Turing-capable computer in a living cell, which expanded his skills to microbiology and genetics. He is an IT- and Tech-Guru that can build anything. For that reason, he gives us advice in different fields like hardware, software, and web design. He's a heavy metal hearted nature-boy that has finished the Ironman twice in the two years past. His next goal: to cycle up to Mauna Kea's summit.

Michael Heymann

Post-doc at the Max Plank Institute for Biochemistry

three dots

He studied Biology and Biophysics in Berlin and Boston and now spends his days watching liquids flow down microfluidic channels to study dynamic biological systems. He is a fan of 3D printing big and small things and when he is not riding a bicycle, he likes to spend his vacations to spray nanocrystals in big free-electron lasers. Whenever he is around he is helping us understand and solve plumbing problems for our project.

Dong-Jiunn Jeffery Truong

PhD student developing Molecular Tools for Non-Invasive Imaging and Actuation

three dots

Jeff studied Molecular Biotechnology at TUM and is doing his PhD at the Helmholtz Zentrum München, where he is engineering molecular systems to control and observe cellular processes with different stimuli like light, magnetic fields, and sound. As an iGEM veteran, his experiences in the competition and the work dynamic have been very valuable, just like his knowledge in synthetic biology and biological engineering provided us with great ideas for our project.

PIs

Professor Friedrich Simmel

Chair of Physics of Synthetic Biology at TUM

three dots

Prof. Simmel is an elected member of acatech, Germany's National Academy of Science and Engineering,and Chair of Physics of Synthetic Biological Systems at TUM. His research is focused on the design of biochemical circuits and DNA-based nanostructures and systems, where he has contributed with important advances on the field. As co-coordinator of the Nanosystems Initiative Munich (NIM), Prof. Simmel helps bringing together the expertise of different research groups in their respective fields to design and develop nanosystems with a broad range of applications.

Professor Gil Westmeyer

Professor for Molecular Imaging

three dots

Since 2011, Prof. Westmeyer has been in the Faculty of Medicine at TUM. Currently, he is the Head of the Molecular Magnetic Resonance Imaging at the Chair of Biological Imaging group and works on the development of novel molecular visualization systems and control mechanisms for brain function imaging. Furthermore, his group uses this technology to gain new insights in neuropsychiatric diseases. At the Helmholtz Zentrum München, Prof. Westmeyer leads a Young Investigator Group focused on Molecular Imaging.