Difference between revisions of "Team:Purdue/Team"

 
(10 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
{{Purdue}}
 
{{Purdue}}
 
<html>
 
<html>
 +
  <head>
 +
    <style type="text/css">
 +
      h2{
 +
        font-size: 250%;
 +
      }
 +
      h3{
 +
        padding-left: 40px;
 +
      }
 +
      img{
 +
        padding: 20px;
 +
      }
 +
      #mark{
 +
        display: none;
 +
        position: fixed;
 +
        top: 30px;
 +
        right: 5px;
 +
      }
 +
      #markFace: hover + #mark {
 +
        display: inline;
 +
      }
 +
      img.member{
 +
        border: 10px;
 +
        color: blue;
 +
      }
 +
      /*THUMBNAIL HOVERPOPUPS*/
  
−
<h1>Team</h1>
+
.thumbnail  {
 +
position: relative;
 +
float: left;
 +
padding: 5px;
 +
/*z-index: 0;*/
 +
}
  
−
<p>In this page you can introduce your team members, instructors, and advisors. </p>
+
.thumbnail:hover {
−
<h2>Executive Board</h2>
+
background-color: #e9e9e2;
−
<h3>Mark Aronson</h3>
+
/*z-index: 50;*/
−
<h3>Hailey Edmondson</h3>
+
color: #335500;
−
<h3>James Welch</h3>
+
text-decoration: none;
−
<h3>Casey Martin</h3>
+
}
−
<h3>Arren Liu</h3>
+
−
<h3>Tianyu Tan (Tony)</h3>
+
−
<h3>Sriram Boppana</h3>
+
−
<h3>Helena Lysandrou</h3>
+
−
<h3>Melissa Robins</h3>
+
−
<h3>Hana Kubo</h3>
+
−
<h3>Sean Magill</h3>
+
  
−
<h2>Science Interns</h2>
+
.thumbnail span { /*CSS for enlarged image*/
−
<h3>Bowman Clark</h3>
+
position: absolute;
−
<h3>Erich Leazer</h3>
+
background-color: #e5e5e5;
−
<h3>Suraj Mohan</h3>
+
padding: 5px;
−
<h3>Jill Osterhus</h3>
+
/*left: -1000px;*/
−
<h3>Lexi Petrucciani</h3>
+
border: 1px solid #666;
−
<h3>Melissa Robins</h3>
+
visibility: hidden;
−
+
color: black;
 +
text-decoration: none;
 +
}
  
 +
.thumbnail span img { /*CSS for enlarged image*/
 +
border-width: 0px;
 +
/*padding: 2px;*/
 +
}
 +
 +
.thumbnail:hover span { /*CSS for enlarged image on hover*/
 +
visibility: visible;
 +
width: 200px;
 +
top: 5px; /* use IF IE6 style to correct IE6 positions of larger image relative to thumb */
 +
left: 300px;/*position where enlarged image should offset horizontally */
 +
}
 +
 +
    </style>
 +
  </head>
 +
  <body>
 +
    <h1>Team</h1>
 +
    <h2>Members</h2>
 +
   
 +
    <div id = "firstRow">
 +
      <img class = "member" id = "markFace" src = "https://static.igem.org/mediawiki/2015/thumb/f/f3/Team_Purdue_Mark.jpg/600px-Team_Purdue_Mark.jpg" hspace = "10" height = "150">
 +
      <img class = "member" src = "https://static.igem.org/mediawiki/2015/8/86/Team_Purdue_Hailey.jpg" hspace = "10" height = "150">
 +
      <img class = "member" src = "https://static.igem.org/mediawiki/2015/thumb/1/1a/Team_Purdue_Tony_Tan.jpg/424px-Team_Purdue_Tony_Tan.jpg" hspace = "10" height = "150">
 +
    </div>
 +
    <div id = "secondRow">
 +
      <img class = "member" src = "https://static.igem.org/mediawiki/2015/thumb/6/6e/Suraj.jpg/600px-Suraj.jpg" hspace = "10" height = "150">
 +
      <img class = "member" src = "https://static.igem.org/mediawiki/2015/thumb/9/90/Team_Purdue_Arren.jpg/509px-Team_Purdue_Arren.jpg" hspace = "10" height = "150">
 +
      <img class = "member" src = "https://static.igem.org/mediawiki/2015/thumb/6/64/Team_Purdue_James.jpg/450px-Team_Purdue_James.jpg" hspace = "10" height = "150">
 +
 +
    </div>
 +
 +
    <div id = "thirdRow">
 +
      <img class = "member" src = "" hspace = "10" height = "150">
 +
      <img class = "member" src = "" hspace = "10" height = "150">
 +
      <img class = "member" src = "" hspace = "10" height = "150">
 +
    </div>
 +
    <div id = "fourthRow">
 +
      <img class = "member" src = "" hspace = "10" height = "150">
 +
      <img class = "member" src = "" hspace = "10" height = "150">
 +
      <img class = "member" src = "" hspace = "10" height = "150">
 +
    </div>
 +
<div id="mark">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2015/thumb/1/1a/Team_Purdue_Tony_Tan.jpg/424px-Team_Purdue_Tony_Tan.jpg">
 +
</div>
 +
<div>
 +
<h2>Tony Tan</h2>
 +
<p>Sup?</p>
 +
</div>
 +
 +
</div>
 +
    <h2>Advisors</h2>
 +
      <p>In this page you can introduce your team members, instructors, and advisors. </p>
  
 
<h4>Inspiration</h4>
 
<h4>Inspiration</h4>
Line 45: Line 122:
 
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
 
<li>Remember that image galleries can help you showcase many pictures while saving space.</li>
 
</ul>
 
</ul>
 +
<a href= "https://www.youtube.com/watch?v=dQw4w9WgXcQ">TOP SECRET INFORMATION</a>
  
−
 
+
<a class="thumbnail" href="introduction.php">
−
</div>
+
<img src="https://static.igem.org/mediawiki/2015/thumb/f/f3/Team_Purdue_Mark.jpg/600px-Team_Purdue_Mark.jpg" alt="Mark" width="50px" height="50px" border="0"><span><img src="https://static.igem.org/mediawiki/2015/thumb/f/f3/Team_Purdue_Mark.jpg/600px-Team_Purdue_Mark.jpg" alt="Mark"><br> Mark&nbsp;Aronson</span></a>
 +
</body>
 
</html>
 
</html>

Latest revision as of 17:56, 3 June 2015

Team Banner

Team

Members

Tony Tan

Sup?

Advisors

In this page you can introduce your team members, instructors, and advisors.

Inspiration

You can look at what other teams did to get some inspiration!
Here are a few examples:

What should this page contain?
  • Include pictures of your teammates, don’t forget instructors and advisors!
  • You can add a small biography or a few words from each team member, to tell us what you like, and what motivated you to participate in iGEM.
  • Take team pictures! Show us your school, your lab and little bit of your city.
  • Remember that image galleries can help you showcase many pictures while saving space.
TOP SECRET INFORMATION MarkMark
Mark Aronson