Team:Wellesley HCI

From 2012.igem.org

(Difference between revisions)
Line 23: Line 23:
/*actual content styles*/
/*actual content styles*/
-
body {width: 1000px; 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 41: Line 41:
       /*text-align: center;*/
       /*text-align: center;*/
       color: #272829;
       color: #272829;
 +
      margin:0
     }
     }
Line 55: Line 56:
#comp {
#comp {
     float:left;
     float:left;
-
     width:475px;
+
     width:400px;
-
     height:300px;
+
     height:275px;
-
background-color:green;
+
}
}
#compimg {
#compimg {
     float:left;
     float:left;
-
     width:500px; height:300px;
+
     width:470px; height:275px;
-
     margin:0 25px 0 0;
+
     margin:0 30px 0 0;
     background-color:red;
     background-color:red;
}
}
Line 69: Line 69:
.project {
.project {
background-color:red;
background-color:red;
-
width:300px; height:180px;
+
width:290px; height:180px;
float:left;
float:left;
-
margin:10px;
+
margin:20px 15px 0 0;
position:relative;
position:relative;
}
}
.project img { width:100%; }
.project img { width:100%; }
-
.projectBar { width:100%; height:60px; position:absolute; color:white; line-height:normal; overflow:hidden;}
+
.projectBar { width:100%; height:60px; position:absolute; color:white; overflow:hidden;}
.projectName {
.projectName {
font-family:Bebas Neue;
font-family:Bebas Neue;
font-size:30px;
font-size:30px;
text-align:right;
text-align:right;
 +
line-height:normal;
padding:5px 10px;
padding:5px 10px;
}
}
Line 95: Line 96:
}
}
.project:hover .projectAbout { margin-top:10px; }
.project:hover .projectAbout { margin-top:10px; }
-
 
+
.projectBar > a:link, .projectBar > a:visited, .projectBar > a:hover { color:inherit; }
</style>
</style>
-
 
<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">
Line 144: Line 144:
<!--End NavBar-->   
<!--End NavBar-->   
-
<br>
+
<br><br>
<div id="compimg">
<div id="compimg">
Line 160: Line 160:
<div class="project">
<div class="project">
-
<div class="projectBar">
+
<a href=""><div class="projectBar">
-
<div class="projectAbout">
+
<div><div class="projectAbout">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales mollis tempus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales mollis tempus.
-
</div>
+
</div></div>
<div class="projectName">SynBio Search</div>
<div class="projectName">SynBio Search</div>
-
</div>
+
</div></a>
</div>
</div>
<div class="project">
<div class="project">
-
<div class="projectBar">
+
<a href=""><div class="projectBar">
<div class="projectAbout">
<div class="projectAbout">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales mollis tempus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales mollis tempus.
</div>
</div>
<div class="projectName">MoClo Planner</div>
<div class="projectName">MoClo Planner</div>
-
</div>
+
</div></a>
</div>
</div>
-
<div class="project">
+
<div class="project" style="margin-right:0px">
-
<div class="projectBar">
+
<a href=""><div class="projectBar">
<div class="projectAbout">
<div class="projectAbout">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales mollis tempus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed sodales mollis tempus.
</div>
</div>
<div class="projectName">SynFlo</div>
<div class="projectName">SynFlo</div>
-
</div>
+
</div></a>
</div>
</div>

Revision as of 01:35, 9 September 2012

Wellesley HCI iGEM Team: Welcome



Welcome!

Synthetic biology will require a multidisciplinary, collaborative design environment in order to engineer the complex biological systems of the future. Our team will create a collection of software tools which address specific technical synthetic biology challenges while simultaneously advancing the way in which users interact with computing environments. Our software will support the scientific workflow process by supporting each step: research, brainstorming, building, test, troubleshooting, iteration, and analysis. The combination of human computer interaction, bio-design automation, and experimental design makes our effort unique in the iGEM experience and closes the loop on the design-build-test methodology.