Line 4: | Line 4: | ||
<script> | <script> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
}); | }); | ||
$("#trade").click(function(){ | $("#trade").click(function(){ | ||
Line 26: | Line 19: | ||
<style> | <style> | ||
− | + | #f1_container { | |
− | + | position: relative; | |
− | + | margin: 10px auto; | |
+ | width: 450px; | ||
+ | height: 281px; | ||
+ | z-index: 1; | ||
} | } | ||
− | + | #f1_container { | |
− | + | perspective: 1000; | |
− | + | } | |
− | + | #f1_card { | |
− | + | width: 100%; | |
− | + | ||
− | + | ||
height: 100%; | height: 100%; | ||
+ | transform-style: preserve-3d; | ||
+ | transition: all 1.0s linear; | ||
+ | } | ||
+ | #f1_container:hover #f1_card { | ||
+ | transform: rotateY(180deg); | ||
+ | box-shadow: -5px 5px 5px #aaa; | ||
+ | } | ||
+ | .face { | ||
+ | position: absolute; | ||
width: 100%; | width: 100%; | ||
− | + | height: 100%; | |
+ | backface-visibility: hidden; | ||
} | } | ||
− | + | .face.back { | |
− | + | display: block; | |
− | . | + | transform: rotateY(180deg); |
− | + | box-sizing: border-box; | |
− | + | padding: 10px; | |
+ | color: white; | ||
+ | text-align: center; | ||
+ | background-color: #aaa; | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</style> | </style> | ||
Line 73: | Line 68: | ||
<div class = "column half_size"> | <div class = "column half_size"> | ||
<h1>Midwestern Meetup:</h1> | <h1>Midwestern Meetup:</h1> | ||
− | <div class = " | + | |
+ | |||
+ | <div id="f1_container"> | ||
+ | <div id="f1_card" class="shadow"> | ||
+ | <div class="front face"> | ||
+ | <img style="cursor:pointer" id="meetuppic" src="https://static.igem.org/mediawiki/2018/thumb/9/93/MidWesternMeetup2018.jpg/800px-MidWesternMeetup2018.jpg"> | ||
+ | </div> | ||
+ | <div class="back face center"> | ||
+ | <p>On June 30th, two members of our team travelled to Michigan State University for the Midwestern iGEM Meetup. We spent the morning on a tour of the university’s botanical gardens learning about a range of plants and the history behind the gardens. After lunch, each team gave a short presentation and answered questions about their project. Then, we went on a tour of the Michigan State University iGEM team’s lab and facilities. Through this meetup, we made connections with other teams and have already started collaborating with the Michigan State team.</p> | ||
+ | |||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | |||
<img style="cursor:pointer" id="meetuppic" src="https://static.igem.org/mediawiki/2018/thumb/9/93/MidWesternMeetup2018.jpg/800px-MidWesternMeetup2018.jpg"> | <img style="cursor:pointer" id="meetuppic" src="https://static.igem.org/mediawiki/2018/thumb/9/93/MidWesternMeetup2018.jpg/800px-MidWesternMeetup2018.jpg"> | ||
− | |||
<p id="meetuptext"> On June 30th, two members of our team travelled to Michigan State University for the Midwestern iGEM Meetup. We spent the morning on a tour of the university’s botanical gardens learning about a range of plants and the history behind the gardens. After lunch, each team gave a short presentation and answered questions about their project. Then, we went on a tour of the Michigan State University iGEM team’s lab and facilities. Through this meetup, we made connections with other teams and have already started collaborating with the Michigan State team. </p> | <p id="meetuptext"> On June 30th, two members of our team travelled to Michigan State University for the Midwestern iGEM Meetup. We spent the morning on a tour of the university’s botanical gardens learning about a range of plants and the history behind the gardens. After lunch, each team gave a short presentation and answered questions about their project. Then, we went on a tour of the Michigan State University iGEM team’s lab and facilities. Through this meetup, we made connections with other teams and have already started collaborating with the Michigan State team. </p> | ||
</div></div> | </div></div> |
Revision as of 15:49, 30 July 2018