Difference between revisions of "Team:UNIK Copenhagen/Team"

Line 12: Line 12:
 
       text-align:center;
 
       text-align:center;
 
     }  
 
     }  
 +
 +
/*-------------------------------------*/
 +
/*        Flip card                  */
 +
/*-------------------------------------*/
 +
 +
.flip-container {
 +
    float: left;
 +
    position: relative;
 +
    margin-right: 10px;
 +
    margin-bottom: 10px;
 +
    perspective: 1000px;
 +
    -webkit-perspective: 1000px;
 +
}
 +
 +
.flip-container,
 +
.flip-container .front-side,
 +
.flip-container .back-side {
 +
    width: 250px;
 +
    height: 250px;
 +
}
 +
 +
.flip-container .front-side,
 +
.flip-container .back-side {
 +
    position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
    backface-visibility: hidden;
 +
    -webkit-backface-visibility: hidden;
 +
    transition: 1.2s;
 +
    -webkit-transition: 1.2s;
 +
    color: #fff;
 +
    font-size: 48px;
 +
    text-align: center;
 +
    padding-top: 0px;
 +
}
 +
 +
.flip-container .back-side {
 +
    background-color: #333;
 +
    z-index: 1;
 +
    transform: rotateY(180deg);
 +
    -webkit-transform: rotateY(180deg);
 +
}
 +
 +
.flip-container .front-side {
 +
    background-color: #5d3696;
 +
    z-index: 2;
 +
    transform: rotateY(0deg);
 +
    -webkit-transform: rotateY(0deg);
 +
}
 +
 +
.flip-container:hover .front-side {
 +
    transform: rotateY(-180deg);
 +
    -webkit-transform: rotateY(-180deg);
 +
}
 +
 +
.flip-container:hover .back-side {
 +
    transform: rotateY(0deg);
 +
    -webkit-transform: rotateY(0deg);
 +
}
  
 
/*-------------------------------------*/
 
/*-------------------------------------*/
Line 100: Line 159:
 
     <p>Adam Petersen</p>
 
     <p>Adam Petersen</p>
 
   </div>
 
   </div>
 +
 +
 +
 +
<div class="flip-container">
 +
    <div class="front-side"><img src="https://static.igem.org/mediawiki/2015/2/23/UNIK_Copenhagen_Adam.jpg" height="250" width="250" /></div>
 +
    <div class="back-side">Back Side</div>
 +
</div>
 +
<div class="flip-container">
 +
    <div class="front-side">Front Side</div>
 +
    <div class="back-side">Back Side</div>
 +
</div>
 +
<div class="flip-container">
 +
    <div class="front-side">Front Side</div>
 +
    <div class="back-side">Back Side</div>
 +
</div>
 +
<br></br>
  
  

Revision as of 20:48, 11 August 2015


Photo: Bardur M



Team Members

Victoria Sosnovtseva

Akhil Sasidharan Pillai

Domenic Manganelli

Bárður Fríi Mikladal

Christina Toldbo

Jonas Damgaard Elsborg

Jophiel Wiis

Jonathan Asmund Arnesen

Adam Petersen

Back Side
Front Side
Back Side
Front Side
Back Side


Supervisors

  • Cecilie Cetti Hansen
  • Brian King
  • Jesper Harholt
  • Josephine Schrøder
  • Anna Holzwarth
  • Kamil Bąkowski
  • Nanna Heinz
  • Will Wright
  • Artur Włodarczyk

Associated Professors

  • Björn Hamberger
  • Henrik Toft Simonsen
  • Morten Bo Madsen

Contributers

  • Asmus Koefoed
  • Carol Norberg

Sponsors