Difference between revisions of "Team:RHIT/Collaborations"

Line 2: Line 2:
 
<html>
 
<html>
  
 
+
<script>  
<style>
+
$(document).ready(function(){
.contain {
+
    $("#meetup").click(function(){
  position:relative;
+
        $("#meetuptext").slideToggle("slow");
  width:100px;
+
    });
  height:100px;
+
    $("#trade").click(function(){
}
+
        $("#tradetext").slideToggle("slow");
 
+
    });
.card {
+
});
  position:absolute;
+
</script>
  top:0px;
+
  left:0px;
+
  transform-style: preserve-3d;
+
  transition: all 1.0s linear;
+
}
+
.contain:hover .card {
+
  transform: rotateY(180deg);
+
}
+
 
+
.face {
+
  backface-visibility: hidden;
+
  position:absolute;
+
  top:0px;
+
  left:0px;
+
}
+
.back {
+
  transform: rotateY(180deg);
+
  color: black;
+
  text-align: center;
+
}
+
 
+
 
+
</style>
+
 
+
  
 
<div class = "column full_size">
 
<div class = "column full_size">
Line 44: Line 20:
 
</div>
 
</div>
 
<div class = "clear extra_space"></div>
 
<div class = "clear extra_space"></div>
 
 
<div class = "column half_size">
 
<div class = "column half_size">
 
<h1>Midwestern Meetup:</h1>
 
<h1>Midwestern Meetup:</h1>
  
 +
<img style="cursor:pointer" id="meetup" src="https://static.igem.org/mediawiki/2018/thumb/9/93/MidWesternMeetup2018.jpg/800px-MidWesternMeetup2018.jpg">
  
<div class="contain">
+
<p style="display:none;" 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 class="card">
+
      <div class="face">
+
          <img src="https://static.igem.org/mediawiki/2018/thumb/9/93/MidWesternMeetup2018.jpg/800px-MidWesternMeetup2018.jpg">
+
      </div>
+
      <div class="back face">
+
    <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 began our collaboration with the Michigan State iGEM team. </p>
+
      </div>
+
  </div>
+
</div>
+
 
+
 
</div>
 
</div>
  
 
<div class = "column half_size">
 
<div class = "column half_size">
 
<h1> Trading Cards: </h1>
 
<h1> Trading Cards: </h1>
  <div class = "contain">
+
<img style="cursor:pointer" id = "trade" src="https://static.igem.org/mediawiki/2018/e/e3/T--RHIT--TradingCard.png">
      <div class = "card">
+
<p style="display:none" id="tradetext"> Every iGEM project is changing the world. We want to recognize the SUPER abilities of all the iGEM teams by creating a league of superheroes made up of superheroes designed by each team based on their project. All superheroes will be placed on a trading card, and each team will receive trading cards from all the teams that participated. We are gathering information on the name of the team, name of the superhero, the team’s contact info, the “home base” for the superhero, the superhero’s mission, and any special powers that the Superhero has.
          <div class = "face">
+
</p>
              <img src="https://static.igem.org/mediawiki/2018/e/e3/T--RHIT--TradingCard.png">
+
          </div>
+
          <div class = "back face">
+
<p> Every iGEM project is changing the world. We want to recognize the SUPER abilities of all the iGEM teams by creating a league of superheroes made up of superheroes designed by each team based on their project. All superheroes will be placed on a trading card, and each team will receive trading cards from all the teams that participated. We are gathering information on the name of the team, name of the superhero, the team’s contact info, the “home base” for the superhero, the superhero’s mission, and any special powers that the Superhero has. </p>
+
          </div>
+
      </div>
+
  </div>   
+
 
</div>
 
</div>
  
  
  
<div class="clear extra_space" style="height:1000px"></div>
+
<div class="clear"></div>
<div class = "column third_size"
+
 
<p> Test </p>
+
 
</div>
+
 
  
  
 
</html>
 
</html>

Revision as of 18:11, 30 July 2018




Midwestern Meetup:

Trading Cards: