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: 800px; margin:auto;}
+
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">
-
<p  style="text-align:center;"><a href="https://2012.igem.org/Team:Wellesley_HCI"><img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/titleimage.png" width="800px"></a></p>
+
<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="#">Process</a>  
+
<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/Notebook">Notebook</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>  
-
<li><a href="#">Additional Info</a>
+
-
<ul>
+
</ul>
-
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Acknowledgement">Acknowledgement</a></li>
+
<!--End NavBar-->  
-
<li><a href="https://2012.igem.org/Team:Wellesley_HCI/Social">Fun</a></li>
+
-
</ul>
+
-
</li>
+
-
</ul>  
+
<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>
-
Donec a fermentum nisi. Integer dolor est, commodo ut
+
Celebrating Veronica's big 18th birhtday!
-
sagittis vitae, egestas at augue.
+
</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">
-
<img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/fun/atwork.jpg" />
+
                        <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

Wellesley HCI iGEM Team: Social


Lab Bonding

You haven't bonded until you do hot (bikram) yoga as a team!

All you can eat sushi as a lab? Done!

Check out Kimberly presenting the concepts of Synthetic Biology to a group of high school students!

Before we head in for the Dark Knight rises premier playing Mafia :)

Celebrating Veronica's big 18th birhtday!

Cramming into an elevator at Microsoft NERD!!!

A day in the user's shoes! Getting our hands on the eChromi project.

Presenting to the Wellesley College community about our projects and Synthetic Biology.

Madeline made awesome gourmet cupcakes and Kathy couldn't get enough of them!

Computer scientists at work.

CS action shot!

One of our many potlucks over the summer. Delicious food was had by all!

Candid lab meeting photo!

Check out the Beast!

Brainstorming - Look at all the ideas on the white boards!








Retrieved from "http://2012.igem.org/Team:Wellesley_HCI/Social"