Team:Wellesley Desyne

From 2013.igem.org

(Difference between revisions)
Line 3: Line 3:
<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">
 +
<meta charset="utf-8">
 +
<meta name="viewport" content="width=device-width">
 +
<link rel="stylesheet" href="whci_app.css">
 +
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
 +
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
 +
<script src="whci_custom.modernizr.js"></script>
 +
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js?foo"></script>
<script src="http://cdn.jquerytools.org/1.2.5/full/jquery.tools.min.js?foo"></script>
<style type="text/css">
<style type="text/css">
Line 25: Line 32:
</style>
</style>
 +
<body>
 +
<nav class="top-bar">
 +
<ul class="title-area">
 +
<!-- Title Area -->
 +
<li class="name">
 +
<h1><a href="#">WHCI</a></h1>
 +
</li>
 +
<!-- Remove the class "menu-icon" to get rid of menu icon. Take out "Menu" to just have icon alone -->
 +
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
 +
</ul>
 +
<section class="top-bar-section">
 +
<!-- Left Nav Section -->
 +
<ul class="left">
 +
<li class="divider"></li>
 +
<li class="has-dropdown"><a href="#">TEAM</a>
 +
<ul class="dropdown">
 +
<li><a href="#">Team Members</a></li>
 +
<li><a href="#">Notebook</a></li>
 +
<li><a href="#">Acknowledgement</a></li>
 +
<li><a href="#">Tips and Tricks</a></li>
 +
<li><a href="#">Fun</a></li>
 +
</ul>
 +
</li>
 +
<li class="divider"></li>
 +
<li class="has-dropdown"><a href="#">PROJECT</a>
 +
<ul class="dropdown">
 +
<li><a href="#">Overview</a></li>
 +
<li><a href="#">Eugenie</a></li>
 +
<li><a href="#">zTree & zMol</a></li>
 +
<li><a href="#">Bac to the Future</a></li>
 +
<li><a href="#">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="#">User Research</a></li>
 +
<li><a href="#">Methodology</a></li>
 +
<li><a href="#">Safety</a></li>
 +
<li><a href="#">Outreach</a></li>
 +
</ul>
 +
</li>
 +
<li class="divider"></li>
 +
<li><a href="#">MEDAL FULFILLMENT</a></li>
 +
</ul>
 +
<!-- Right Nav Section -->
 +
<ul class="right">
 +
<li class="divider hide-for-small"></li>
 +
<li class="has-dropdown"><a href="#">Main Item 4</a>
 +
</li>
 +
<li class="divider"></li>
 +
</ul>
 +
</section>
 +
</nav>
 +
<header>
 +
<div id="header-container">
 +
<div class="row">
 +
<div class="large-12 columns">
 +
<h2><img src="Wellesley_logo.png">Wellesley HCI iGEM 2013</h2>
 +
</div>
 +
</div>
 +
</div>
 +
</header>
 +
<div class="row">
 +
<div class="large-12 columns">
 +
<ul data-orbit>
 +
<li>
 +
<img src="Wellesley_slideshow_iGEM.jpg" />
 +
</li>
 +
<li>
 +
<img src="Wellesley_slideshow_presentation.jpg" />
 +
</li>
 +
</ul>
 +
</div>
 +
</div>
 +
<div class="row">
 +
<div class="large-12 columns">
 +
<div id="main-container">
 +
<div id="text-container">
 +
<h4>Synthetic biology requires a multidisciplinary, collaborative design environment to engineer
 +
the complex biological systems of the future.</h4>
 +
<p>Our team created 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 workflow of the
 +
scientific 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.
 +
</p>
 +
<hr>
 +
</div>
 +
</div>
 +
</div>
 +
</div>
 +
 +
  <script>
 +
  document.write('<script src=' +
 +
  ('__proto__' in {} ? 'whci_zepto' : 'whci_jquery') +
 +
  '.js><\/script>')
 +
  </script>
 +
 
 +
  <script src="whci_foundation.js"></script>
 +
<script src="whci_foundation.abide.js"></script>
 +
<script src="whci_foundation.alerts.js"></script>
 +
<script src="whci_foundation.clearing.js"></script>
 +
<script src="whci_foundation.cookie.js"></script>
 +
<script src="whci_foundation.dropdown.js"></script>
 +
<script src="whci_foundation.forms.js"></script>
 +
<script src="whci_foundation.interchange.js"></script>
 +
<script src="whci_foundation.joyride.js"></script>
 +
<script src="whci_foundation.magellan.js"></script>
 +
<script src="whci_foundation.orbit.js"></script>
 +
<script src="whci_foundation.placeholder.js"></script>
 +
<script src="whci_foundation.reveal.js"></script>
 +
<script src="whci_foundation.section.js"></script>
 +
<script src="whci_foundation.tooltips.js"></script>
 +
<script src="whci_foundation.topbar.js"></script>
 +
  <script>
 +
    $(document).foundation();
 +
  </script>
</body>
</body>
</html>
</html>

Revision as of 00:14, 8 September 2013

Wellesley HCI iGEM Team: Welcome

Wellesley HCI iGEM 2013

Synthetic biology requires a multidisciplinary, collaborative design environment to engineer the complex biological systems of the future.

Our team created 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 workflow of the scientific 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.

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