Team:Wellesley HCI

From 2012.igem.org

(Difference between revisions)
Line 67: Line 67:
     width:470px; height:275px;
     width:470px; height:275px;
     margin:0 30px 0 0;
     margin:0 30px 0 0;
-
     background-color:red;
+
     background-color:#ebebeb;
}
}
/*Project images with rollover*/
/*Project images with rollover*/
.project {
.project {
-
background-color:red;
+
background-color:#ebebeb;
width:290px; height:180px;
width:290px; height:180px;
float:left;
float:left;
Line 80: Line 80:
.project img { width:100%; }
.project img { width:100%; }
.projectBar { width:100%; height:60px; position:absolute; color:white; overflow:hidden;}
.projectBar { width:100%; height:60px; position:absolute; color:white; overflow:hidden;}
-
.projectName {
+
.projectName { text-align:right; padding:15px 20px; }
-
font-family:Bebas Neue;
+
.projectName img { width:auto; height:16px; display:inline-block; }
-
font-size:30px;
+
-
text-align:right;
+
-
line-height:normal;
+
-
padding:5px 10px;
+
-
}
+
.projectAbout {
.projectAbout {
background-image:url('http://cs.wellesley.edu/~hcilab/iGEM2012/images/arrow.png');
background-image:url('http://cs.wellesley.edu/~hcilab/iGEM2012/images/arrow.png');
Line 167: Line 162:
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>
-
<div class="projectName">SynBio Search</div>
+
<div class="projectName">
 +
<img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/synbio.png" alt="SynBio Search">
 +
</div>
</div></a>
</div></a>
</div>
</div>
Line 175: Line 172:
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">
 +
<img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/moclo.png" alt="MoClo Planner">
 +
</div>
</div></a>
</div></a>
</div>
</div>
Line 183: Line 182:
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">
 +
<img src="http://cs.wellesley.edu/~hcilab/iGEM2012/images/synflo.png" alt="SynFlo">
 +
</div>
</div></a>
</div></a>
</div>
</div>

Revision as of 03:22, 10 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.