Team:Wellesley HCI/Social

From 2012.igem.org

(Difference between revisions)
 
(11 intermediate revisions not shown)
Line 13: Line 13:
#menubar a:hover{text-decoration:none; color:#6B5A3A; background-color:transparent;}
#menubar a:hover{text-decoration:none; color:#6B5A3A; background-color:transparent;}
.left-menu a:hover{background-color:transparent; margin:5px 0px 0px 0px; padding:0; background: transparent;}
.left-menu a:hover{background-color:transparent; margin:5px 0px 0px 0px; padding:0; background: transparent;}
-
.left-menu ul li a: hover{background-color:transparent; margin:0; padding:0; background: transparent;}
+
.left-menu li a:hover{background-color:transparent; margin:0; padding:0; background: transparent;}
.right-menu ul li a {background-color:transparent; background: transparent;}
.right-menu ul li a {background-color:transparent; background: transparent;}
.printfooter {display:none; background-color:transparent;}
.printfooter {display:none; background-color:transparent;}
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 29: Line 29:
#bu-wellesley_wiki_content a:hover {text-decoration:none; color:#3d3f3c;}
#bu-wellesley_wiki_content a:hover {text-decoration:none; color:#3d3f3c;}
-
.navbar li {color: #ffffff;}
+
.navbar li {color: #transparent;}
.navbar li a {color: #ffffff;}
.navbar li a {color: #ffffff;}
.navbar li a:hover {background:#D99C45; color: #ffffff;}
.navbar li a:hover {background:#D99C45; color: #ffffff;}
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://cssdeck.com/uploads/media/items/2/2v3VhAp.png" />
+
<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>
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
You haven't bonded until you do hot (bikram) yoga as a team!
-
Sed feugiat consectetur pellentesque. Nam ac elit risus,
+
-
ac blandit dui. Duis rutrum porta tortor ut convallis.
+
-
Duis rutrum porta tortor ut convallis.
+
</p>
</p>
</div>
</div>
<div class="pin">
<div class="pin">
-
<img src="http://cssdeck.com/uploads/media/items/1/1swi3Qy.png" />
+
<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>
-
Donec a fermentum nisi.
+
All you can eat sushi as a lab? Done!
</p>
</p>
</div>
</div>
<div class="pin">
<div class="pin">
-
<img src="http://cssdeck.com/uploads/media/items/6/6f3nXse.png" />
+
<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>
-
Nullam eget lectus augue. Donec eu sem sit amet ligula
+
Check out Kimberly presenting the concepts of Synthetic Biology to a group of high school students!
-
faucibus suscipit. Suspendisse rutrum turpis quis nunc
+
-
convallis quis aliquam mauris suscipit.
+
</p>
</p>
</div>
</div>
<div class="pin">
<div class="pin">
-
<img src="http://cssdeck.com/uploads/media/items/8/8kEc1hS.png" />
+
<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>
-
Nullam eget lectus augue. Donec eu sem sit amet ligula
+
Before we head in for the Dark Knight rises premier playing Mafia :)
-
faucibus suscipit. Suspendisse rutrum turpis quis nunc
+
-
convallis quis aliquam mauris suscipit.
+
</p>
</p>
</div>
</div>
<div class="pin">
<div class="pin">
-
<img src="http://cssdeck.com/uploads/media/items/1/1swi3Qy.png" />
+
<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://cssdeck.com/uploads/media/items/6/6f3nXse.png" />
+
<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>
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
Cramming into an elevator at Microsoft NERD!!!
-
Sed feugiat consectetur pellentesque. Nam ac elit risus,
+
-
ac blandit dui. Duis rutrum porta tortor ut convallis.
+
-
Duis rutrum porta tortor ut convallis.
+
</p>
</p>
</div>
</div>
<div class="pin">
<div class="pin">
-
<img src="http://cssdeck.com/uploads/media/items/2/2v3VhAp.png" />
+
<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>
-
Nullam eget lectus augue. Donec eu sem sit amet ligula
+
A day in the user's shoes! Getting our hands on the eChromi project.
-
faucibus suscipit. Suspendisse rutrum turpis quis nunc
+
-
convallis quis aliquam mauris suscipit.
+
-
Duis rutrum porta tortor ut convallis.
+
</p>
</p>
</div>
</div>
<div class="pin">
<div class="pin">
-
<img src="http://cssdeck.com/uploads/media/items/1/1swi3Qy.png" />
+
<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>
-
Nullam eget lectus augue.  
+
Presenting to the Wellesley College community about our projects and Synthetic Biology.  
</p>
</p>
</div>
</div>
<div class="pin">
<div class="pin">
-
<img src="http://cssdeck.com/uploads/media/items/8/8kEc1hS.png" />
+
<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>
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
Madeline made awesome gourmet cupcakes and Kathy couldn't get enough of them!
-
Sed feugiat consectetur pellentesque.
+
</p>
</p>
</div>
</div>
<div class="pin">
<div class="pin">
-
<img src="http://cssdeck.com/uploads/media/items/2/2v3VhAp.png" />
+
                        <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>
-
Donec a fermentum nisi. Integer dolor est, commodo ut
+
Computer scientists at work.
-
sagittis vitae, egestas at augue. Suspendisse id nulla
+
-
ac urna vestibulum mattis. Duis rutrum porta tortor ut convallis.
+
</p>
</p>
</div>
</div>
<div class="pin">
<div class="pin">
-
<img src="http://cssdeck.com/uploads/media/items/1/1swi3Qy.png" />
+
<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>
-
Donec a fermentum nisi. Integer dolor est, commodo ut
+
CS action shot!
-
sagittis vitae, egestas at augue. Suspendisse id nulla
+
-
ac urna vestibulum mattis.
+
</p>
</p>
</div>
</div>
<div class="pin">
<div class="pin">
-
<img src="http://cssdeck.com/uploads/media/items/6/6f3nXse.png" />
+
<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>
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
One of our many potlucks over the summer. Delicious food was had by all!
-
Sed feugiat consectetur pellentesque. Nam ac elit risus,
+
-
ac blandit dui. Duis rutrum porta tortor ut convallis.
+
</p>
</p>
</div>
</div>
<div class="pin">
<div class="pin">
-
<img src="http://cssdeck.com/uploads/media/items/2/2v3VhAp.png" />
+
<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>
-
Donec a fermentum nisi. Integer dolor est, commodo ut
+
Candid lab meeting photo!
-
sagittis vitae, egestas at augue. Suspendisse id nulla
+
-
ac urna vestibulum mattis.
+
</p>
</p>
</div>
</div>
<div class="pin">
<div class="pin">
-
<img src="http://cssdeck.com/uploads/media/items/1/1swi3Qy.png" />
+
<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>
-
Donec a fermentum nisi. Integer dolor est, commodo ut
+
Check out the Beast!
-
sagittis vitae, egestas at augue. Suspendisse id nulla
+
-
ac urna vestibulum mattis.
+
</p>
</p>
</div>
</div>
<div class="pin">
<div class="pin">
-
<img src="http://cssdeck.com/uploads/media/items/6/6f3nXse.png" />
+
<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>
-
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
+
Brainstorming - Look at all the ideas on the white boards!
-
Sed feugiat consectetur pellentesque. Nam ac elit risus,
+
-
ac blandit dui. Duis rutrum porta tortor ut convallis.
+
</p>
</p>
</div>
</div>
 +
 +
</div>
</div>
</div><br>
</div><br>

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"