|
|
Line 7: |
Line 7: |
| <link rel="stylesheet" type="text/css" | | <link rel="stylesheet" type="text/css" |
| href="https://2017.igem.org/Template:Munich/CSS?action=raw&ctype=text/css" /> | | href="https://2017.igem.org/Template:Munich/CSS?action=raw&ctype=text/css" /> |
| + | <link rel="stylesheet" type="text/css" |
| + | href="https://2017.igem.org/Template:Munich/Header?action=raw&ctype=text/css" /> |
| <head> | | <head> |
| <style> | | <style> |
| + | #HQ_page .meta p{ |
| + | text-align: left; |
| + | font-size: 0.85em !important; |
| + | } |
| + | |
| | | |
| ul{ | | ul{ |
Line 38: |
Line 45: |
| | | |
| } | | } |
− | .ui.accordion img{ | + | .ui.accordion img{ |
| width: 300px; | | width: 300px; |
| height: auto; | | height: auto; |
| } | | } |
− |
| |
− | #home_logo, #sideMenu { display:none; }
| |
− | #sideMenu, #top_title, .patrollink {display:none;}
| |
− | #content { width:100%; padding:0px; margin-top:-7px; margin-left:0px;}
| |
− | body {background-color:white; font-size: 14px; }
| |
− | #bodyContent h1, #bodyContent h2, #bodyContent h3, #bodyContent h4, #bodyContent h5 { margin-bottom: 0px; }
| |
− |
| |
− | #HQ_page #myFooter td{
| |
− | vertical-align: text-top;
| |
− | }
| |
− |
| |
− | #HQ_page #myContent p{
| |
− | font-size: medium;
| |
− | }
| |
− |
| |
− | #HQ_page td not(#myContent){
| |
− | padding: 0;
| |
− | }
| |
− |
| |
− | #HQ_page table{
| |
− | font-size: 14px;
| |
− | }
| |
− |
| |
− | hr{
| |
− | height: 1px !important;
| |
− | }
| |
− | #HQ_page td{
| |
− | border-style: none ;
| |
− | vertical-align: middle;
| |
− | }
| |
− |
| |
− | #HQ_page table{
| |
− | border-style: none !important;
| |
− | margin: 0 !important;
| |
− | }
| |
− |
| |
− | #HQ_page p.header{
| |
− | font-size: 1.287em;
| |
− | }
| |
− |
| |
− | html, body
| |
− | {
| |
− | margin: 0;
| |
− | padding: 0;
| |
− | font-family: "Helvetica", Arial, Serif !important;
| |
− | }
| |
− | .dropdown {
| |
− | width: 137px;
| |
− | margin: auto;
| |
− | position: relative;
| |
− | display: inline-block;
| |
− | }
| |
− |
| |
− | .dropbtn{
| |
− | position: relative;
| |
− | padding: 0;
| |
− | border: none;
| |
− | cursor: pointer;
| |
− | cursor: hand;
| |
− | width: 137px;
| |
− | height: 32px;
| |
− | 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;
| |
− | }
| |
− |
| |
− | ul{
| |
− | list-style-type: none;
| |
− | list-style-image: none;
| |
− | }
| |
− |
| |
− | .ui.accordion.week{
| |
− | display: none;
| |
− | height: 200px !important;
| |
− | overflow: scroll;
| |
− | font-family: Helvetica, Arial !important;
| |
− | }
| |
− |
| |
− | .ui.accordion .title:not(.ui){
| |
− | font-family: Helvetica, Arial !important;
| |
− | }
| |
− |
| |
− | .ui.accordion:target{
| |
− | display: initial;
| |
− | }
| |
− |
| |
− | #hola{
| |
− | height: 400px;
| |
− | overflow-y: scroll;
| |
− | font-size: 1.1em;
| |
− | }
| |
− |
| |
− |
| |
− | .dropbtnCascAid {
| |
− | background-position: -959px -0px;
| |
− | }
| |
− | .dropdown:hover .dropbtnCascAid {
| |
− | background-position: -822px -0px;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | .dropbtnProject {
| |
− | background-position: -411px -160px;
| |
− | }
| |
− | .dropdown:hover .dropbtnProject {
| |
− | background-position: -274px -160px;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | .dropbtnWetlab {
| |
− | background-position: -137px -256px;
| |
− | }
| |
− | .dropdown:hover .dropbtnWetlab {
| |
− | background-position: -0px -256px;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | .dropbtnSoftHardware {
| |
− | background-position: -685px -192px;
| |
− | }
| |
− | .dropdown:hover .dropbtnSoftHardware {
| |
− | background-position: -548px -192px;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | .dropbtnModel {
| |
− | background-position: -685px -128px;
| |
− | }
| |
− | .dropdown:hover .dropbtnModel {
| |
− | background-position: -548px -128px;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | .dropbtnHP {
| |
− | background-position: -137px -96px;
| |
− | }
| |
− | .dropdown:hover .dropbtnHP {
| |
− | background-position: -0px -96px;
| |
− | }
| |
− |
| |
− |
| |
− |
| |
− | .dropbtnTeam {
| |
− | background-position: -685px -224px;
| |
− | }
| |
− | .dropdown:hover .dropbtnTeam {
| |
− | background-position: -548px -224px;
| |
− | }
| |
− |
| |
− | .dropdown-content{
| |
− | display: none;
| |
− | position: absolute;
| |
− | height: 32px;
| |
− | width: 137px;
| |
− | z-index: 1;
| |
− | 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;
| |
− | }
| |
− |
| |
− | .dropdown:hover .dropdown-content{
| |
− | display: block;
| |
− |
| |
− | }
| |
− |
| |
− | .dropdown-content a{
| |
− | height: 32px;
| |
− | width: 137px;
| |
− | padding: 0px 0px;
| |
− | text-decoration: none;
| |
− | display: block;
| |
− | }
| |
− |
| |
− | .dropdown-contentTeamMembers {
| |
− | background-position: -959px -224px;
| |
− | position: absolute;
| |
− | top: 32px;
| |
− | }
| |
− |
| |
− | .dropdown-contentTeamMembers:hover {
| |
− | background-position: -822px -224px;
| |
− | }
| |
− |
| |
− |
| |
− | .dropdown-contentDescription {
| |
− | background-position: -959px -32px;
| |
− | }
| |
− | .dropdown-contentDescription:hover {
| |
− | background-position: -822px -32px;
| |
− | }
| |
− |
| |
− | .dropdown-contentDesign {
| |
− | background-position: -137px -64px;
| |
− | top: 64px;
| |
− | }
| |
− | .dropdown-contentDesign:hover {
| |
− | background-position: -0px -64px;
| |
− | }
| |
− |
| |
− | .dropdown-contentProofofConcept {
| |
− | background-position: -685px -160px;
| |
− | top: 96px;
| |
− | }
| |
− | .dropdown-contentProofofConcept:hover {
| |
− | background-position: -548px -160px;
| |
− | }
| |
− |
| |
− | .dropdown-contentDemonstration {
| |
− | background-position: -685px -32px;
| |
− | top: 128px;
| |
− | }
| |
− | .dropdown-contentDemonstration:hover {
| |
− | background-position: -548px -32px;
| |
− | }
| |
− |
| |
− | .dropdown-contentApplication {
| |
− | background-position: -411px -0px;
| |
− | top: 160px;
| |
− | }
| |
− | .dropdown-contentApplication:hover {
| |
− | background-position: -274px -0px;
| |
− | }
| |
− |
| |
− | .dropdown-contentFinalResults {
| |
− | background-position: -685px -64px;
| |
− | top: 192px;
| |
− | }
| |
− | .dropdown-contentFinalResults:hover {
| |
− | background-position: -548px -64px;
| |
− | }
| |
− |
| |
− | .dropdown-contentEntrepreneurship {
| |
− | background-position: -411px -64px;
| |
− | top: 224px;
| |
− | }
| |
− | .dropdown-contentEntrepreneurship:hover {
| |
− | background-position: -274px -64px;
| |
− | }
| |
− |
| |
− | .dropdown-contentAchievements {
| |
− | background-position: -137px -0px;
| |
− | top: 256px;
| |
− | }
| |
− | .dropdown-contentAchievements:hover {
| |
− | background-position: -0px -0px;
| |
− | }
| |
− |
| |
− |
| |
− | .dropdown-contentProtocolsMethods {
| |
− | background-position: -959px -160px;
| |
− | top: 32px;
| |
− | }
| |
− | .dropdown-contentProtocolsMethods:hover {
| |
− | background-position: -822px -160px;
| |
− | }
| |
− |
| |
− | .dropdown-contentMaterials {
| |
− | background-position: -411px -128px;
| |
− | top: 64px;
| |
− | }
| |
− | .dropdown-contentMaterials:hover {
| |
− | background-position: -274px -128px;
| |
− | }
| |
− |
| |
− | .dropdown-contentLabJournal {
| |
− | background-position: -137px -128px;
| |
− | top: 96px;
| |
− | }
| |
− | .dropdown-contentLabJournal:hover {
| |
− | background-position: -0px -128px;
| |
− | }
| |
− |
| |
− | .dropdown-contentSafety {
| |
− | background-position: -411px -192px;
| |
− | top: 128px;
| |
− | }
| |
− | .dropdown-contentSafety:hover {
| |
− | background-position: -274px -192px;
| |
− | }
| |
− |
| |
− | .dropdown-contentParts {
| |
− | background-position: -959px -128px;
| |
− | top: 160px;
| |
− | }
| |
− | .dropdown-contentParts:hover {
| |
− | background-position: -822px -128px;
| |
− | }
| |
− |
| |
− | .dropdown-contentInterlab {
| |
− | background-position: -959px -96px;
| |
− | top: 192px;
| |
− | }
| |
− | .dropdown-contentInterlab:hover {
| |
− | background-position: -822px -96px;
| |
− | }
| |
− |
| |
− | .dropdown-contentSoftware {
| |
− | background-position: -959px -192px;
| |
− | top: 32px;
| |
− | }
| |
− | .dropdown-contentSoftware:hover {
| |
− | background-position: -822px -192px;
| |
− | }
| |
− |
| |
− | .dropdown-contentHardware {
| |
− | background-position: -959px -64px;
| |
− | top: 64px;
| |
− | }
| |
− | .dropdown-contentHardware:hover {
| |
− | background-position: -822px -64px;
| |
− | }
| |
− |
| |
− | .dropdown-contentHPSilver {
| |
− | background-position: -411px -96px;
| |
− | top: 32px;
| |
− | }
| |
− | .dropdown-contentHPSilver:hover {
| |
− | background-position: -274px -96px;
| |
− | }
| |
− |
| |
− | .dropdown-contentIHPgold {
| |
− | background-position: -685px -96px;
| |
− | top: 64px;
| |
− | }
| |
− | .dropdown-contentIHPgold:hover {
| |
− | background-position: -548px -96px;
| |
− | }
| |
− |
| |
− | .dropdown-contentPublicEngagement {
| |
− | background-position: -137px -192px;
| |
− | top: 96px;
| |
− | }
| |
− | .dropdown-contentPublicEngagement:hover {
| |
− | background-position: -0px -192px;
| |
− | }
| |
− |
| |
− | .dropdown-contentCollaborations {
| |
− | background-position: -411px -32px;
| |
− | top: 128px;
| |
− | }
| |
− | .dropdown-contentCollaborations:hover {
| |
− | background-position: -274px -32px;
| |
− | }
| |
− |
| |
− | .dropdown-contentSupervisors {
| |
− | background-position: -411px -224px;
| |
− | top: 64px;
| |
− | }
| |
− | .dropdown-contentSupervisors:hover {
| |
− | background-position: -274px -224px;
| |
− | }
| |
− |
| |
− | .dropdown-contentPIs {
| |
− | background-position: -137px -160px;
| |
− | top: 96px;
| |
− | }
| |
− | .dropdown-contentPIs:hover {
| |
− | background-position: -0px -160px;
| |
− | }
| |
− |
| |
− | .dropdown-contentCollaboratingInstitutions {
| |
− | background-position: -137px -32px;
| |
− | top: 128px;
| |
− | }
| |
− | .dropdown-contentCollaboratingInstitutions:hover {
| |
− | background-position: -0px -32px;
| |
− | }
| |
− |
| |
− | .dropdown-contentSponsors {
| |
− | background-position: -137px -224px;
| |
− | top: 160px;
| |
− | }
| |
− | .dropdown-contentSponsors:hover {
| |
− | background-position: -0px -224px;
| |
− | }
| |
− |
| |
− | .dropdown-contentAttributions {
| |
− | background-position: -685px -0px;
| |
− | top: 192px;
| |
− | }
| |
− | .dropdown-contentAttributions:hover {
| |
− | background-position: -548px -0px;
| |
− | }
| |
− |
| |
− | .no-padding{
| |
− | 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;
| |
− | }
| |
− |
| |
− | ul{
| |
− | list-style-type: none;
| |
− | }
| |
− |
| |
− | .ui.accordion{
| |
− | display: none;
| |
− | }
| |
− |
| |
− | .ui.accordion:target{
| |
− | display: initial;
| |
− | }
| |
− |
| |
| </style> | | </style> |
| </head><body> | | </head><body> |
Line 643: |
Line 166: |
| <tr><td colspan=3 align=center valign=center> | | <tr><td colspan=3 align=center valign=center> |
| | | |
− | <div class="ui grid">
| + | <div class="ui grid"> |
| <div class="twelve wide column" id="labbook-content"> | | <div class="twelve wide column" id="labbook-content"> |
| <div class="ui accordion month" id="march-accordion" > | | <div class="ui accordion month" id="march-accordion" > |
Line 1,086: |
Line 609: |
| <div class="four wide column"> | | <div class="four wide column"> |
| <ul> | | <ul> |
− | <li><a href="#march-accordion">March</a></li>
| |
| <li><a>April</a></li> | | <li><a>April</a></li> |
| <li><a>May</a></li> | | <li><a>May</a></li> |
Line 1,097: |
Line 619: |
| </div> | | </div> |
| </div> | | </div> |
| + | |
| + | |
| | | |
| </td></tr> | | </td></tr> |
Line 1,105: |
Line 629: |
| <div class="ui cards centered stackable"> | | <div class="ui cards centered stackable"> |
| <div class="ui card"> | | <div class="ui card"> |
− | <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"> |
− | </div>
| + | </div> |
− | <div class="content">
| + | <div class="content"> |
− | <p class="header">Lukas Aufinger</p>
| + | <p class="header">Lukas Aufinger</p> |
− | <div class="meta">
| + | <div class="meta"> |
− | <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" id="Lukas" >
| + | <div class="mydescription" id="Lukas" > |
− | <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 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
| + | 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>
| + | </p> |
− | </div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | </div> |
| <div class="ui card"> | | <div class="ui card"> |
− | <div class="image">
| + | <div class="image"> |
− | <img src="Profile_Pictures/Benjamin.jpg">
| + | <img src="Profile_Pictures/Benjamin.jpg"> |
− | </div>
| + | </div> |
− | <div class="content">
| + | <div class="content"> |
− | <p class="header">Benjamin Aleritsch</p>
| + | <p class="header">Benjamin Aleritsch</p> |
− | <div class="meta">
| + | <div class="meta"> |
− | <p><span class="date">PhD student on cellular computers</span></p>
| + | <p><span class="date">PhD student on cellular computers</span></p> |
− | </div>
| + | </div> |
− | <div class="description" >
| + | <div class="description" > |
− | <div class="mydescription" id="Benjamin" >
| + | <div class="mydescription" 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> |
− | </div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | </div> |
| <div onmouseenter="toggleCard($('#Aurore'))" onmouseleave="toggleCard($('#Aurore'))" class="ui card"> | | <div onmouseenter="toggleCard($('#Aurore'))" onmouseleave="toggleCard($('#Aurore'))" class="ui card"> |
− | <div class="image">
| + | <div class="image"> |
− | <img src="Profile_Pictures/Aurore.jpg">
| + | <img src="Profile_Pictures/Aurore.jpg"> |
− | </div>
| + | </div> |
− | <div class="content">
| + | <div class="content"> |
− | <p class="header">Aurore Dupin</p>
| + | <p class="header">Aurore Dupin</p> |
− | <div class="meta">
| + | <div class="meta"> |
− | <p><span class="date">PhD student on synthetic circuits</span></p>
| + | <p><span class="date">PhD student on synthetic circuits</span></p> |
− | </div>
| + | </div> |
− | <div class="description" >
| + | <div class="description" > |
− | <div class="mydescription" id="Aurore" >
| + | <div class="mydescription" id="Aurore" > |
− | <div class="threeDots-container">
| + | <div class="threeDots-container"> |
− | <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w">
| + | <img alt ="three dots" src="https://static1.squarespace.com/static/5654cf16e4b00b463710ff91/t/56568104e4b0509ba9df9296/1448509701389/?format=750w"> |
− | </div>
| + | </div> |
− | <p>
| + | <p> |
− | She 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
| + | 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>
| + | </p> |
− | </div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | </div> |
− | </div>
| + | </div> |
| </div> | | </div> |
| </td></tr> | | </td></tr> |