Team:Wellesley Desyne/Social

From 2013.igem.org

(Difference between revisions)
 
(12 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:Wellesley_Desyne/css/wp_app.css}}
<html>
<html>
<head>
<head>
-
<title>Wellesley HCI iGEM Team: Welcome</title>  
+
<title>Wellesley HCI iGEM Team: Welcome</title>
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
-
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js?foo"></script>
+
<meta charset="utf-8">
-
<style type="text/css">
+
<meta name="viewport" content="width=device-width">
-
 
+
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
-
/*hide default igem banner and reformat style into blank slate*/
+
<body>
-
#globalWrapper {width: 100%;}
+
<nav class="top-bar">
-
#top-section {width: 100%; height:30px; border:none;}
+
<ul class="title-area">
-
#p-logo {display:none;}
+
<!-- Title Area -->
-
#search-controls {display:none;}
+
<li class="name">
-
#menubar a {color:#000000; background-color:transparent;}
+
<h1><a href="https://2013.igem.org/Team:Wellesley_Desyne">WHCI</a></h1>
-
#menubar a:hover{text-decoration:none; color:#0090FF; background-color:transparent;}
+
</li>
-
.left-menu a:hover{background-color:transparent; margin:5px 0px 0px 0px; padding:0; background: transparent;}
+
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
-
.left-menu li a:hover{background-color:transparent; margin:0; padding:0; background: transparent;}
+
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
-
.right-menu ul li a {background-color:transparent; background: transparent;}
+
-
.printfooter {display:none; background-color:transparent;}
+
-
#footer-box {border:none; background-color:transparent;}
+
-
#catlinks {display:none; background-color:transparent;}
+
-
.firstHeading {display:none; background-color:transparent;}
+
-
#content {width: 100%; border:none; background-color:transparent;}
+
-
#bodyContent {border:none;}
+
-
 
+
-
/*actual content styles*/
+
-
body {width: 900px; margin:auto;}
+
-
 
+
-
#bu-wellesley_wiki_content {height:auto; line-height:100%;}
+
-
/*#bu-wellesley_wiki_content a {color:#69d01d;}*/
+
-
#bu-wellesley_wiki_content a:hover {text-decoration:none; color:#3d3f3c;}
+
-
 
+
-
.navbar li {color: #transparent;}
+
-
.navbar li a {color: #ffffff;}
+
-
.navbar li a:hover {background:#0090FF; color: #ffffff;}
+
-
 
+
-
/*only use for current page content header (i.e. Team, G-nomeSurferPro, etc)*/
+
-
H6 {
+
-
      font-family: Helvetica;
+
-
      font-size:32pt;
+
-
      text-transform: uppercase;
+
-
      text-decoration: none;
+
-
      /*text-align: center;*/
+
-
      color: #272829;
+
-
      margin:0 !important;
+
-
      padding-top:5px !important;
+
-
    }
+
-
 
+
-
H3 {
+
-
      font-family: Helvetica;
+
-
      text-decoration: none;
+
-
      text-align: left;
+
-
          line-height:120%;
+
-
      /*color: #870203;*/
+
-
      font-size: 10pt;
+
-
      font-weight:normal;
+
-
    }
+
-
 
+
-
/*Page content styles (e.g. welcome, project images)*/
+
-
#comp {
+
-
    float:left;
+
-
    width:400px;
+
-
    height:275px;
+
-
}
+
-
#compimg {
+
-
    float:left;
+
-
    width:470px;
+
-
    margin:0 30px 0 0;
+
-
    background-color:#ebebeb;
+
-
}
+
-
 
+
-
/*Project images with rollover*/
+
-
.project {
+
-
background-color:#e5e3e7;
+
-
width:290px; height:180px;
+
-
overflow:hidden;
+
-
float:left;
+
-
margin:20px 15px 0 0;
+
-
position:relative;
+
-
}
+
-
.projectBar { width:100%; height:60px; position:absolute; color:white; overflow:hidden;}
+
-
.projectName { text-align:right; padding:15px 20px; }
+
-
.projectName img { width:auto; height:16px; display:inline-block; }
+
-
.projectAbout {
+
-
background-image:url('http://cs.wellesley.edu/~hcilab/iGEM2012/images/arrow.png');
+
-
background-repeat:no-repeat;
+
-
background-position:left center;
+
-
background-color:rgba(0,0,0,0.5);
+
-
background-clip:border-box;
+
-
font-size:12px;
+
-
height:auto;
+
-
margin-top:-50px;
+
-
padding:5px 5px 5px 50px; /*50px padding makes room for arrow on left*/
+
-
-webkit-transition-duration:0.5s; -moz-transition-duration:0.5s;
+
-
}
+
-
.project:hover .projectAbout { margin-top:10px; }
+
-
.projectBar > a:link, .projectBar > a:visited, .projectBar > a:hover { color:inherit; }
+
-
 
+
-
/*<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+
-
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+
-
<html xmlns="http://www.w3.org/1999/xhtml">*/
+
-
 
+
-
/* NON-WEBSAFE FONTS */
+
-
/*@font-face {
+
-
font-family: 'Caviar Dreams';
+
-
src: url('../fonts/CaviarDreams.ttf') format('truetype');
+
-
}*/
+
-
 
+
-
/* MAIN STYLE DEFINITIONS */
+
-
a{
+
-
color:#870203;
+
-
-webkit-transition-duration:0.3s;
+
-
-moz-transition-duration:0.3s;
+
-
-o-transition-duration:0.3s;
+
-
}
+
-
 
+
-
a:hover {
+
-
color:#0090FF;
+
-
}
+
-
 
+
-
a:visited{
+
-
color:#870203;
+
-
}
+
-
 
+
-
td
+
-
{
+
-
font-family: Helvetica;
+
-
font-size: 10pt;
+
-
vertical-align: top;
+
-
text-align: left;
+
-
padding-right: 10px;
+
-
}
+
-
 
+
-
tr
+
-
{
+
-
vertical-align: top;
+
-
}
+
-
 
+
-
H1 {
+
-
    font-family: Helvetica;
+
-
    text-transform: uppercase;
+
-
    color: #3d3f3c;
+
-
    text-align: left;
+
-
    }
+
-
 
+
-
 
+
-
H4 {
+
-
    font-family: Helvetica;
+
-
    text-transform: uppercase;
+
-
    color: #3d3f3c;
+
-
    text-align: left;
+
-
    }
+
-
 
+
-
/* CONTENT HEADING STYLES - overrides some main.css styling */
+
-
 
+
-
H6 {
+
-
font-family:'Caviar Dreams';
+
-
font-size:30px;
+
-
font-weight:500;
+
-
text-align:left;
+
-
text-transform:uppercase;
+
-
color: #3d3f3c;
+
-
border-bottom:1px solid #0090FF;
+
-
padding-bottom:10px;
+
-
margin:15px 0;
+
-
}
+
-
 
+
-
H1, H3 {
+
-
font-family:'Source Sans Pro';
+
-
font-weight:600;
+
-
text-transform:uppercase;
+
-
}
+
-
 
+
-
H1 {
+
-
font-size:20px;
+
-
border:none;
+
-
}
+
-
 
+
-
img.headshot {
+
-
width: 100px;
+
-
height: auto;
+
-
vertical-align: text-top;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
body {
+
-
background:#fff;
+
-
font-family: Helvetica;
+
-
}
+
-
 
+
-
content {
+
-
background: transparent;
+
-
}
+
-
 
+
-
#tracking_nav
+
-
{
+
-
margin: 0px 0px 0px 950px;
+
-
position: fixed;
+
-
color:#bababa;
+
-
border: 1px solid #3d3f3c;
+
-
background:#3d3f3c;
+
-
font-size: 16pt;
+
-
padding: 5px;
+
-
line-height: 120%;
+
-
}
+
-
 
+
-
#tracking_nav a { color:#ffffff; text-transform: lowercase;font-size: 16pt;}
+
-
#tracking_nav a:hover {background:#bababa;}
+
-
 
+
-
#parts_table
+
-
{
+
-
border: 1px solid #870203;
+
-
border-collapse: collapse;
+
-
width: 70%;
+
-
margin: auto;
+
-
}
+
-
 
+
-
#parts_table td
+
-
{
+
-
text-align: center;
+
-
margin: 5px;
+
-
border: 1px solid #870203;
+
-
+
-
}
+
-
 
+
-
#parts_table th
+
-
{
+
-
background-color: #bababa;
+
-
border: 1px solid #870203;
+
-
color: #ffffff;
+
-
}
+
-
 
+
-
.table_part
+
-
{
+
-
vertical-align: middle;
+
-
}
+
-
 
+
-
/* HEADER STYLES: banner, navbar, etc. */
+
-
#banner { width:300px; display:block; float:left; }
+
-
#banner img { width:100%; }
+
-
 
+
-
ul#nav {
+
-
width:675px;
+
-
margin:0 0 0 325px;
+
-
position:relative;
+
-
}
+
-
 
+
-
#nav li {
+
-
color: #bbb;
+
-
background-color:none;
+
-
margin: 0 50px 0 0;
+
-
float: left;
+
-
position: relative;
+
-
list-style: none;
+
-
text-transform:uppercase;
+
-
}
+
-
#nav li:last-child { margin:0; }
+
-
 
+
-
/* main level link */
+
-
#nav a {
+
-
font-family:'Source Sans Pro', sans-serif;
+
-
font-size:10pt;
+
-
font-weight:500;
+
-
line-height:110%;
+
-
color: inherit;
+
-
text-decoration: none;
+
-
display: block;
+
-
padding: 0 0 0 5px;
+
-
margin: 0;
+
-
}
+
-
 
+
-
ul#nav > li > a {
+
-
line-height:12px;
+
-
border-left:solid 2px #0090FF;
+
-
padding:0 0 0 3px;
+
-
}
+
-
 
+
-
#nav a:hover {
+
-
/*background-color: #0090FF;
+
-
color: #ffffff;*/
+
-
}
+
-
 
+
-
/* main level link hover */
+
-
#nav .current a, #nav li:hover > a {
+
-
color: #000;
+
-
border-color:#0090FF;
+
-
}
+
-
 
+
-
/* sub levels link hover */
+
-
#nav ul li:hover a, #nav li:hover li a {
+
-
border: none;
+
-
/*background-color: #FA9D1C;*/
+
-
color:#000;
+
-
}
+
-
 
+
-
#nav ul a:hover {
+
-
color: #0090FF !important;
+
-
/*background: #fff url(img/gradient.png) repeat-x 0 -100px !important;
+
-
text-shadow: 0 1px 1px rgba(0,0,0, .1);*/
+
-
}
+
-
 
+
-
 
+
-
/* dropdown */
+
-
#nav li:hover > ul {
+
-
/*display: block;*/
+
-
opacity:1;
+
-
margin:0;
+
-
background-color: none;
+
-
z-index:0;
+
-
}
+
-
 
+
-
/* level 2 list */
+
-
#nav ul {
+
-
/*display: none;*/
+
-
opacity:0;
+
-
margin: 20px 0 0 0;
+
-
padding: 7px 0 0 0;
+
-
width: 205px;
+
-
position: absolute;
+
-
left: 0;
+
-
z-index:-1;
+
-
-webkit-transition-duration:0.5s;
+
-
-moz-transition-duration:0.5s;
+
-
-o-transition-duration:0.5s;
+
-
}
+
-
#nav ul li {
+
-
float: none;
+
-
margin: 0;
+
-
padding: 0;
+
-
}
+
-
 
+
-
#nav ul a {
+
-
font-weight: normal;
+
-
/*text-shadow: 0 1px 0 #fff;*/
+
-
}
+
-
 
+
-
/* clearfix */
+
-
#nav:after {
+
-
content: ".";
+
-
display: block;
+
-
clear: both;
+
-
visibility: hidden;
+
-
line-height: 0;
+
-
height: 0;
+
-
}
+
-
#nav {
+
-
display: inline-block;
+
-
}
+
-
html[xmlns] #nav {
+
-
display: block;
+
-
}
+
-
+
-
* html #nav {
+
-
height: 1%;
+
-
}
+
-
 
+
-
/* pinterest like photo grid for social page*/
+
-
 
+
-
/*
+
-
body {
+
-
background: url(http://subtlepatterns.com/patterns/scribble_light.png) ;
+
-
}
+
-
*/
+
-
 
+
-
#wrapper {
+
-
width: 90%;
+
-
max-width: 1100px;
+
-
min-width: 800px;
+
-
margin: 50px auto;
+
-
}
+
-
 
+
-
#columns {
+
-
-webkit-column-count: 3;
+
-
-webkit-column-gap: 10px;
+
-
-webkit-column-fill: auto;
+
-
-moz-column-count: 3;
+
-
-moz-column-gap: 10px;
+
-
-moz-column-fill: auto;
+
-
column-count: 3;
+
-
column-gap: 15px;
+
-
column-fill: auto;
+
-
}
+
-
 
+
-
.pin {
+
-
display: inline-block;
+
-
background: #FEFEFE;
+
-
border: 2px solid #FAFAFA;
+
-
box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4);
+
-
margin: 0 2px 15px;
+
-
-webkit-column-break-inside: avoid;
+
-
-moz-column-break-inside: avoid;
+
-
column-break-inside: avoid;
+
-
padding: 15px;
+
-
padding-bottom: 5px;
+
-
background: -webkit-linear-gradient(45deg, #FFF, #F9F9F9);
+
-
opacity: 1;
+
-
+
-
-webkit-transition: all .2s ease;
+
-
-moz-transition: all .2s ease;
+
-
-o-transition: all .2s ease;
+
-
transition: all .2s ease;
+
-
}
+
-
 
+
-
.pin img {
+
-
width: 100%;
+
-
border-bottom: 1px solid #ccc;
+
-
padding-bottom: 15px;
+
-
margin-bottom: 5px;
+
-
}
+
-
 
+
-
.pin p {
+
-
font: 12px/18px Arial, sans-serif;
+
-
color: #333;
+
-
margin: 0;
+
-
}
+
-
 
+
-
@media (min-width: 960px) {
+
-
#columns {
+
-
-webkit-column-count: 4;
+
-
-moz-column-count: 4;
+
-
column-count: 4;
+
-
}
+
-
}
+
-
 
+
-
@media (min-width: 1100px) {
+
-
#columns {
+
-
-webkit-column-count: 5;
+
-
-moz-column-count: 5;
+
-
column-count: 5;
+
-
}
+
-
}
+
-
 
+
-
#columns:hover .pin:not(:hover) {
+
-
opacity: 0.4;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
</style>
+
-
 
+
-
 
+
-
<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>
+
-
 
+
-
<link rel="stylesheet" type="text/css" href="http://cs.wellesley.edu/~esegreto/style.css" />
+
-
<script type="text/javascript" src="http://cs.wellesley.edu/~esegreto/jquery.js"></script>
+
-
 
+
-
 
+
-
 
+
-
</head>
+
-
<body class="basiclayout">
+
-
<div id="bu-wellesley_wiki_content">
+
-
 
+
-
 
+
-
<a href="https://2013.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2012/5/50/2013iGEM_logo.png" width="75px" style="display:block; float:left;"></a>
+
-
 
+
-
<a href="https://2013.igem.org/Team:Wellesley_Desyne"><img src="https://static.igem.org/mediawiki/igem.org/4/49/Titleimage.png" width="200px" style="display:block; float:left;"></a>
+
-
 
+
-
 
+
-
<!--Start NavBar-->
+
-
<ul id="nav">  
+
-
    <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Team">Team</a>
+
-
        <ul>
+
-
    <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Team">Team Members</a></li>
+
-
    <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Notebook">Notebook</a></li>  
+
-
            <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Acknowledgement">Acknowledgement</a></li>
+
-
    <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Tips_Tricks">Tips & Tricks</a></li>
+
-
    <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Social">Fun</a></li>
+
</ul>
</ul>
-
    </li>  
+
<section class="top-bar-section">
-
    <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Project_Overview">Project</a>
+
<!-- Left Nav Section -->
-
        <ul>  
+
<ul class="left">
-
    <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Project_Overview">Project Overview</a></li>  
+
<li class="divider"></li>
-
            <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie">Eugenie</a></li>  
+
<li class="has-dropdown"><a href="#">TEAM</a>
-
            <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/zMol_zTree">zMol_zTree</a></li>  
+
<ul class="dropdown">
-
            <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/BAC">BAC to the Future</a></li>  
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Team">Team Members</a></li>
-
            <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Downloads_Tutorials">Downloads & Tutorials</a></li>  
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Notebook">Notebook</a></li>
-
        </ul>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Acknowledgement">Acknowledgement</a></li>
-
    </li>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Tips_Tricks">Tips and Tricks</a></li>
-
    <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Human_Practices">Human Practices</a>  
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Social">Fun</a></li>
-
<ul>  
+
</ul>
-
    <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Human_Practices">User Research</a></li>  
+
</li>
-
            <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Methodology">Methodology</a></li>  
+
<li class="divider"></li>
-
    <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Safety">Safety</a></li>  
+
<li class="has-dropdown"><a href="#">PROJECT</a>
-
            <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Outreach">Outreach</a></li>
+
<ul class="dropdown">
-
</ul>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Project_Overview">Overview</a></li>
-
    </li>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie">Eugenie</a></li>
-
    <li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Gold">Medal Fulfillment</a></li>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/zTree">zTree</a></li>
-
</ul>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/BAC">Bac to the Future</a></li>
 +
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Downloads_Tutorials">Downloads & Tutorials</a></li>
 +
</ul>
 +
</li>
 +
<li class="divider"></li>
 +
<li class="has-dropdown"><a href="#">HUMAN PRACTICES</a>
 +
<ul class="dropdown">
 +
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Human_Practices">User Research</a></li>
 +
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Methodology">Methodology</a></li>
 +
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Safety">Safety</a></li>
 +
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Outreach">Outreach</a></li>
 +
</ul>
 +
</li>
 +
<li class="divider"></li>
 +
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Gold">MEDAL FULFILLMENT</a></li>
 +
</ul>
 +
<!-- Right Nav Section -->
 +
<ul class="right">
 +
<li class="divider hide-for-small"></li>
 +
<li><a href="https://2013.igem.org/Main_Page"><img src="https://static.igem.org/mediawiki/2013/e/e0/Whci_igem_logo.png"></a>
 +
</li>
 +
<li class="divider"></li>
 +
</ul>
 +
</section>
 +
</nav>
 +
<header>
 +
<div id="header-container">
 +
<div class="row">
 +
<div class="large-18 columns">
 +
<a href="https://2013.igem.org/Team:Wellesley_Desyne" class="header-link"><h2><img src="https://static.igem.org/mediawiki/2013/0/03/Wellesley_logo.png">Wellesley HCI iGEM 2013</h2></a>
 +
</div>
 +
</div>
 +
</div>
 +
</header>
-
<!--End NavBar-->
+
<div class="row">
 +
<div class="large-18 columns main-container">
 +
<div style = "margin-left:auto;
 +
margin-right:auto; width:640px;">
 +
<iframe float="center" width="640" height="360" src="//www.youtube.com/embed/kSASJZpJDoE" frameborder="0" allowfullscreen></iframe>
 +
</div>
-
<br><br>
+
<div class="row">
 +
<hr>
 +
<img src="https://static.igem.org/mediawiki/2013/6/62/Whci_sponsor_logos.png">
 +
</div>
 +
</div>
 +
</div>
-
<!--Actual content-->
 
-
<h6>Fun</h6>
 
-
<br>
 
-
<div id="wowslider-container1">
+
<script src="http://eastmaninteractive.com/igem/whci_zepto.js"></script>
-
<div class="ws_images"><ul>
+
<script src="http://eastmaninteractive.com/igem/whci_foundation.js"></script>
-
<li><img src="data1/images/img_2002.jpg" alt="Heather, Catherine, and Joanna enjoying the Museum of Fine Arts in Boston" title="Heather, Catherine, and Joanna enjoying the Museum of Fine Arts in Boston" id="wows1_0"/></li>
+
<script src="http://eastmaninteractive.com/igem/whci_foundation.dropdown.js"></script>
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2322.jpg" alt="Joanna's happy face & zTree demo" title="Joanna's happy face & zTree demo" id="wows1_1"/></li>
+
<script src="http://eastmaninteractive.com/igem/whci_foundation.topbar.js"></script>
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2470.jpg" alt="happy donuts!" title="happy donuts!" id="wows1_2"/></li>
+
<script>
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2472.jpg" alt="The Eugenie Poster" title="The Eugenie Poster" id="wows1_3"/></li>
+
$(document).foundation();
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2471.jpg" alt="Evan pre-poster session" title="Evan pre-poster session" id="wows1_4"/></li>
+
</script>
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2473.jpg" alt="The Eugenie team's fresh recruits" title="The Eugenie team's fresh recruits" id="wows1_5"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2479.jpg" alt="Presenting? " title="Presenting? " id="wows1_6"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2480.jpg" alt="The team in their natural state" title="The team in their natural state" id="wows1_7"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2481.jpg" alt="The Eugenie Team!" title="The Eugenie Team!" id="wows1_8"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2532.jpg" alt="Catherine presenting Eugenie" title="Catherine presenting Eugenie" id="wows1_9"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2483.jpg" alt="Bac to the Future poster" title="Bac to the Future poster" id="wows1_10"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2485.jpg" alt="The Bac to the Future team in their natural state" title="The Bac to the Future team in their natural state" id="wows1_11"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2486.jpg" alt="Evan's creeping" title="Evan's creeping" id="wows1_12"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2531.jpg" alt="Presenting Bac to the Future" title="Presenting Bac to the Future" id="wows1_13"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2495.jpg" alt="The zMol/zTree poster" title="The zMol/zTree poster" id="wows1_14"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2533.jpg" alt="Yoav demo-ing zMol" title="Yoav demo-ing zMol" id="wows1_15"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2539.jpg" alt="Gorgeous" title="Gorgeous" id="wows1_16"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2548.jpg" alt="Sravanti, Evan, and their mentee" title="Sravanti, Evan, and their mentee" id="wows1_17"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2553.jpg" alt="Tiffany approves" title="Tiffany approves" id="wows1_18"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2556.jpg" alt="Dan does not" title="Dan does not" id="wows1_19"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2561.jpg" alt="The zMol/zTree team " title="The zMol/zTree team " id="wows1_20"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2497.jpg" alt="The mentors out on a stroll" title="The mentors out on a stroll" id="wows1_21"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2579.jpg" alt="Dan gets knighted" title="Dan gets knighted" id="wows1_22"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2582.jpg" alt="Heather gets knighted" title="Heather gets knighted" id="wows1_23"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2583.jpg" alt="Orit gets knighted" title="Orit gets knighted" id="wows1_24"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2584.jpg" alt="Evan gets knighted" title="Evan gets knighted" id="wows1_25"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2587.jpg" alt="Cassie gets knighted" title="Cassie gets knighted" id="wows1_26"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2589.jpg" alt="Joanna gets knighted" title="Joanna gets knighted" id="wows1_27"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2593.jpg" alt="Casey gets knighted" title="Casey gets knighted" id="wows1_28"/></li>
+
-
<li><img src="http://cs.wellesley.edu/~esegreto/data1/img_2597.jpg" alt="Tiffany gets knighted" title="Tiffany gets knighted" id="wows1_29"/></li>
+
-
</ul></div>
+
-
<div class="ws_bullets"><div>
+
-
<a href="#" title="Heather, Catherine, and Joanna enjoying the Museum of Fine Arts in Boston"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2002.jpg" alt="Heather, Catherine, and Joanna enjoying the Museum of Fine Arts in Boston"/>1</a>
+
-
<a href="#" title="Joanna's happy face & zTree demo"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2322.jpg" alt="Joanna's happy face & zTree demo"/>2</a>
+
-
<a href="#" title="happy donuts!"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2470.jpg" alt="happy donuts!"/>3</a>
+
-
<a href="#" title="The Eugenie Poster"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2472.jpg" alt="The Eugenie Poster"/>4</a>
+
-
<a href="#" title="Evan pre-poster session"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2471.jpg" alt="Evan pre-poster session"/>5</a>
+
-
<a href="#" title="The Eugenie team's fresh recruits"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2473.jpg" alt="The Eugenie team's fresh recruits"/>6</a>
+
-
<a href="#" title="Presenting? "><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2479.jpg" alt="Presenting? "/>7</a>
+
-
<a href="#" title="The team in their natural state"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2480.jpg" alt="The team in their natural state"/>8</a>
+
-
<a href="#" title="The Eugenie Team!"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2481.jpg" alt="The Eugenie Team!"/>9</a>
+
-
<a href="#" title="Catherine presenting Eugenie"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2532.jpg" alt="Catherine presenting Eugenie"/>10</a>
+
-
<a href="#" title="Bac to the Future poster"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2483.jpg" alt="Bac to the Future poster"/>11</a>
+
-
<a href="#" title="The Bac to the Future team in their natural state"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2485.jpg" alt="The Bac to the Future team in their natural state"/>12</a>
+
-
<a href="#" title="Evan's creeping"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2486.jpg" alt="Evan's creeping"/>13</a>
+
-
<a href="#" title="Presenting Bac to the Future"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2531.jpg" alt="Presenting Bac to the Future"/>14</a>
+
-
<a href="#" title="The zMol/zTree poster"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2495.jpg" alt="The zMol/zTree poster"/>15</a>
+
-
<a href="#" title="Yoav demo-ing zMol"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2533.jpg" alt="Yoav demo-ing zMol"/>16</a>
+
-
<a href="#" title="Gorgeous"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2539.jpg" alt="Gorgeous"/>17</a>
+
-
<a href="#" title="Sravanti, Evan, and their mentee"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2548.jpg" alt="Sravanti, Evan, and their mentee"/>18</a>
+
-
<a href="#" title="Tiffany approves"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2553.jpg" alt="Tiffany approves"/>19</a>
+
-
<a href="#" title="Dan does not"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2556.jpg" alt="Dan does not"/>20</a>
+
-
<a href="#" title="The zMol/zTree team "><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2561.jpg" alt="The zMol/zTree team "/>21</a>
+
-
<a href="#" title="The mentors out on a stroll"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2497.jpg" alt="The mentors out on a stroll"/>22</a>
+
-
<a href="#" title="Dan gets knighted"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2579.jpg" alt="Dan gets knighted"/>23</a>
+
-
<a href="#" title="Heather gets knighted"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2582.jpg" alt="Heather gets knighted"/>24</a>
+
-
<a href="#" title="Orit gets knighted"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2583.jpg" alt="Orit gets knighted"/>25</a>
+
-
<a href="#" title="Evan gets knighted"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2584.jpg" alt="Evan gets knighted"/>26</a>
+
-
<a href="#" title="Cassie gets knighted"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2587.jpg" alt="Cassie gets knighted"/>27</a>
+
-
<a href="#" title="Joanna gets knighted"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2589.jpg" alt="Joanna gets knighted"/>28</a>
+
-
<a href="#" title="Casey gets knighted"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2593.jpg" alt="Casey gets knighted"/>29</a>
+
-
<a href="#" title="Tiffany gets knighted"><img src="http://cs.wellesley.edu/~esegreto/data1/tooltips/img_2597.jpg" alt="Tiffany gets knighted"/>30</a>
+
-
</div></div>
+
-
<span class="wsl"><a href="http://wowslider.com">Image Carousel</a> by WOWSlider.com v4.5m</span>
+
-
<div class="ws_shadow"></div>
+
-
</div>
+
-
<script type="text/javascript" src="engine1/wowslider.js"></script>
+
-
<script type="text/javascript" src="engine1/script.js"></script>
+
-
</div>
 
-
<!--END Actual content-->
 
-
 
-
<br><br><br><br><br>
 
-
</div><!--end wellesley_wiki_content div-->
 
-
</div>
 
</body>
</body>
</html>
</html>

Latest revision as of 17:29, 27 September 2013

Wellesley HCI iGEM Team: Welcome

Retrieved from "http://2013.igem.org/Team:Wellesley_Desyne/Social"