Difference between revisions of "Team:Munich/Testflow"
| Line 5: | Line 5: | ||
<!-- #ffffff weiss --> | <!-- #ffffff weiss --> | ||
<html> | <html> | ||
| + | <link rel="stylesheet" type="text/css" | ||
| + | href="https://2017.igem.org/Template:Munich/CSS?action=raw&ctype=text/css" /> | ||
<head> | <head> | ||
<style> | <style> | ||
| + | |||
#home_logo, #sideMenu { display:none; } | #home_logo, #sideMenu { display:none; } | ||
#sideMenu, #top_title, .patrollink {display:none;} | #sideMenu, #top_title, .patrollink {display:none;} | ||
| Line 12: | Line 15: | ||
body {background-color:white; font-size: 14px; } | body {background-color:white; font-size: 14px; } | ||
#bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; } | ||
| − | |||
#HQ_page #myFooter td{ | #HQ_page #myFooter td{ | ||
vertical-align: text-top; | vertical-align: text-top; | ||
| + | } | ||
| + | |||
| + | #HQ_page #myContent p{ | ||
| + | font-size: medium; | ||
} | } | ||
| Line 37: | Line 43: | ||
border-style: none !important; | border-style: none !important; | ||
margin: 0 !important; | margin: 0 !important; | ||
| + | } | ||
| + | |||
| + | #HQ_page p.header{ | ||
| + | font-size: 1.287em; | ||
} | } | ||
| Line 52: | Line 62: | ||
} | } | ||
| − | + | .dropbtn{ | |
| − | + | ||
| − | . | + | |
| − | + | ||
position: relative; | position: relative; | ||
| − | padding: | + | padding: 0; |
border: none; | border: none; | ||
cursor: pointer; | cursor: pointer; | ||
| + | cursor: hand; | ||
width: 137px; | width: 137px; | ||
height: 32px; | height: 32px; | ||
| + | display: inline-block; | ||
| + | background: url('https://static.igem.org/mediawiki/2017/d/df/T--Munich--menu-sprite.png') no-repeat; | ||
| + | overflow: hidden; | ||
| + | text-indent: -9999px; | ||
| + | text-align: left; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | .dropbtnCascAid { | ||
| + | background-position: -959px -0px; | ||
} | } | ||
.dropdown:hover .dropbtnCascAid { | .dropdown:hover .dropbtnCascAid { | ||
| − | background- | + | background-position: -822px -0px; |
} | } | ||
| Line 70: | Line 90: | ||
.dropbtnProject { | .dropbtnProject { | ||
| − | background- | + | background-position: -411px -160px; |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
.dropdown:hover .dropbtnProject { | .dropdown:hover .dropbtnProject { | ||
| − | background- | + | background-position: -274px -160px; |
} | } | ||
| Line 85: | Line 99: | ||
.dropbtnWetlab { | .dropbtnWetlab { | ||
| − | background- | + | background-position: -137px -256px; |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
.dropdown:hover .dropbtnWetlab { | .dropdown:hover .dropbtnWetlab { | ||
| − | background- | + | background-position: -0px -256px; |
} | } | ||
| Line 100: | Line 108: | ||
.dropbtnSoftHardware { | .dropbtnSoftHardware { | ||
| − | background- | + | background-position: -685px -192px; |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
.dropdown:hover .dropbtnSoftHardware { | .dropdown:hover .dropbtnSoftHardware { | ||
| − | background- | + | background-position: -548px -192px; |
} | } | ||
| Line 115: | Line 117: | ||
.dropbtnModel { | .dropbtnModel { | ||
| − | background- | + | background-position: -685px -128px; |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
.dropdown:hover .dropbtnModel { | .dropdown:hover .dropbtnModel { | ||
| − | background- | + | background-position: -548px -128px; |
} | } | ||
| Line 130: | Line 126: | ||
.dropbtnHP { | .dropbtnHP { | ||
| − | background- | + | background-position: -137px -96px; |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
.dropdown:hover .dropbtnHP { | .dropdown:hover .dropbtnHP { | ||
| − | background- | + | background-position: -0px -96px; |
} | } | ||
| Line 145: | Line 135: | ||
.dropbtnTeam { | .dropbtnTeam { | ||
| − | background- | + | background-position: -685px -224px; |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
} | } | ||
.dropdown:hover .dropbtnTeam { | .dropdown:hover .dropbtnTeam { | ||
| − | background- | + | background-position: -548px -224px; |
} | } | ||
| − | + | .dropdown-content{ | |
| − | + | ||
| − | .dropdown- | + | |
| − | + | ||
display: none; | display: none; | ||
position: absolute; | position: absolute; | ||
| Line 167: | Line 148: | ||
z-index: 1; | z-index: 1; | ||
} | } | ||
| − | .dropdown:hover .dropdown- | + | |
| − | + | .dropdown:hover .dropdown-content{ | |
| − | + | ||
| − | + | ||
display: block; | display: block; | ||
| + | |||
} | } | ||
| − | .dropdown- | + | |
| − | + | .dropdown-content a{ | |
height: 32px; | height: 32px; | ||
width: 137px; | width: 137px; | ||
| Line 180: | Line 160: | ||
text-decoration: none; | text-decoration: none; | ||
display: block; | 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 { | .dropdown-contentDescription a:hover { | ||
background-image: url("wiki_image_menu_description_high.gif"); | background-image: url("wiki_image_menu_description_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 191: | Line 180: | ||
.dropdown-contentDesign { | .dropdown-contentDesign { | ||
background-image: url("wiki_image_menu_design_low.gif"); | background-image: url("wiki_image_menu_design_low.gif"); | ||
| − | |||
| − | |||
top: 64; | top: 64; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentDesign { | .dropdown:hover .dropdown-contentDesign { | ||
background-image: url("wiki_image_menu_design_high.gif"); | background-image: url("wiki_image_menu_design_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentDesign a { | .dropdown-contentDesign a { | ||
background-image: url("wiki_image_menu_design_low.gif"); | background-image: url("wiki_image_menu_design_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentDesign a:hover { | .dropdown-contentDesign a:hover { | ||
background-image: url("wiki_image_menu_design_high.gif"); | background-image: url("wiki_image_menu_design_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 222: | Line 196: | ||
.dropdown-contentProofofConcept { | .dropdown-contentProofofConcept { | ||
background-image: url("wiki_image_menu_proofofconcept_low.gif"); | background-image: url("wiki_image_menu_proofofconcept_low.gif"); | ||
| − | |||
| − | |||
top: 96; | top: 96; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentProofofConcept { | .dropdown:hover .dropdown-contentProofofConcept { | ||
background-image: url("wiki_image_menu_proofofconcept_high.gif"); | background-image: url("wiki_image_menu_proofofconcept_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentProofofConcept a { | .dropdown-contentProofofConcept a { | ||
background-image: url("wiki_image_menu_proofofconcept_low.gif"); | background-image: url("wiki_image_menu_proofofconcept_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentProofofConcept a:hover { | .dropdown-contentProofofConcept a:hover { | ||
background-image: url("wiki_image_menu_proofofconcept_high.gif"); | background-image: url("wiki_image_menu_proofofconcept_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 253: | Line 212: | ||
.dropdown-contentDemonstration { | .dropdown-contentDemonstration { | ||
background-image: url("wiki_image_menu_demonstration_low.gif"); | background-image: url("wiki_image_menu_demonstration_low.gif"); | ||
| − | |||
| − | |||
top: 128; | top: 128; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentDemonstration { | .dropdown:hover .dropdown-contentDemonstration { | ||
background-image: url("wiki_image_menu_demonstration_high.gif"); | background-image: url("wiki_image_menu_demonstration_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentDemonstration a { | .dropdown-contentDemonstration a { | ||
background-image: url("wiki_image_menu_demonstration_low.gif"); | background-image: url("wiki_image_menu_demonstration_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentDemonstration a:hover { | .dropdown-contentDemonstration a:hover { | ||
background-image: url("wiki_image_menu_demonstration_high.gif"); | background-image: url("wiki_image_menu_demonstration_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 284: | Line 228: | ||
.dropdown-contentApplication { | .dropdown-contentApplication { | ||
background-image: url("wiki_image_menu_application_low.gif"); | background-image: url("wiki_image_menu_application_low.gif"); | ||
| − | |||
| − | |||
top: 160; | top: 160; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentApplication { | .dropdown:hover .dropdown-contentApplication { | ||
background-image: url("wiki_image_menu_application_high.gif"); | background-image: url("wiki_image_menu_application_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentApplication a { | .dropdown-contentApplication a { | ||
background-image: url("wiki_image_menu_application_low.gif"); | background-image: url("wiki_image_menu_application_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentApplication a:hover { | .dropdown-contentApplication a:hover { | ||
background-image: url("wiki_image_menu_application_high.gif"); | background-image: url("wiki_image_menu_application_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 315: | Line 244: | ||
.dropdown-contentFinalResults { | .dropdown-contentFinalResults { | ||
background-image: url("wiki_image_menu_finalresults_low.gif"); | background-image: url("wiki_image_menu_finalresults_low.gif"); | ||
| − | |||
| − | |||
top: 192; | top: 192; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentFinalResults { | .dropdown:hover .dropdown-contentFinalResults { | ||
background-image: url("wiki_image_menu_finalresults_high.gif"); | background-image: url("wiki_image_menu_finalresults_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentFinalResults a { | .dropdown-contentFinalResults a { | ||
background-image: url("wiki_image_menu_finalresults_low.gif"); | background-image: url("wiki_image_menu_finalresults_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentFinalResults a:hover { | .dropdown-contentFinalResults a:hover { | ||
background-image: url("wiki_image_menu_finalresults_high.gif"); | background-image: url("wiki_image_menu_finalresults_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 346: | Line 260: | ||
.dropdown-contentEntrepreneurship { | .dropdown-contentEntrepreneurship { | ||
background-image: url("wiki_image_menu_entrepreneurship_low.gif"); | background-image: url("wiki_image_menu_entrepreneurship_low.gif"); | ||
| − | |||
| − | |||
top: 224; | top: 224; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentEntrepreneurship { | .dropdown:hover .dropdown-contentEntrepreneurship { | ||
background-image: url("wiki_image_menu_entrepreneurship_high.gif"); | background-image: url("wiki_image_menu_entrepreneurship_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentEntrepreneurship a { | .dropdown-contentEntrepreneurship a { | ||
background-image: url("wiki_image_menu_entrepreneurship_low.gif"); | background-image: url("wiki_image_menu_entrepreneurship_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentEntrepreneurship a:hover { | .dropdown-contentEntrepreneurship a:hover { | ||
background-image: url("wiki_image_menu_entrepreneurship_high.gif"); | background-image: url("wiki_image_menu_entrepreneurship_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 377: | Line 276: | ||
.dropdown-contentAchievements { | .dropdown-contentAchievements { | ||
background-image: url("wiki_image_menu_achievements_low.gif"); | background-image: url("wiki_image_menu_achievements_low.gif"); | ||
| − | |||
| − | |||
top: 256; | top: 256; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentAchievements { | .dropdown:hover .dropdown-contentAchievements { | ||
background-image: url("wiki_image_menu_achievements_high.gif"); | background-image: url("wiki_image_menu_achievements_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentAchievements a { | .dropdown-contentAchievements a { | ||
background-image: url("wiki_image_menu_achievements_low.gif"); | background-image: url("wiki_image_menu_achievements_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentAchievements a:hover { | .dropdown-contentAchievements a:hover { | ||
background-image: url("wiki_image_menu_achievements_high.gif"); | background-image: url("wiki_image_menu_achievements_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 408: | Line 292: | ||
.dropdown-contentProtocolsMethods { | .dropdown-contentProtocolsMethods { | ||
background-image: url("wiki_image_menu_protocolsmethods_low.gif"); | background-image: url("wiki_image_menu_protocolsmethods_low.gif"); | ||
| − | |||
| − | |||
top: 32; | top: 32; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentProtocolsMethods { | .dropdown:hover .dropdown-contentProtocolsMethods { | ||
background-image: url("wiki_image_menu_protocolsmethods_high.gif"); | background-image: url("wiki_image_menu_protocolsmethods_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentProtocolsMethods a { | .dropdown-contentProtocolsMethods a { | ||
background-image: url("wiki_image_menu_protocolsmethods_low.gif"); | background-image: url("wiki_image_menu_protocolsmethods_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentProtocolsMethods a:hover { | .dropdown-contentProtocolsMethods a:hover { | ||
background-image: url("wiki_image_menu_protocolsmethods_high.gif"); | background-image: url("wiki_image_menu_protocolsmethods_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 439: | Line 308: | ||
.dropdown-contentMaterials { | .dropdown-contentMaterials { | ||
background-image: url("wiki_image_menu_materials_low.gif"); | background-image: url("wiki_image_menu_materials_low.gif"); | ||
| − | |||
| − | |||
top: 64; | top: 64; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentMaterials { | .dropdown:hover .dropdown-contentMaterials { | ||
background-image: url("wiki_image_menu_materials_high.gif"); | background-image: url("wiki_image_menu_materials_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentMaterials a { | .dropdown-contentMaterials a { | ||
background-image: url("wiki_image_menu_materials_low.gif"); | background-image: url("wiki_image_menu_materials_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentMaterials a:hover { | .dropdown-contentMaterials a:hover { | ||
background-image: url("wiki_image_menu_materials_high.gif"); | background-image: url("wiki_image_menu_materials_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 470: | Line 324: | ||
.dropdown-contentLabJournal { | .dropdown-contentLabJournal { | ||
background-image: url("wiki_image_menu_labjournal_low.gif"); | background-image: url("wiki_image_menu_labjournal_low.gif"); | ||
| − | |||
| − | |||
top: 96; | top: 96; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentLabJournal { | .dropdown:hover .dropdown-contentLabJournal { | ||
background-image: url("wiki_image_menu_labjournal_high.gif"); | background-image: url("wiki_image_menu_labjournal_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentLabJournal a { | .dropdown-contentLabJournal a { | ||
background-image: url("wiki_image_menu_labjournal_low.gif"); | background-image: url("wiki_image_menu_labjournal_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentLabJournal a:hover { | .dropdown-contentLabJournal a:hover { | ||
background-image: url("wiki_image_menu_labjournal_high.gif"); | background-image: url("wiki_image_menu_labjournal_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 501: | Line 340: | ||
.dropdown-contentSafety { | .dropdown-contentSafety { | ||
background-image: url("wiki_image_menu_safety_low.gif"); | background-image: url("wiki_image_menu_safety_low.gif"); | ||
| − | |||
| − | |||
top: 128; | top: 128; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentSafety { | .dropdown:hover .dropdown-contentSafety { | ||
background-image: url("wiki_image_menu_safety_high.gif"); | background-image: url("wiki_image_menu_safety_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentSafety a { | .dropdown-contentSafety a { | ||
background-image: url("wiki_image_menu_safety_low.gif"); | background-image: url("wiki_image_menu_safety_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentSafety a:hover { | .dropdown-contentSafety a:hover { | ||
background-image: url("wiki_image_menu_safety_high.gif"); | background-image: url("wiki_image_menu_safety_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 532: | Line 356: | ||
.dropdown-contentParts { | .dropdown-contentParts { | ||
background-image: url("wiki_image_menu_parts_low.gif"); | background-image: url("wiki_image_menu_parts_low.gif"); | ||
| − | |||
| − | |||
top: 160; | top: 160; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentParts { | .dropdown:hover .dropdown-contentParts { | ||
background-image: url("wiki_image_menu_parts_high.gif"); | background-image: url("wiki_image_menu_parts_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentParts a { | .dropdown-contentParts a { | ||
background-image: url("wiki_image_menu_parts_low.gif"); | background-image: url("wiki_image_menu_parts_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentParts a:hover { | .dropdown-contentParts a:hover { | ||
background-image: url("wiki_image_menu_parts_high.gif"); | background-image: url("wiki_image_menu_parts_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 563: | Line 372: | ||
.dropdown-contentInterlab { | .dropdown-contentInterlab { | ||
background-image: url("wiki_image_menu_interlab_low.gif"); | background-image: url("wiki_image_menu_interlab_low.gif"); | ||
| − | |||
| − | |||
top: 192; | top: 192; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentInterlab { | .dropdown:hover .dropdown-contentInterlab { | ||
background-image: url("wiki_image_menu_interlab_high.gif"); | background-image: url("wiki_image_menu_interlab_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentInterlab a { | .dropdown-contentInterlab a { | ||
background-image: url("wiki_image_menu_interlab_low.gif"); | background-image: url("wiki_image_menu_interlab_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentInterlab a:hover { | .dropdown-contentInterlab a:hover { | ||
background-image: url("wiki_image_menu_interlab_high.gif"); | background-image: url("wiki_image_menu_interlab_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 594: | Line 388: | ||
.dropdown-contentSoftware { | .dropdown-contentSoftware { | ||
background-image: url("wiki_image_menu_software_low.gif"); | background-image: url("wiki_image_menu_software_low.gif"); | ||
| − | |||
| − | |||
top: 32; | top: 32; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentSoftware { | .dropdown:hover .dropdown-contentSoftware { | ||
background-image: url("wiki_image_menu_software_high.gif"); | background-image: url("wiki_image_menu_software_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentSoftware a { | .dropdown-contentSoftware a { | ||
background-image: url("wiki_image_menu_software_low.gif"); | background-image: url("wiki_image_menu_software_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentSoftware a:hover { | .dropdown-contentSoftware a:hover { | ||
background-image: url("wiki_image_menu_software_high.gif"); | background-image: url("wiki_image_menu_software_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 625: | Line 404: | ||
.dropdown-contentHardware { | .dropdown-contentHardware { | ||
background-image: url("wiki_image_menu_hardware_low.gif"); | background-image: url("wiki_image_menu_hardware_low.gif"); | ||
| − | |||
| − | |||
top: 64; | top: 64; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentHardware { | .dropdown:hover .dropdown-contentHardware { | ||
background-image: url("wiki_image_menu_hardware_high.gif"); | background-image: url("wiki_image_menu_hardware_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentHardware a { | .dropdown-contentHardware a { | ||
background-image: url("wiki_image_menu_hardware_low.gif"); | background-image: url("wiki_image_menu_hardware_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentHardware a:hover { | .dropdown-contentHardware a:hover { | ||
background-image: url("wiki_image_menu_hardware_high.gif"); | background-image: url("wiki_image_menu_hardware_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 656: | Line 420: | ||
.dropdown-contentHPSilver { | .dropdown-contentHPSilver { | ||
background-image: url("wiki_image_menu_hpsilver_low.gif"); | background-image: url("wiki_image_menu_hpsilver_low.gif"); | ||
| − | |||
| − | |||
top: 32; | top: 32; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentHPSilver { | .dropdown:hover .dropdown-contentHPSilver { | ||
background-image: url("wiki_image_menu_hpsilver_high.gif"); | background-image: url("wiki_image_menu_hpsilver_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentHPSilver a { | .dropdown-contentHPSilver a { | ||
background-image: url("wiki_image_menu_hpsilver_low.gif"); | background-image: url("wiki_image_menu_hpsilver_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentHPSilver a:hover { | .dropdown-contentHPSilver a:hover { | ||
background-image: url("wiki_image_menu_hpsilver_high.gif"); | background-image: url("wiki_image_menu_hpsilver_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 687: | Line 436: | ||
.dropdown-contentIHPgold { | .dropdown-contentIHPgold { | ||
background-image: url("wiki_image_menu_ihpgold_low.gif"); | background-image: url("wiki_image_menu_ihpgold_low.gif"); | ||
| − | |||
| − | |||
top: 64; | top: 64; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentIHPgold { | .dropdown:hover .dropdown-contentIHPgold { | ||
background-image: url("wiki_image_menu_ihpgold_high.gif"); | background-image: url("wiki_image_menu_ihpgold_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentIHPgold a { | .dropdown-contentIHPgold a { | ||
background-image: url("wiki_image_menu_ihpgold_low.gif"); | background-image: url("wiki_image_menu_ihpgold_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentIHPgold a:hover { | .dropdown-contentIHPgold a:hover { | ||
background-image: url("wiki_image_menu_ihpgold_high.gif"); | background-image: url("wiki_image_menu_ihpgold_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 718: | Line 452: | ||
.dropdown-contentPublicEngagement { | .dropdown-contentPublicEngagement { | ||
background-image: url("wiki_image_menu_publicengagement_low.gif"); | background-image: url("wiki_image_menu_publicengagement_low.gif"); | ||
| − | |||
| − | |||
top: 96; | top: 96; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentPublicEngagement { | .dropdown:hover .dropdown-contentPublicEngagement { | ||
background-image: url("wiki_image_menu_publicengagement_high.gif"); | background-image: url("wiki_image_menu_publicengagement_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentPublicEngagement a { | .dropdown-contentPublicEngagement a { | ||
background-image: url("wiki_image_menu_publicengagement_low.gif"); | background-image: url("wiki_image_menu_publicengagement_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentPublicEngagement a:hover { | .dropdown-contentPublicEngagement a:hover { | ||
background-image: url("wiki_image_menu_publicengagement_high.gif"); | background-image: url("wiki_image_menu_publicengagement_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 749: | Line 468: | ||
.dropdown-contentCollaborations { | .dropdown-contentCollaborations { | ||
background-image: url("wiki_image_menu_collaborations_low.gif"); | background-image: url("wiki_image_menu_collaborations_low.gif"); | ||
| − | |||
| − | |||
top: 128; | top: 128; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentCollaborations { | .dropdown:hover .dropdown-contentCollaborations { | ||
background-image: url("wiki_image_menu_collaborations_high.gif"); | background-image: url("wiki_image_menu_collaborations_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentCollaborations a { | .dropdown-contentCollaborations a { | ||
background-image: url("wiki_image_menu_collaborations_low.gif"); | background-image: url("wiki_image_menu_collaborations_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentCollaborations a:hover { | .dropdown-contentCollaborations a:hover { | ||
background-image: url("https://static.igem.org/mediawiki/2017/1/1c/T--Munich--wiki_image_menu_teammembers_high.gif"); | background-image: url("https://static.igem.org/mediawiki/2017/1/1c/T--Munich--wiki_image_menu_teammembers_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 780: | Line 484: | ||
.dropdown-contentTeamMembers { | .dropdown-contentTeamMembers { | ||
background-image: url("https://static.igem.org/mediawiki/2017/2/2b/T--Munich--wiki_image_menu_teammembers_low.gif"); | background-image: url("https://static.igem.org/mediawiki/2017/2/2b/T--Munich--wiki_image_menu_teammembers_low.gif"); | ||
| − | |||
| − | |||
top: 32; | top: 32; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentTeamMembers { | .dropdown:hover .dropdown-contentTeamMembers { | ||
background-image: url("https://static.igem.org/mediawiki/2017/1/1c/T--Munich--wiki_image_menu_teammembers_high.gif"); | background-image: url("https://static.igem.org/mediawiki/2017/1/1c/T--Munich--wiki_image_menu_teammembers_high.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
| + | |||
| Line 811: | Line 495: | ||
.dropdown-contentSupervisors { | .dropdown-contentSupervisors { | ||
background-image: url("wiki_image_menu_supervisors_low.gif"); | background-image: url("wiki_image_menu_supervisors_low.gif"); | ||
| − | |||
| − | |||
top: 64; | top: 64; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentSupervisors { | .dropdown:hover .dropdown-contentSupervisors { | ||
background-image: url("wiki_image_menu_supervisors_high.gif"); | background-image: url("wiki_image_menu_supervisors_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentSupervisors a { | .dropdown-contentSupervisors a { | ||
background-image: url("wiki_image_menu_supervisors_low.gif"); | background-image: url("wiki_image_menu_supervisors_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentSupervisors a:hover { | .dropdown-contentSupervisors a:hover { | ||
background-image: url("wiki_image_menu_supervisors_high.gif"); | background-image: url("wiki_image_menu_supervisors_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 842: | Line 511: | ||
.dropdown-contentPIs { | .dropdown-contentPIs { | ||
background-image: url("wiki_image_menu_pis_low.gif"); | background-image: url("wiki_image_menu_pis_low.gif"); | ||
| − | |||
| − | |||
top: 96; | top: 96; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentPIs { | .dropdown:hover .dropdown-contentPIs { | ||
background-image: url("wiki_image_menu_pis_high.gif"); | background-image: url("wiki_image_menu_pis_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentPIs a { | .dropdown-contentPIs a { | ||
background-image: url("wiki_image_menu_pis_low.gif"); | background-image: url("wiki_image_menu_pis_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentPIs a:hover { | .dropdown-contentPIs a:hover { | ||
background-image: url("wiki_image_menu_pis_high.gif"); | background-image: url("wiki_image_menu_pis_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 873: | Line 527: | ||
.dropdown-contentCollaboratingInstitutions { | .dropdown-contentCollaboratingInstitutions { | ||
background-image: url("wiki_image_menu_collaboratinginstitutions_low.gif"); | background-image: url("wiki_image_menu_collaboratinginstitutions_low.gif"); | ||
| − | |||
| − | |||
top: 128; | top: 128; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentCollaboratingInstitutions { | .dropdown:hover .dropdown-contentCollaboratingInstitutions { | ||
background-image: url("wiki_image_menu_collaboratinginstitutions_high.gif"); | background-image: url("wiki_image_menu_collaboratinginstitutions_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentCollaboratingInstitutions a { | .dropdown-contentCollaboratingInstitutions a { | ||
background-image: url("wiki_image_menu_collaboratinginstitutions_low.gif"); | background-image: url("wiki_image_menu_collaboratinginstitutions_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentCollaboratingInstitutions a:hover { | .dropdown-contentCollaboratingInstitutions a:hover { | ||
background-image: url("wiki_image_menu_collaboratinginstitutions_high.gif"); | background-image: url("wiki_image_menu_collaboratinginstitutions_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 904: | Line 543: | ||
.dropdown-contentSponsors { | .dropdown-contentSponsors { | ||
background-image: url("wiki_image_menu_sponsors_low.gif"); | background-image: url("wiki_image_menu_sponsors_low.gif"); | ||
| − | |||
| − | |||
top: 160; | top: 160; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentSponsors { | .dropdown:hover .dropdown-contentSponsors { | ||
background-image: url("wiki_image_menu_sponsors_high.gif"); | background-image: url("wiki_image_menu_sponsors_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentSponsors a { | .dropdown-contentSponsors a { | ||
background-image: url("wiki_image_menu_sponsors_low.gif"); | background-image: url("wiki_image_menu_sponsors_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentSponsors a:hover { | .dropdown-contentSponsors a:hover { | ||
background-image: url("wiki_image_menu_sponsors_high.gif"); | background-image: url("wiki_image_menu_sponsors_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| Line 935: | Line 559: | ||
.dropdown-contentAttributions { | .dropdown-contentAttributions { | ||
background-image: url("wiki_image_menu_attributions_low.gif"); | background-image: url("wiki_image_menu_attributions_low.gif"); | ||
| − | |||
| − | |||
top: 192; | top: 192; | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown:hover .dropdown-contentAttributions { | .dropdown:hover .dropdown-contentAttributions { | ||
background-image: url("wiki_image_menu_attributions_high.gif"); | background-image: url("wiki_image_menu_attributions_high.gif"); | ||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentAttributions a { | .dropdown-contentAttributions a { | ||
background-image: url("wiki_image_menu_attributions_low.gif"); | background-image: url("wiki_image_menu_attributions_low.gif"); | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
.dropdown-contentAttributions a:hover { | .dropdown-contentAttributions a:hover { | ||
background-image: url("wiki_image_menu_attributions_high.gif"); | background-image: url("wiki_image_menu_attributions_high.gif"); | ||
| − | |||
| − | |||
} | } | ||
| − | |||
.no-padding{ | .no-padding{ | ||
padding: 0 !important; | padding: 0 !important; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | |||
| + | #HQ_page .meta p{ | ||
| + | text-align: left; | ||
| + | font-size: 0.85em !important; | ||
| + | } | ||
| + | |||
| + | |||
| + | .ui.card, .ui.cards>.card { | ||
| + | width: 280px; | ||
| + | } | ||
| + | |||
| + | .mydescription{ | ||
| + | height: 8em; | ||
| + | overflow: hidden; | ||
| + | cursor: pointer; | ||
| + | cursor: hand; /*IE callst it differently. */ | ||
| + | position: relative; | ||
| + | } | ||
| + | |||
| + | .mydescription:hover{ | ||
| + | animation: expandCard 0.5s; | ||
| + | animation-fill-mode: forwards; | ||
| + | } | ||
| + | |||
| + | #HQ_page #myContent .mydescription:hover p { | ||
| + | background: initial; | ||
| + | -webkit-background-clip: initial; | ||
| + | -webkit-text-fill-color: initial; | ||
| + | } | ||
| + | |||
| + | .mydescription:hover .threeDots-container{ | ||
| + | display: none; | ||
| + | } | ||
| + | |||
| + | @keyframes expandCard{ | ||
| + | to{ | ||
| + | height: 25.5em; | ||
| + | } | ||
| + | } | ||
| + | |||
| + | .threeDots-container >img{ | ||
| + | height: auto; | ||
| + | width: 50px; | ||
| + | position: relative; | ||
| + | left: -50%; | ||
| + | top: -80%; | ||
| + | |||
| + | } | ||
| + | |||
| + | .threeDots-container{ | ||
| + | position: absolute; | ||
| + | left: 50%; | ||
| + | top: 80%; | ||
| + | |||
| + | } /*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 #myContent .mydescription >p{ | ||
| + | background: -webkit-linear-gradient(rgb(0,0,0),rgb(230,230,230) 50%, rgb(255,255,255)); | ||
| + | -webkit-background-clip: text; | ||
| + | -webkit-text-fill-color: transparent; | ||
| + | /*color: rgb(147,149,152);*/ | ||
| + | height: 15em; | ||
| + | font-size: 1.1em; | ||
| + | } | ||
| + | |||
| + | .image > img{ | ||
| + | height: 200px !important; | ||
| + | } | ||
| + | |||
| + | .cards{ | ||
| + | align-items: flex-start; | ||
} | } | ||
| Line 972: | Line 657: | ||
<!-- Bar --> | <!-- Bar --> | ||
| − | <tr><td | + | <tr><td height="32" bgcolor=#51A7f9></td><td class="no-padding" bgcolor=#51A7f9 height="32" width="960" align=center> |
<div class="dropdown"> | <div class="dropdown"> | ||
| − | <a href="/Team:Munich"><button class="dropbtnCascAid"><img src="overlay.png"></button></a> | + | <a href="/Team:Munich"><button class="dropbtnCascAid dropbtn"><img src="overlay.png"></button></a> |
| − | <div class="dropdown-content"> | + | <div class="dropdown-content dropdown-content"> |
</div> | </div> | ||
</div><div class="dropdown"> | </div><div class="dropdown"> | ||
| − | <a href="project" target=content><button class="dropbtnProject"><img src="overlay.png"></button></a> | + | <a href="project" target=content><button class="dropbtnProject dropbtn"><img src="overlay.png"></button></a> |
| − | <div class="dropdown-contentDescription"> | + | <div class="dropdown-contentDescription dropdown-content"> |
<a href="description" target=content></a> | <a href="description" target=content></a> | ||
</div> | </div> | ||
| − | <div class="dropdown-contentDesign"> | + | <div class="dropdown-contentDesign dropdown-content"> |
<a href="design" target=content></a> | <a href="design" target=content></a> | ||
</div> | </div> | ||
| − | <div class="dropdown-contentProofofConcept"> | + | <div class="dropdown-contentProofofConcept dropdown-content"> |
<a href="proofofconcept" target=content></a> | <a href="proofofconcept" target=content></a> | ||
</div> | </div> | ||
| − | <div class="dropdown-contentDemonstration"> | + | <div class="dropdown-contentDemonstration dropdown-content"> |
<a href="demonstration" target=content></a> | <a href="demonstration" target=content></a> | ||
</div> | </div> | ||
| − | <div class="dropdown-contentApplication"> | + | <div class="dropdown-contentApplication dropdown-content"> |
<a href="application" target=content></a> | <a href="application" target=content></a> | ||
</div> | </div> | ||
| − | <div class="dropdown-contentFinalResults"> | + | <div class="dropdown-contentFinalResults dropdown-content"> |
<a href="finalresults" target=content></a> | <a href="finalresults" target=content></a> | ||
</div> | </div> | ||
| − | <div class="dropdown-contentEntrepreneurship"> | + | <div class="dropdown-contentEntrepreneurship dropdown-content"> |
<a href="entrepreneurship" target=content></a> | <a href="entrepreneurship" target=content></a> | ||
</div> | </div> | ||
| − | <div class="dropdown-contentAchievements"> | + | <div class="dropdown-contentAchievements dropdown-content"> |
<a href="achievements" target=content></a> | <a href="achievements" target=content></a> | ||
</div> | </div> | ||
</div><div class="dropdown" valign=center> | </div><div class="dropdown" valign=center> | ||
| − | <a href="wetlab" target=content><button class="dropbtnWetlab" valign=center><img src="overlay.png"></button></a> | + | <a href="wetlab" target=content><button class="dropbtnWetlab dropbtn" valign=center><img src="overlay.png"></button></a> |
| − | <div class="dropdown-contentProtocolsMethods"> | + | <div class="dropdown-contentProtocolsMethods dropdown-content"> |
<a href="protocolsmethods" target=content></a> | <a href="protocolsmethods" target=content></a> | ||
</div> | </div> | ||
| − | <div class="dropdown-contentMaterials"> | + | <div class="dropdown-contentMaterials dropdown-content"> |
<a href="materials" target=content></a> | <a href="materials" target=content></a> | ||
</div> | </div> | ||
| − | <div class="dropdown-contentLabJournal"> | + | <div class="dropdown-contentLabJournal dropdown-content"> |
<a href="labjournal" target=content></a> | <a href="labjournal" target=content></a> | ||
</div> | </div> | ||
| − | <div class="dropdown-contentSafety"> | + | <div class="dropdown-contentSafety dropdown-content"> |
<a href="safety" target=content></a> | <a href="safety" target=content></a> | ||
</div> | </div> | ||
| − | <div class="dropdown-contentParts"> | + | <div class="dropdown-contentParts dropdown-content"> |
<a href="parts" target=content></a> | <a href="parts" target=content></a> | ||
</div> | </div> | ||
| − | <div class="dropdown-contentInterlab"> | + | <div class="dropdown-contentInterlab dropdown-content"> |
<a href="interlab" target=content></a> | <a href="interlab" target=content></a> | ||
</div> | </div> | ||
</div><div class="dropdown"> | </div><div class="dropdown"> | ||
| − | <a href="model" target=content><button class="dropbtnModel"><img src="overlay.png"></button></a> | + | <a href="model" target=content><button class="dropbtnModel dropbtn"><img src="overlay.png"></button></a> |
| − | <div class="dropdown-content"> | + | <div class="dropdown-content dropdown-content"> |
</div> | </div> | ||
</div><div class="dropdown"> | </div><div class="dropdown"> | ||
| − | <a href="softhardware" target=content><button class="dropbtnSoftHardware"><img src="overlay.png"></button></a> | + | <a href="softhardware" target=content><button class="dropbtnSoftHardware dropbtn"><img src="overlay.png"></button></a> |
| − | <div class="dropdown-contentSoftware"> | + | <div class="dropdown-contentSoftware dropdown-content"> |
<a href="software" target=content></a> | <a href="software" target=content></a> | ||
</div> | </div> | ||
| − | <div class="dropdown-contentHardware"> | + | <div class="dropdown-contentHardware dropdown-content"> |
<a href="hardware" target=content></a> | <a href="hardware" target=content></a> | ||
</div> | </div> | ||
</div><div class="dropdown"> | </div><div class="dropdown"> | ||
| − | <a href="hp" target=content><button class="dropbtnHP"><img src="overlay.png"></button></a> | + | <a href="hp" target=content><button class="dropbtnHP dropbtn"><img src="overlay.png"></button></a> |
| − | <div class="dropdown-contentHPSilver"> | + | <div class="dropdown-contentHPSilver dropdown-content"> |
<a href="hpsilver" target=content></a> | <a href="hpsilver" target=content></a> | ||
</div> | </div> | ||
| − | <div class="dropdown-contentIHPgold"> | + | <div class="dropdown-contentIHPgold dropdown-content"> |
<a href="ihpgold" target=content></a> | <a href="ihpgold" target=content></a> | ||
</div> | </div> | ||
| − | <div class="dropdown-contentPublicEngagement"> | + | <div class="dropdown-contentPublicEngagement dropdown-content"> |
<a href="publicengagement" target=content></a> | <a href="publicengagement" target=content></a> | ||
</div> | </div> | ||
| − | <div class="dropdown-contentCollaborations"> | + | <div class="dropdown-contentCollaborations dropdown-content"> |
<a href="collaborations" target=content></a> | <a href="collaborations" target=content></a> | ||
</div> | </div> | ||
</div><div class="dropdown"> | </div><div class="dropdown"> | ||
| − | <a href="/Team:Munich/Team" target=content><button class="dropbtnTeam"><img src="overlay.png"></button></a> | + | <a href="/Team:Munich/Team" target=content><button class="dropbtnTeam dropbtn"><img src="overlay.png"></button></a> |
| − | <div class="dropdown-contentTeamMembers"> | + | <div class="dropdown-contentTeamMembers dropdown-content"> |
<a href="teammembers" target=content></a> | <a href="teammembers" target=content></a> | ||
</div> | </div> | ||
| − | <div class="dropdown-contentSupervisors"> | + | <div class="dropdown-contentSupervisors dropdown-content"> |
<a href="supervisors" target=content></a> | <a href="supervisors" target=content></a> | ||
</div> | </div> | ||
| − | <div class="dropdown-contentPIs"> | + | <div class="dropdown-contentPIs dropdown-content"> |
<a href="pis" target=content></a> | <a href="pis" target=content></a> | ||
</div> | </div> | ||
| − | <div class="dropdown-contentCollaboratingInstitutions"> | + | <div class="dropdown-contentCollaboratingInstitutions dropdown-content"> |
<a href="collaboratinginstitutions" target=content></a> | <a href="collaboratinginstitutions" target=content></a> | ||
</div> | </div> | ||
| − | <div class="dropdown-contentSponsors"> | + | <div class="dropdown-contentSponsors dropdown-content"> |
<a href="sponsors" target=content></a> | <a href="sponsors" target=content></a> | ||
</div> | </div> | ||
| − | <div class="dropdown-contentAttributions"> | + | <div class="dropdown-contentAttributions dropdown-content"> |
<a href="/Team:Munich/Team" target=content></a> | <a href="/Team:Munich/Team" target=content></a> | ||
</div> | </div> | ||
</div> | </div> | ||
| − | </td><td | + | </td><td height="32" bgcolor=#51A7f9></td></tr> |
<!-- Content --> | <!-- Content --> | ||
<tr><td width="100%" colspan=3> | <tr><td width="100%" colspan=3> | ||
| − | |||
<table width=100% height=100% cellpadding=0 cellspacing=0 border=0> | <table width=100% height=100% cellpadding=0 cellspacing=0 border=0> | ||
<tr> | <tr> | ||
| Line 1,082: | Line 766: | ||
<!-- 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"> |
| − | + | ||
| − | + | ||
| − | + | ||
<table width="900" border=0 cellspacing=0 cellpadding=10> | <table width="900" border=0 cellspacing=0 cellpadding=10> | ||
| − | <tr><td colspan= | + | <tr><td colspan=3 align=left valign=center> |
| − | <font size=7 color=#444444><b> | + | <font size=7 color=#444444><b>Student</b></font> |
</td></tr> | </td></tr> | ||
| − | <tr><td align=center valign=center> | + | <tr><td colspan=3 align=center valign=center> |
| − | <p | + | <div class="ui cards centered stackable"> |
| − | < | + | <div class="ui card"> |
| − | + | <div class="image"> | |
| − | </ | + | <img src="https://static.igem.org/mediawiki/2017/c/cb/T--Munich--ProfilePicture_Pattrick.jpg"> |
| − | </p> | + | </div> |
| − | </ | + | <div class="content"> |
| − | </ | + | <p class="header">Patrick Wilke</p> |
| − | <img src="https://static.igem.org/mediawiki/2017/ | + | <div class="meta"> |
| + | <span class="date">Masters Biochemistry (TUM)</span> | ||
| + | </div> | ||
| + | <div class="description" > | ||
| + | <div class="mydescription" id="Patrick" > | ||
| + | <div class="threeDots-container"> | ||
| + | <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w"> | ||
| + | </div> | ||
| + | <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. | ||
| + | </p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="ui card"> | ||
| + | <div class="image"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/e/e1/T--Munich--ProfilePicture_Chris.jpg"> | ||
| + | </div> | ||
| + | <div class="content"> | ||
| + | <p class="header">Christoph Neumayer</p> | ||
| + | <div class="meta"> | ||
| + | <p><span class="date">Bachelor Molecular Biotechnology (TUM)</span><br>Age: 20<br>Origin: Abensberg, Germany</p> | ||
| + | </div> | ||
| + | <div class="description" > | ||
| + | <div class="mydescription" id="Christoph" > | ||
| + | <div class="threeDots-container"> | ||
| + | <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w"> | ||
| + | </div> | ||
| + | <p> | ||
| + | <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> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="ui card"> | ||
| + | <div class="image"> | ||
| + | <img src="Profile_Pictures/Benedikt.jpg"> | ||
| + | </div> | ||
| + | <div class="content"> | ||
| + | <p class="header">Benedikt Dürr</p> | ||
| + | <div class="meta"> | ||
| + | <p><span class="date">Bachelor Biology (LMU)</span><br>Age: 20<br>Origin: Munich, Germany</p> | ||
| + | </div> | ||
| + | <div class="description" > | ||
| + | <div class="mydescription" id="Benedikt" > | ||
| + | <div class="threeDots-container"> | ||
| + | <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w"> | ||
| + | </div> | ||
| + | <p> | ||
| + | <b>Favorite thing about iGEM:</b> So many cool ideas.<br> | ||
| + | <b>Scientific Interests:</b> I want to copy nature to use it under a new purpose.<br> | ||
| + | <b>Fun Fact:</b> I like to philosophy about everything.<br> | ||
| + | <b>What makes you happy:</b> Climbing, nature, traveling, and new impressions. | ||
| + | </p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="ui card"> | ||
| + | <div class="image"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/d/d6/T--Munich--ProfilePicture_Sven.jpg"> | ||
| + | </div> | ||
| + | <div class="content"> | ||
| + | <p class="header">Sven Klumpe</p> | ||
| + | <div class="meta"> | ||
| + | <span class="date">Master Biochemistry (TUM)</span> | ||
| + | </div> | ||
| + | <div class="description" > | ||
| + | <div class="mydescription" id="Sven" > | ||
| + | <div class="threeDots-container"> | ||
| + | <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w"> | ||
| + | </div> | ||
| + | <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. | ||
| + | </p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="ui card"> | ||
| + | <div class="image"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/a/ae/T--Munich--ProfilePicture_Erika.jpg"> | ||
| + | </div> | ||
| + | <div class="content"> | ||
| + | <p class="header">Erika Chacin De Leonardis</p> | ||
| + | <div class="meta"> | ||
| + | <p><span class="date">Master Biology (LMU)</span><br>Age: 26<br>Origin: Caracas, Venezuela</p> | ||
| + | </div> | ||
| + | <div class="description" > | ||
| + | <div class="mydescription" id="Erika" > | ||
| + | <div class="threeDots-container"> | ||
| + | <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w"> | ||
| + | </div> | ||
| + | <p> | ||
| + | <b>Favorite thing about iGEM:</b> the possibility to create something novel with more freedom than in other projects 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> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="ui card"> | ||
| + | <div class="image"> | ||
| + | <img src="Profile_Pictures/Luwdig.jpg"> | ||
| + | </div> | ||
| + | <div class="content"> | ||
| + | <p class="header">Luwdig Bauer</p> | ||
| + | <div class="meta"> | ||
| + | <p><span class="date">Master Biochemistry (TUM)</span><br>Age: 22<br>Origin: Erding, Germany</p> | ||
| + | </div> | ||
| + | <div class="description" > | ||
| + | <div class="mydescription" id="Ludwig" > | ||
| + | <div class="threeDots-container"> | ||
| + | <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w"> | ||
| + | </div> | ||
| + | <p> | ||
| + | <b>Favorite thing about iGEM:</b> Learning about things which are not directly related to my biochemistry studies.<br> | ||
| + | <b>Scientific Interests:</b> Biological and natural products chemistry<br> | ||
| + | <b>Fun Fact:</b> He keeps smiling even in stressful situations.<br> | ||
| + | <b>What makes you happy:</b> A large protein peak at purification.<br> | ||
| + | <b>Role Model:</b> ---- | ||
| + | </p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="ui card"> | ||
| + | <div class="image"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/d/d4/T--Munich--ProfilePicture_Max.jpg"> | ||
| + | </div> | ||
| + | <div class="content"> | ||
| + | <p class="header">Max Honemann</p> | ||
| + | <div class="meta"> | ||
| + | <p><span class="date">Master Biochemistry (TUM)</span><br>Age: 22<br>Origin: Stuttgart, Germany</p> | ||
| + | </div> | ||
| + | <div class="description" > | ||
| + | <div class="mydescription" id="Max" > | ||
| + | <div class="threeDots-container"> | ||
| + | <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w"> | ||
| + | </div> | ||
| + | <p> | ||
| + | <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> ---- | ||
| + | </p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="ui card"> | ||
| + | <div class="image"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/6/61/T--Munich--ProfilePicture_Rob.jpg"> | ||
| + | </div> | ||
| + | <div class="content"> | ||
| + | <p class="header">Rob Strasser</p> | ||
| + | <div class="meta"> | ||
| + | <p><span class="date">Master Biology (LMU)</span><br>Age: 25<br>Origin: Kirmbach, Germany </p> | ||
| + | </div> | ||
| + | <div class="description" > | ||
| + | <div class="mydescription" id="Rob" > | ||
| + | <div class="threeDots-container"> | ||
| + | <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w"> | ||
| + | </div> | ||
| + | <p> | ||
| + | <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> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="ui card"> | ||
| + | <div class="image"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/c/c7/T--Munich--Dali.jpg"> | ||
| + | </div> | ||
| + | <div class="content"> | ||
| + | <p class="header">Dawafuti Sherpa</p> | ||
| + | <div class="meta"> | ||
| + | <p><span class="date">Master in Biology (LMU)</span><br>Age: 27<br>Origin: Kathmandu, Nepal</p> | ||
| + | </div> | ||
| + | <div class="description" > | ||
| + | <div class="mydescription" id="Dali" > | ||
| + | <div class="threeDots-container"> | ||
| + | <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w"> | ||
| + | </div> | ||
| + | <p> | ||
| + | <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 papa and mamma.<br> | ||
| + | </p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="ui card"> | ||
| + | <div class="image"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/f/f2/T--Munich--ProfilePicture_Milica.jpg"> | ||
| + | </div> | ||
| + | <div class="content"> | ||
| + | <p class="header">Milica Zivanic</p> | ||
| + | <div class="meta"> | ||
| + | <p><span class="date">Bachelor Molecular Biotechnology (TUM)</span><br>Age: 21<br>Origin: Belgrade, | ||
| + | Serbia</p> | ||
| + | </div> | ||
| + | <div class="description" > | ||
| + | <div class="mydescription" id="Milica" > | ||
| + | <div class="threeDots-container"> | ||
| + | <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w"> | ||
| + | </div> | ||
| + | <p> | ||
| + | <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> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="ui card"> | ||
| + | <div class="image"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/3/3e/T--Munich--ProfilePicture_Jorge.jpg"> | ||
| + | </div> | ||
| + | <div class="content"> | ||
| + | <p class="header">Jorge Andres Quintero Serna</p> | ||
| + | <div class="meta"> | ||
| + | <p><span class="date">Bachelor Computer Science (LMU)</span><br>Age: 23<br>Origin: Cali, Colombia</p> | ||
| + | </div> | ||
| + | <div class="description" > | ||
| + | <div class="mydescription" id="Jorge" > | ||
| + | <div class="threeDots-container"> | ||
| + | <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w"> | ||
| + | </div> | ||
| + | <p> | ||
| + | <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> 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> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="ui card"> | ||
| + | <div class="image"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/4/49/T--Munich--ProfilePicture_Katzi.jpg"> | ||
| + | </div> | ||
| + | <div class="content"> | ||
| + | <p class="header">Florian Katzmeier</p> | ||
| + | <div class="meta"> | ||
| + | <p><span class="date">Master Biophysics (TUM)</span><br>Age: 23<br>Origin: Landsberg am Lach, Germany</p> | ||
| + | </div> | ||
| + | <div class="description" > | ||
| + | <div class="mydescription" id="Katzi" > | ||
| + | <div class="threeDots-container"> | ||
| + | <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w"> | ||
| + | </div> | ||
| + | <p> | ||
| + | <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> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="ui card"> | ||
| + | <div class="image"> | ||
| + | <img src="Profile_Pictures/Julian.jpg"> | ||
| + | </div> | ||
| + | <div class="content"> | ||
| + | <p class="header">Julian Reinhard</p> | ||
| + | <div class="meta"> | ||
| + | <p><span class="date">Bachelor Bioinformatics (LMU + TUM)</span><br>Age: 23<br>Origin: Bruchsal, Germany</p> | ||
| + | </div> | ||
| + | <div class="description" > | ||
| + | <div class="mydescription" id="Julian" > | ||
| + | <div class="threeDots-container"> | ||
| + | <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w"> | ||
| + | </div> | ||
| + | <p> | ||
| + | <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> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="ui card"> | ||
| + | <div class="image"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/c/cf/T--Munich--ProfilePicture_Florian.jpg"> | ||
| + | </div> | ||
| + | <div class="content"> | ||
| + | <p class="header">Florian Rothfischer</p> | ||
| + | <div class="meta"> | ||
| + | <p><span class="date">Master Biochemistry (TUM)</span><br>Age: 22<br>Origin: Munich, Germany</p> | ||
| + | </div> | ||
| + | <div class="description" > | ||
| + | <div class="mydescription" id="Florian" > | ||
| + | <div class="threeDots-container"> | ||
| + | <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w"> | ||
| + | </div> | ||
| + | <p> | ||
| + | <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 for, knows Florence Welch mother personally.<br> | ||
| + | <b>What makes you happy:</b> ----<br> | ||
| + | <b>Role Model:</b> Florence Leontine Mary Welch and Francis Crick. | ||
| + | </p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="ui card"> | ||
| + | <div class="image"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/f/f1/T--Munich--ProfilePicture_Igor.jpg"> | ||
| + | </div> | ||
| + | <div class="content"> | ||
| + | <p class="header">Igor Styazhkin</p> | ||
| + | <div class="meta"> | ||
| + | <p><span class="date">Bachelor Biochemistry (TUM)</span><br>Age: 28<br>Origin: St. Petersburg, Russia</p> | ||
| + | </div> | ||
| + | <div class="description" > | ||
| + | <div class="mydescription" id="Igor" > | ||
| + | <div class="threeDots-container"> | ||
| + | <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w"> | ||
| + | </div> | ||
| + | <p> | ||
| + | <b>Favorite thing about iGEM:</b> Freedom and internationality.<br> | ||
| + | <b>Scientific Interests:</b> Origin of Life and Evolution.<br> | ||
| + | <b>Fun Fact:</b> ----<br> | ||
| + | <b>What makes you happy:</b> Summer.<br> | ||
| + | <b>Role Model:</b> Plate reader. | ||
| + | </p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="ui card"> | ||
| + | <div class="image"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/5/5a/T--Munich--ProfilePicture_Matthias.jpg"> | ||
| + | </div> | ||
| + | <div class="content"> | ||
| + | <p class="header">Matthias Lenz</p> | ||
| + | <div class="meta"> | ||
| + | <p><span class="date">Bachelor Biology (TUM)</span><br>Age: 22<br>Origin: Freising, Germany</p> | ||
| + | </div> | ||
| + | <div class="description" > | ||
| + | <div class="mydescription" id="Matthias" > | ||
| + | <div class="threeDots-container"> | ||
| + | <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w"> | ||
| + | </div> | ||
| + | <p> | ||
| + | <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, and a good bouldering session.<br> | ||
| + | <b>Role Model:</b> Richard Feynman and Richard Dawkins. | ||
| + | </p> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="ui card"> | ||
| + | <div class="image"> | ||
| + | <img src="https://static.igem.org/mediawiki/2017/9/96/T--Munich--ProfilePicture_Teeradon.jpg"> | ||
| + | </div> | ||
| + | <div class="content"> | ||
| + | <p class="header">Teeradon Phlairaharn</p> | ||
| + | <div class="meta"> | ||
| + | <p><span class="date">Bachelor Molecular Biotechnology (TUM)</span><br>Age: 23<br>Origin: Bangkok, Thailand</p> | ||
| + | </div> | ||
| + | <div class="description" > | ||
| + | <div class="mydescription" id="Teeradon" > | ||
| + | <div class="threeDots-container"> | ||
| + | <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w"> | ||
| + | </div> | ||
| + | <p> | ||
| + | <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> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </div> | ||
| + | </td></tr> | ||
| + | <tr><td colspan=3 align=left valign=center> | ||
| + | <font size=7 color=#444444><b>Supervisors</b></font> | ||
</td></tr> | </td></tr> | ||
| − | <tr><td align=center valign=center> | + | <tr><td colspan=3 align=center valign=center> |
| − | <p | + | <div class="ui cards centered stackable"> |
| − | < | + | <div class="ui card"> |
| − | + | <div class="image"> | |
| − | </ | + | <img src="https://static.igem.org/mediawiki/2017/e/e5/T--Munich--ProfilePicture_Lukas.jpg"> |
| − | </p> | + | </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" id="Lukas" > | ||
| + | <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 and is currently a PhD student working in cell-free gene expression in hydrogels. 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="Profile_Pictures/Benjamin.jpg"> | ||
| + | </div> | ||
| + | <div 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" 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 onmouseenter="toggleCard($('#Aurore'))" onmouseleave="toggleCard($('#Aurore'))" class="ui card"> | ||
| + | <div class="image"> | ||
| + | <img src="Profile_Pictures/Aurore.jpg"> | ||
| + | </div> | ||
| + | <div class="content"> | ||
| + | <p class="header">Aurore Dupin</p> | ||
| + | <div class="meta"> | ||
| + | <p><span class="date">PhD student on synthetic circuits</span></p> | ||
| + | </div> | ||
| + | <div class="description" > | ||
| + | <div class="mydescription" id="Aurore" > | ||
| + | <div class="threeDots-container"> | ||
| + | <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w"> | ||
| + | </div> | ||
| + | <p> | ||
| + | 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> | ||
</td></tr> | </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> | |
</td></tr> | </td></tr> | ||
</table> | </table> | ||
| Line 1,133: | Line 1,283: | ||
<!-- Foot Begin --> | <!-- Foot Begin --> | ||
| − | <table | + | <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> | ||
Revision as of 11:13, 16 September 2017
| ||||||||||||||||||||||||||||||||||
| ||||||||||||||||||||||||||||||||||
