Team:Wellesley HCI/Social

From 2012.igem.org

(Difference between revisions)
(Created page with "<html> <head> <title>Wellesley HCI iGEM Team: Social</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <script src="http://cdn.jquerytools.org/1.2.5/fu...")
 
(17 intermediate revisions not shown)
Line 10: Line 10:
#p-logo {display:none;}
#p-logo {display:none;}
#search-controls {display:none;}
#search-controls {display:none;}
-
#menubar a {color:#000000;}
+
#menubar a {color:#000000; background-color:transparent;}
-
#menubar a:hover{text-decoration:none; color:#6B5A3A;}
+
#menubar a:hover{text-decoration:none; color:#6B5A3A; background-color:transparent;}
-
.left-menu {background-color:#FFFFFF; margin:5px 0px 0px 0px; padding:0;}
+
.left-menu a:hover{background-color:transparent; margin:5px 0px 0px 0px; padding:0; background: transparent;}
-
.left-menu ul {background-color:#FFFFFF; margin:0; padding:0;}
+
.left-menu li a:hover{background-color:transparent; margin:0; padding:0; background: transparent;}
-
.right-menu ul li a {background-color:#FFFFFF;}
+
.right-menu ul li a {background-color:transparent; background: transparent;}
-
.printfooter {display:none;}
+
.printfooter {display:none; background-color:transparent;}
-
#footer-box {border:none;}
+
#footer-box {border:none; background-color:transparent;}
-
#catlinks {display:none;}
+
#catlinks {display:none; background-color:transparent;}
-
.firstHeading {display:none;}
+
.firstHeading {display:none; background-color:transparent;}
-
#content {width: 100%; border:none;}
+
#content {width: 100%; border:none; background-color:transparent;}
#bodyContent {border:none;}
#bodyContent {border:none;}
/*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>
<h6>Lab Bonding</h6>
<h6>Lab Bonding</h6>
-
<div id="comp" class="team_box">
+
<div id="wrapper">
-
<br>
+
<div id="columns">
 +
<div class="pin">
 +
<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>
 +
You haven't bonded until you do hot (bikram) yoga as a team!
 +
</p>
 +
</div>
 +
 +
<div class="pin">
 +
<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>
 +
All you can eat sushi as a lab? Done!
 +
</p>
 +
</div>
 +
 +
<div class="pin">
 +
<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>
 +
Check out Kimberly presenting the concepts of Synthetic Biology to a group of high school students!
 +
</p>
 +
</div>
 +
 +
<div class="pin">
 +
<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>
 +
Before we head in for the Dark Knight rises premier playing Mafia :)
 +
</p>
 +
</div>
 +
 +
<div class="pin">
 +
<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>
 +
Celebrating Veronica's big 18th birhtday!
 +
</p>
 +
</div>
 +
 +
<div class="pin">
 +
<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>
 +
Cramming into an elevator at Microsoft NERD!!!
 +
</p>
 +
</div>
 +
 +
<div class="pin">
 +
<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>
 +
A day in the user's shoes! Getting our hands on the eChromi project.
 +
</p>
 +
</div>
 +
 +
<div class="pin">
 +
<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>
 +
Presenting to the Wellesley College community about our projects and Synthetic Biology.
 +
</p>
 +
</div>
 +
 +
<div class="pin">
 +
<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>
 +
Madeline made awesome gourmet cupcakes and Kathy couldn't get enough of them!
 +
</p>
 +
</div>
 +
 +
<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>
 +
Computer scientists at work.
 +
</p>
 +
</div>
 +
 +
<div class="pin">
 +
<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>
 +
CS action shot!
 +
</p>
 +
</div>
 +
 +
<div class="pin">
 +
<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>
 +
One of our many potlucks over the summer. Delicious food was had by all!
 +
</p>
 +
</div>
 +
 +
<div class="pin">
 +
<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>
 +
Candid lab meeting photo!
 +
</p>
 +
</div>
 +
 +
<div class="pin">
 +
<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>
 +
Check out the Beast!
 +
</p>
 +
</div>
 +
 +
<div class="pin">
 +
<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>
 +
Brainstorming - Look at all the ideas on the white boards!
 +
</p>
 +
</div>
 +
 
 +
 +
</div>
 +
</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"