Team:WPI-Worcester/Team

From 2014.igem.org

(Difference between revisions)
Line 32: Line 32:
background: #333;
background: #333;
color: #FFF;
color: #FFF;
 +
}
 +
 +
.slidebar{
 +
width:700px;
 +
height:150px;
 +
background:#FFF;
 +
margin:100px;
 +
float:left;
 +
text-align:right;
 +
font-family:Arial, Helvetica, sans-serif;
 +
font-size:40px;
 +
}
 +
.slidebar > .face{
 +
 +
}
 +
.slidebar > .text{
 +
 +
 +
}
 +
.slidebar > .closed{
 +
position:absolute;
 +
background:#000; width:150px; height:150px;
 +
transition: -webkit-transform 1s ease-in-out 0s;
 +
-moz-transition: transform 1s ease-in-out 0s;
 +
-ms-transition: transform 1s ease-in-out 0s;
 +
}
 +
.slidebar > .open{
 +
float:left;
 +
text-align:left;
 +
font-family:Arial, Helvetica, sans-serif;
 +
line-height:2;
 +
font-size:15px;
 +
padding-left:20px;
 +
position:absolute;
 +
opacity:0;
 +
background:#CCC; width:700px; height:150px; border-radius:3px;
 +
transition: -webkit-transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s;
 +
-moz-transition: transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s;
 +
-ms-transition: transform 1s ease-in-out 0s, opacity 1s ease-in-out 0s;
 +
}
 +
.slidebar:hover > .closed{
 +
transform: translateX(700px);
 +
-moz-transform: translateX(700px);
 +
-webkit-transform: translateX(700px);
 +
-ms-transform: translateX(700px);
 +
-o-transform: translateX(700px);
 +
}
 +
.slidebar:hover > .open{
 +
transform: translateX(50px);
 +
-moz-transform: translateX(50px);
 +
-webkit-transform: translateX(50px);
 +
-ms-transform: translateX(50px);
 +
-o-transform: translateX(50px);
 +
opacity:1;
}
}
Line 70: Line 124:
</body>
</body>
-
 
-
 
-
<td align ="center">  </td>
 
-
</tr>
 
-
</table>
 
<!--end navigation menu -->
<!--end navigation menu -->
-
<!--end navigation menu -->
+
<!--Team Bars-->
-
</tr>
+
<body>
-
</tr>
+
<div class="slidebar">
-
</td>
+
<b>Alex Turland</b>
 +
<div class="open">
 +
        <b>Year of Graduation:</b> 2015<br/>
 +
        <b>Major:</b> Biology/Biotechnology with a Minor in Interactive Media & Game Development<br/>
 +
        <b>Hometown:</b> North Reading, MA<br/>
 +
        <b>Interests:</b> Biology, Dabbling in CS<br/>
 +
        <b>Favorite Flavor of Ice Cream:</b> Phish Food<br/>
 +
    </div>
 +
<div class="closed">
 +
    <span class="face">
 +
    <img src="http://i.imgur.com/t79LYq4.png" height=150px />
 +
        </div>
 +
        </div>
 +
</div>
-
<tr> <td colspan="3"  height="15px"> </td></tr>
 
-
<tr><td bgColor="#e7e7e7" colspan="3" height="1px"> </tr>
 
-
<tr> <td colspan="3"  height="5px"> </td></tr>
 
-
<tr><td > <h3> Team Information</h3></td>
 
-
<td ></td >
 
-
<td > <h3> Upload pictures of your team!</h3></td>
 
-
</tr>
 
-
<tr>
+
</body>
-
<td width="45%"  valign="top">
+
-
<p>
+
-
You can write a background of your team here. Give us a background of your team, the members, etc. Or tell us more about something of your choosing.</p>
+
-
<p>
+
-
You can look at what other teams did to get some inspiration! Here are a few examples:</p>
+
-
<ul>
+
-
<li><a href="https://2013.igem.org/Team:Evry/Team">2013 Evry</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Cornell/team">2013 Cornell</a></li>
+
-
<li><a href="https://2013.igem.org/Team:UANL_Mty-Mexico/Team">2013 UANL Mty-Mexico</a></li>
+
-
<li><a href="https://2013.igem.org/Team:Korea_U_Seoul/Team/Korea_University">2013 Korea U Seoul</a></li>
+
-
 
+
-
</ul>
+
-
 
+
-
 
+
-
 
+
-
</td>
+
-
<td></td>
+
-
<td width="45%"  valign="top">
+
-
<p> We provide a server where you can upload images for your wiki!</p>
+
-
<p> Add pictures of your team members, advisors, instructors, lab, institution and everything you wish to show! </p>
+
-
<a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
-
</a> <a href="https://2014.igem.org/Special:Upload"><img src="" width="100px" height="100px">  </a>
+
-
<br>
+
-
<a href="https://2014.igem.org/Special:Upload">Click here to upload! </a>
+
-
</td>
+
-
 
+
-
 
+
-
</tr>
+
-
 
+
-
<tr><td > <h3> Tips for the Team Page </h3></td>
+
-
<td ></td >
+
-
<td > </td>
+
-
</tr>
+
-
 
+
-
 
+
-
<tr>
+
-
<td width="45%"  valign="top">
+
-
<p>What should this page contain?</p>
+
-
<ul>
+
-
<li> Include pictures of your teammates, don’t forget instructors and advisors! </li>
+
-
<li> You can add a small biography or a few words from each team member, tell us what you like, and what motivates to participate in iGEM. </li>
+
-
<li>Take team pictures! Show us your school, your lab and little bit of your city.</li>
+
-
<li>Remember that image galleries can help you showcase many pictures while saving space </li>
+
-
</ul>
+
-
 
+
-
</td>
+
-
 
+
-
<td></td>
+
-
<td width="45%"  valign="top"> </td>
+
-
</tr>
 
 +
<!--End Team Bars-->
-
</table>
 
</html>
</html>

Revision as of 02:27, 28 May 2014


Alex Turland
Year of Graduation: 2015
Major: Biology/Biotechnology with a Minor in Interactive Media & Game Development
Hometown: North Reading, MA
Interests: Biology, Dabbling in CS
Favorite Flavor of Ice Cream: Phish Food