Difference between revisions of "Team:RHIT/Collaborations"

Line 4: Line 4:
 
<script>  
 
<script>  
 
$(document).ready(function(){
 
$(document).ready(function(){
    $("#meetuppic").click(function(){
 
        $("#meetuptext").addClass("backspin");
 
        $("#meetuppic").addClass("spin");
 
    });
 
    $("#meetuptext").click(function(){
 
        $("#meetuptext").addClass("spin");
 
        $("#meetuppic").addClass("backspin");
 
 
     });
 
     });
 
     $("#trade").click(function(){
 
     $("#trade").click(function(){
Line 26: Line 19:
  
 
<style>
 
<style>
.PIC {
+
#f1_container {
  width:400px;
+
  position: relative;
  height:300px;
+
  margin: 10px auto;
 +
  width: 450px;
 +
  height: 281px;
 +
  z-index: 1;
 
}
 
}
 
+
#f1_container {
.TEXT {
+
   perspective: 1000;
   position: absolute;
+
}
  top: 0;
+
#f1_card {
  bottom: 0;
+
   width: 100%;
  left: 0;
+
   right: 0;
+
 
   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%;
   transform:rotate(180deg);
+
   height: 100%;
 +
  backface-visibility: hidden;
 
}
 
}
 
+
.face.back {
 
+
  display: block;
.spin {
+
  transform: rotateY(180deg);
  animation:forward;
+
  box-sizing: border-box;
  animation-time:3s;
+
  padding: 10px;
 +
  color: white;
 +
  text-align: center;
 +
  background-color: #aaa;
 
}
 
}
  
.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>
 
</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 = "PIC">
+
 
 +
 
 +
<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">
<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>
 
<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




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.

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: