(112 intermediate revisions by 7 users not shown) | |||
Line 13: | Line 13: | ||
#HQ_page .meta p{ | #HQ_page .meta p{ | ||
text-align: left; | text-align: left; | ||
− | font-size: | + | font-size: 15.4px !important; |
} | } | ||
Line 21: | Line 21: | ||
} | } | ||
+ | .ui.cards{ | ||
+ | margin-bottom: 40px; | ||
+ | } | ||
.mydescription{ | .mydescription{ | ||
height: 8em; | height: 8em; | ||
Line 34: | Line 37: | ||
} | } | ||
− | .mydescription.myMedium:hover{ | + | .mydescription:not(#Benjamin).myMedium:hover{ |
animation: expandCardMedium 0.5s; | animation: expandCardMedium 0.5s; | ||
animation-fill-mode: forwards; | animation-fill-mode: forwards; | ||
Line 68: | Line 71: | ||
@keyframes expandCardShort{ | @keyframes expandCardShort{ | ||
to{ | to{ | ||
− | height: | + | height: 250px; |
} | } | ||
} | } | ||
Line 92: | Line 95: | ||
-webkit-background-clip: text; | -webkit-background-clip: text; | ||
-webkit-text-fill-color: transparent; | -webkit-text-fill-color: transparent; | ||
− | + | color: black; | |
height: 15em; | height: 15em; | ||
font-size: 1.1em; | font-size: 1.1em; | ||
Line 98: | Line 101: | ||
.image > img{ | .image > img{ | ||
− | height: 200px | + | 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> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<!-- Content --> | <!-- Content --> | ||
<tr><td width="100%" colspan=3> | <tr><td width="100%" colspan=3> | ||
Line 221: | Line 128: | ||
<!-- Head End --> | <!-- Head End --> | ||
<!-- Content Begin --> | <!-- Content Begin --> | ||
− | <img width="960" src="https://static.igem.org/mediawiki/2017/ | + | <img id="TopPicture" width="960" src="https://static.igem.org/mediawiki/2017/f/f1/T--Munich--team-picture.jpeg" > |
− | <table width=" | + | <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=# | + | <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> | ||
Line 238: | Line 145: | ||
</div> | </div> | ||
<div class="description" > | <div class="description" > | ||
− | <div class="mydescription | + | <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"> | ||
Line 255: | Line 162: | ||
<div class="ui card" id="Benedikt"> | <div class="ui card" id="Benedikt"> | ||
<div class="image"> | <div class="image"> | ||
− | <img src=" | + | <img src="https://static.igem.org/mediawiki/2017/9/98/T--Munich--ProfilePicture_Benedikt.jpg"> |
</div> | </div> | ||
<div class="content"> | <div class="content"> | ||
Line 263: | Line 170: | ||
</div> | </div> | ||
<div class="description" > | <div class="description" > | ||
− | <div class="mydescription | + | <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"> | ||
Line 269: | Line 176: | ||
<p> | <p> | ||
<b>Favorite thing about iGEM:</b> So many cool ideas.<br> | <b>Favorite thing about iGEM:</b> So many cool ideas.<br> | ||
− | <b>Scientific Interests:</b> I want to copy nature to use | + | <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 | + | <b>Fun Fact:</b> I like to philosophize about everything.<br> |
− | <b>What makes you happy:</b> Climbing, nature, traveling, and new impressions. | + | <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 277: | Line 185: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="ui card"> | + | <div class="ui card" id="Sven"> |
<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/d/d6/T--Munich--ProfilePicture_Sven.jpg"> | ||
Line 287: | Line 195: | ||
</div> | </div> | ||
<div class="description" > | <div class="description" > | ||
− | <div class="mydescription | + | <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> | ||
− | <b> | + | <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> | 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> | <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> | <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> | 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> | ||
Line 306: | 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/c/cb/T--Munich--ProfilePicture_Pattrick.jpg"> | <img src="https://static.igem.org/mediawiki/2017/c/cb/T--Munich--ProfilePicture_Pattrick.jpg"> | ||
Line 313: | Line 221: | ||
<p class="header">Patrick Wilke</p> | <p class="header">Patrick Wilke</p> | ||
<div class="meta"> | <div class="meta"> | ||
− | <span class="date"> | + | <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 | + | <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> | ||
− | + | <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 327: | 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 337: | Line 253: | ||
</div> | </div> | ||
<div class="description" > | <div class="description" > | ||
− | <div class="mydescription | + | <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> | ||
− | <b>Favorite thing about iGEM:</b> the possibility to create something novel with | + | <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>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>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> | ||
Line 352: | Line 268: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="ui card"> | + | <div class="ui card" id="Ludwig"> |
<div class="image"> | <div class="image"> | ||
− | <img src=" | + | <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"> | + | <p class="header">Ludwig Bauer</p> |
<div class="meta"> | <div class="meta"> | ||
<p><span class="date">Master Biochemistry (TUM)</span><br>Age: 22<br>Origin: Erding, Germany</p> | <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 | + | <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> | ||
− | <b>Favorite thing about iGEM:</b> Learning about things | + | <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>Scientific Interests:</b> Biological and natural products chemistry<br> | ||
− | <b>Fun Fact:</b> He | + | <b>Fun Fact:</b> He keep smiling even in stressful situations.<br> |
− | <b>What makes you happy:</b> A large | + | <b>What makes you happy:</b> A large peak when purifying proteins.<br> |
− | <b>Role Model:</b> | + | <b>Role Model:</b> M. T. Cicero |
</p> | </p> | ||
</div> | </div> | ||
Line 377: | 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"> | + | <p class="header">Maximilian Honemann</p> |
<div class="meta"> | <div class="meta"> | ||
<p><span class="date">Master Biochemistry (TUM)</span><br>Age: 22<br>Origin: Stuttgart, Germany</p> | <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 | + | <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"> | ||
Line 396: | Line 312: | ||
<b>Fun Fact:</b> I would rather be late for an exam than skip breakfast.<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>What makes you happy:</b> Positive clones and time spent with friends.<br> | ||
− | <b>Role Model:</b> - | + | <b>Role Model:</b> One should not limit himself to the achievments of others. - Albert Einstein, my role model. |
</p> | </p> | ||
</div> | </div> | ||
Line 402: | 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 412: | Line 328: | ||
</div> | </div> | ||
<div class="description" > | <div class="description" > | ||
− | <div class="mydescription | + | <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"> | ||
Line 428: | 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 435: | Line 351: | ||
<p class="header">Dawafuti Sherpa</p> | <p class="header">Dawafuti Sherpa</p> | ||
<div class="meta"> | <div class="meta"> | ||
− | <p><span class="date">Master | + | <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 | + | <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"> | ||
Line 453: | 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 464: | Line 380: | ||
</div> | </div> | ||
<div class="description" > | <div class="description" > | ||
− | <div class="mydescription | + | <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"> | ||
Line 479: | 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 489: | Line 405: | ||
</div> | </div> | ||
<div class="description" > | <div class="description" > | ||
− | <div class="mydescription | + | <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"> | ||
Line 504: | 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 511: | Line 427: | ||
<p class="header">Florian Katzmeier</p> | <p class="header">Florian Katzmeier</p> | ||
<div class="meta"> | <div class="meta"> | ||
− | <p><span class="date">Master Biophysics (TUM)</span><br>Age: 23<br>Origin: Landsberg am | + | <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 | + | <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"> | ||
Line 529: | Line 445: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div class="ui card"> | + | <div class="ui card" id="Julian"> |
<div class="image"> | <div class="image"> | ||
− | <img src=" | + | <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"> | ||
− | <p><span class="date">Bachelor Bioinformatics (LMU + TUM)</span><br>Age: | + | <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 | + | <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"> | ||
Line 546: | Line 462: | ||
<b>Favorite thing about iGEM:</b> Trying and mixing new experimental protocols.<br> | <b>Favorite thing about iGEM:</b> Trying and mixing new experimental protocols.<br> | ||
<b>Scientific Interests:</b> Structural Bioinformatics and Systems Biology.<br> | <b>Scientific Interests:</b> Structural Bioinformatics and Systems Biology.<br> | ||
− | <b>Fun Fact:</b> Developed | + | <b>Fun Fact:</b> Developed RNase anxiety disorder during iGEM.<br> |
<b>What makes you happy:</b> Getting things to (finally!) work.<br> | <b>What makes you happy:</b> Getting things to (finally!) work.<br> | ||
<b>Role Model:</b> Craig Venter. | <b>Role Model:</b> Craig Venter. | ||
Line 554: | 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 564: | Line 480: | ||
</div> | </div> | ||
<div class="description" > | <div class="description" > | ||
− | <div class="mydescription | + | <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"> | ||
Line 572: | Line 488: | ||
<b>Scientific Interests:</b> Microbiology, DNA-Nanorobotics, and Bio-Organic Chemistry.<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>Fun Fact:</b> The Professor for whom I work knows Florence Welch mother personally.<br> | ||
− | <b>What makes you happy:</b> | + | <b>What makes you happy:</b> Florence and the Machine's concerts.<br> |
<b>Role Model:</b> Florence Leontine Mary Welch and Francis Crick. | <b>Role Model:</b> Florence Leontine Mary Welch and Francis Crick. | ||
</p> | </p> | ||
Line 579: | 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/5/5a/T--Munich--ProfilePicture_Matthias.jpg"> | <img src="https://static.igem.org/mediawiki/2017/5/5a/T--Munich--ProfilePicture_Matthias.jpg"> | ||
Line 611: | Line 503: | ||
<p class="header">Matthias Lenz</p> | <p class="header">Matthias Lenz</p> | ||
<div class="meta"> | <div class="meta"> | ||
− | <p><span class="date">Bachelor Biology (TUM)</span><br>Age: 22<br>Origin: | + | <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 | + | <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> | ||
− | <b>Favorite thing about iGEM:</b> | + | <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>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>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, | + | <b>What makes you happy:</b> Observing nature, reading, bouldering.<br> |
− | <b>Role Model:</b> Richard Feynman | + | <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 629: | 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/9/96/T--Munich--ProfilePicture_Teeradon.jpg"> | <img src="https://static.igem.org/mediawiki/2017/9/96/T--Munich--ProfilePicture_Teeradon.jpg"> | ||
Line 639: | Line 531: | ||
</div> | </div> | ||
<div class="description" > | <div class="description" > | ||
− | <div class="mydescription | + | <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"> | ||
Line 657: | Line 549: | ||
</td></tr> | </td></tr> | ||
<tr><td colspan=3 align=left valign=center> | <tr><td colspan=3 align=left valign=center> | ||
− | <font size=7 color=# | + | <font size=7 color=#51a7f9><b style="color: #51a7f9">Supervisors</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="Aurore"> |
+ | <div class="image"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/5/5a/T--Munich--ProfilePicture_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 myMedium" > | ||
+ | <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 class="ui card" id="Lukas"> | ||
<div class="image"> | <div class="image"> | ||
<img src="https://static.igem.org/mediawiki/2017/e/e5/T--Munich--ProfilePicture_Lukas.jpg"> | <img src="https://static.igem.org/mediawiki/2017/e/e5/T--Munich--ProfilePicture_Lukas.jpg"> | ||
Line 670: | Line 583: | ||
<p><span class="date">PhD student on cell-free gene expression</span></p> | <p><span class="date">PhD student on cell-free gene expression</span></p> | ||
</div> | </div> | ||
− | <div class="description" > | + | <div class="description"> |
− | <div class="mydescription | + | <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 studied Physics and Biophysics at TUM | + | 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> | </p> | ||
</div> | </div> | ||
Line 684: | Line 597: | ||
<div class="ui card"> | <div class="ui card"> | ||
<div class="image"> | <div class="image"> | ||
− | <img src=" | + | <img src="https://static.igem.org/mediawiki/2017/0/04/T--Munich--ProfilePicture_Benjamin.jpg"> |
</div> | </div> | ||
− | <div class="content"> | + | <div onmouseenter="toggleCard($('#Benjamin'))" onmouseleave="toggleCard($('#Benjamin'))" class="content"> |
<p class="header">Benjamin Aleritsch</p> | <p class="header">Benjamin Aleritsch</p> | ||
<div class="meta"> | <div class="meta"> | ||
Line 692: | Line 605: | ||
</div> | </div> | ||
<div class="description" > | <div class="description" > | ||
− | <div class="mydescription" id="Benjamin" > | + | <div class="mydescription myMedium" id="Benjamin"> |
<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 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. | + | 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> | </p> | ||
</div> | </div> | ||
Line 703: | Line 616: | ||
</div> | </div> | ||
</div> | </div> | ||
− | <div | + | <div class="ui card" id="Michael"> |
<div class="image"> | <div class="image"> | ||
− | <img src=" | + | <img src="https://static.igem.org/mediawiki/2017/9/9f/T--Munich--ProfilePicture_Michael.jpg"> |
</div> | </div> | ||
<div class="content"> | <div class="content"> | ||
− | <p class="header"> | + | <p class="header">Michael Heymann</p> |
<div class="meta"> | <div class="meta"> | ||
− | <p><span class="date"> | + | <p><span class="date">Post-doc at the Max Plank Institute for Biochemistry</span></p> |
</div> | </div> | ||
<div class="description" > | <div class="description" > | ||
− | <div class="mydescription | + | <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 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 725: | Line 662: | ||
</div> | </div> | ||
</div> | </div> | ||
+ | </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> | </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> | ||
Line 905: | 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