Difference between revisions of "Team:RHIT/Collaborations"
| Line 4: | Line 4: | ||
<script> | <script> | ||
$(document).ready(function(){ | $(document).ready(function(){ | ||
| − | $("# | + | $("#meetuppic").click(function(){ |
| − | $("#meetuptext"). | + | $("#meetuptext").addClass("backspin"); |
| + | $("#meetuppic").addClass("spin"); | ||
| + | }); | ||
| + | $("#meetuptext").click(function(){ | ||
| + | $("#meetuptext").addClass("spin"); | ||
| + | $("#meetuppic").addClass("backspin"); | ||
}); | }); | ||
| + | $("#trade").click(function(){ | ||
| + | $("#tradetext").slideToggle("slow"); | ||
| + | }); | ||
| + | |||
$("#trade").click(function(){ | $("#trade").click(function(){ | ||
$("#tradetext").slideToggle("slow"); | $("#tradetext").slideToggle("slow"); | ||
}); | }); | ||
}); | }); | ||
| + | |||
| + | |||
</script> | </script> | ||
| + | |||
| + | |||
| + | <style> | ||
| + | .PIC { | ||
| + | width:400px; | ||
| + | height:300px; | ||
| + | } | ||
| + | |||
| + | .TEXT { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | bottom: 0; | ||
| + | left: 0; | ||
| + | right: 0; | ||
| + | height: 100%; | ||
| + | width: 100%; | ||
| + | transform:rotate(180deg); | ||
| + | } | ||
| + | |||
| + | |||
| + | .spin { | ||
| + | animation:forward; | ||
| + | animation-time:3s; | ||
| + | } | ||
| + | |||
| + | .backspin { | ||
| + | animation:backward; | ||
| + | animation-time:3s; | ||
| + | } | ||
| + | |||
| + | @keyframes forward { | ||
| + | from {transform: rotate(0deg);} | ||
| + | to {transform: rotate(180deg);} | ||
| + | } | ||
| + | @keyframes backward { | ||
| + | from {transform: rotate(180deg);} | ||
| + | to {transform: rotate(360deg);} | ||
| + | } | ||
| + | </style> | ||
| + | |||
<div class = "column full_size"> | <div class = "column full_size"> | ||
| Line 22: | Line 73: | ||
<div class = "column half_size"> | <div class = "column half_size"> | ||
<h1>Midwestern Meetup:</h1> | <h1>Midwestern Meetup:</h1> | ||
| − | + | <div class = "PIC"> | |
| − | <img style="cursor:pointer" id=" | + | <img style="cursor:pointer" id="meetuppic" src="https://static.igem.org/mediawiki/2018/thumb/9/93/MidWesternMeetup2018.jpg/800px-MidWesternMeetup2018.jpg"> |
| − | + | <div class = "TEXT"> | |
| − | < | + | <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 class = "column half_size"> | <div class = "column half_size"> | ||
Revision as of 15:42, 30 July 2018
Connect with us on Facebook!
Click on one of the images below to learn more!
Midwestern Meetup:
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.
Trading Cards:
