Team:Wellesley HCI/Social
From 2012.igem.org
(Difference between revisions)
(8 intermediate revisions not shown) | |||
Line 23: | Line 23: | ||
/*actual content styles*/ | /*actual content styles*/ | ||
- | body {width: | + | body {width: 900px; margin:auto;} |
#bu-wellesley_wiki_content {height:auto; line-height:100%;} | #bu-wellesley_wiki_content {height:auto; line-height:100%;} | ||
Line 55: | Line 55: | ||
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM2012/css/Team.css"> | <link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~hcilab/iGEM2012/css/Team.css"> | ||
+ | <link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600' rel='stylesheet' type='text/css'> | ||
<style type="text/css">@import "http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/videobox.css";</style> | <style type="text/css">@import "http://cs.wellesley.edu/~hcilab/iGEM_wiki/css/videobox.css";</style> | ||
Line 62: | Line 63: | ||
<div id="bu-wellesley_wiki_content"> | <div id="bu-wellesley_wiki_content"> | ||
- | + | <a href="https://2012.igem.org/Team:Wellesley_HCI"><img id="banner" src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/titleimage.png"></a> | |
+ | <!--Start NavBar--> | ||
<ul id="nav"> | <ul id="nav"> | ||
- | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Team">Team</a></li> | + | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Team">Team</a> |
- | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Project_Overview">Project</a></li> | + | <ul> |
+ | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Team">Team Members</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Notebook">Notebook</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Acknowledgement">Acknowledgement</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Tips_Tricks">Tips & Tricks</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Social">Fun</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Project_Overview">Project</a> | ||
+ | <ul> | ||
+ | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Project_Overview">Project Overview</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/SynBio_Search">SynBio Search</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/MoClo_Planner">MoClo Planner</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/SynFlo">SynFlo</a></li> | ||
+ | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Downloads_Tutorials">Downloads & Tutorials</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
- | <li><a href=" | + | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Human_Practices">Human Practices</a> |
<ul> | <ul> | ||
- | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Methodology">Methodology</a></li> | + | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Human_Practices">User Research</a></li> |
+ | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Methodology">Methodology</a></li> | ||
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Safety">Safety</a></li> | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Safety">Safety</a></li> | ||
- | + | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Outreach">Outreach</a></li> | |
- | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Outreach">Outreach</a></li> | + | |
</ul> | </ul> | ||
</li> | </li> | ||
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Gold">Medal Fulfillment</a></li> | <li><a href="https://2012.igem.org/Team:Wellesley_HCI/Gold">Medal Fulfillment</a></li> | ||
- | + | ||
- | + | </ul> | |
- | + | <!--End NavBar--> | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
<br> | <br> | ||
Line 91: | Line 105: | ||
<div id="columns"> | <div id="columns"> | ||
<div class="pin"> | <div class="pin"> | ||
- | <img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/hotyoga.jpg" /> | + | <a href="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/hotyoga.jpg"><img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/hotyoga.jpg" /></a> |
<p> | <p> | ||
You haven't bonded until you do hot (bikram) yoga as a team! | You haven't bonded until you do hot (bikram) yoga as a team! | ||
Line 98: | Line 112: | ||
<div class="pin"> | <div class="pin"> | ||
- | <img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/suchibuffet.jpg" /> | + | <a href="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/suchibuffet.jpg"><img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/suchibuffet.jpg" /></a> |
<p> | <p> | ||
All you can eat sushi as a lab? Done! | All you can eat sushi as a lab? Done! | ||
Line 105: | Line 119: | ||
<div class="pin"> | <div class="pin"> | ||
- | <img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/presentingtoupwardbound.jpg" /> | + | <a href="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/presentingtoupwardbound.jpg"><img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/presentingtoupwardbound.jpg" /></a> |
<p> | <p> | ||
Check out Kimberly presenting the concepts of Synthetic Biology to a group of high school students! | Check out Kimberly presenting the concepts of Synthetic Biology to a group of high school students! | ||
Line 112: | Line 126: | ||
<div class="pin"> | <div class="pin"> | ||
- | <img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/darkknightpremier.jpg" /> | + | <a href="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/darkknightpremier.jpg"><img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/darkknightpremier.jpg" /></a> |
<p> | <p> | ||
Before we head in for the Dark Knight rises premier playing Mafia :) | Before we head in for the Dark Knight rises premier playing Mafia :) | ||
Line 119: | Line 133: | ||
<div class="pin"> | <div class="pin"> | ||
- | <img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/lindasbday.jpg" /> | + | <a href="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/lindasbday.jpg"><img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/lindasbday.jpg" /></a> |
<p> | <p> | ||
- | + | Celebrating Veronica's big 18th birhtday! | |
- | + | ||
</p> | </p> | ||
</div> | </div> | ||
<div class="pin"> | <div class="pin"> | ||
- | <img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/atmsnnerd.jpg" /> | + | <a href="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/atmsnnerd.jpg"><img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/atmsnnerd.jpg" /></a> |
<p> | <p> | ||
Cramming into an elevator at Microsoft NERD!!! | Cramming into an elevator at Microsoft NERD!!! | ||
Line 134: | Line 147: | ||
<div class="pin"> | <div class="pin"> | ||
- | <img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/inthelab.jpg" /> | + | <a href="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/inthelab.jpg"><img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/inthelab.jpg" /></a> |
<p> | <p> | ||
A day in the user's shoes! Getting our hands on the eChromi project. | A day in the user's shoes! Getting our hands on the eChromi project. | ||
Line 141: | Line 154: | ||
<div class="pin"> | <div class="pin"> | ||
- | <img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/posterpresentation.jpg" /> | + | <a href="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/posterpresentation.jpg"> <img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/posterpresentation.jpg" /></a> |
<p> | <p> | ||
Presenting to the Wellesley College community about our projects and Synthetic Biology. | Presenting to the Wellesley College community about our projects and Synthetic Biology. | ||
Line 148: | Line 161: | ||
<div class="pin"> | <div class="pin"> | ||
- | <img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/caughtcupcakehanded.jpg" /> | + | <a href="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/caughtcupcakehanded.jpg"> <img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/caughtcupcakehanded.jpg" /></a> |
<p> | <p> | ||
Madeline made awesome gourmet cupcakes and Kathy couldn't get enough of them! | Madeline made awesome gourmet cupcakes and Kathy couldn't get enough of them! | ||
Line 155: | Line 168: | ||
<div class="pin"> | <div class="pin"> | ||
- | + | <a href="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/atwork.jpg"><img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/atwork.jpg" /></a> | |
<p> | <p> | ||
Computer scientists at work. | Computer scientists at work. | ||
Line 162: | Line 175: | ||
<div class="pin"> | <div class="pin"> | ||
- | <img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/actionshot.jpg" /> | + | <a href="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/actionshot.jpg"><img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/actionshot.jpg" /></a> |
<p> | <p> | ||
CS action shot! | CS action shot! | ||
Line 169: | Line 182: | ||
<div class="pin"> | <div class="pin"> | ||
- | <img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/potluck.jpg" /> | + | <a href="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/potluck.jpg"><img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/potluck.jpg" /></a> |
<p> | <p> | ||
One of our many potlucks over the summer. Delicious food was had by all! | One of our many potlucks over the summer. Delicious food was had by all! | ||
Line 176: | Line 189: | ||
<div class="pin"> | <div class="pin"> | ||
- | <img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/labmeeting.jpg" /> | + | <a href="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/labmeeting.jpg"><img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/labmeeting.jpg" /></a> |
<p> | <p> | ||
Candid lab meeting photo! | Candid lab meeting photo! | ||
Line 183: | Line 196: | ||
<div class="pin"> | <div class="pin"> | ||
- | <img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/atwork2.jpg" /> | + | <a href="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/atwork2.jpg"><img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/atwork2.jpg" /></a> |
<p> | <p> | ||
Check out the Beast! | Check out the Beast! | ||
Line 190: | Line 203: | ||
<div class="pin"> | <div class="pin"> | ||
- | <img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/brainstorming2.jpg" /> | + | <a href="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/brainstorming2.jpg"><img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/brainstorming2.jpg" /></a> |
<p> | <p> | ||
Brainstorming - Look at all the ideas on the white boards! | Brainstorming - Look at all the ideas on the white boards! |
Latest revision as of 18:42, 3 October 2012