Team:Wellesley Desyne

From 2013.igem.org

(Difference between revisions)
 
(123 intermediate revisions not shown)
Line 1: Line 1:
 +
{{Team:Wellesley_Desyne/css/wp_app.css}}
<html>
<html>
<head>
<head>
Line 5: Line 6:
<meta charset="utf-8">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<meta name="viewport" content="width=device-width">
-
 
+
<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
 +
<script src="//code.jquery.com/jquery-latest.min.js"></script>
 +
<script src="//unslider.com/unslider.min.js"></script>
<style type="text/css">
<style type="text/css">
-
 
+
.banner { position: relative; overflow: auto; }
-
/* Hiding predefined html elements */
+
    .banner li { list-style: none; }
-
/***********************************/
+
        .banner ul li { float: left; }
-
#contentSub, #search-controls, #catlinks, #p-logo, .firstHeading {
+
        .banner ul li img {max-width: 970px;}
-
display:none;
+
-
padding:0px;
+
-
margin:0px;
+
-
}
+
-
#bodyContent {border:none;}
+
-
#content {width: 100%; padding:0px; border-left: 0px; border-right: 0px;}
+
-
#globalWrapper {width: 100%; font-size: 100%; position: static;}
+
-
#top-section {width: 100%; height:10px; border:none;}
+
-
#p-logo {display:none;}
+
-
#search-controls {display:none;}
+
-
#menubar a {color:#000000; background-color:transparent;}
+
-
#menubar a:hover{text-decoration:none; color:#0090FF; background-color:transparent;}
+
-
.left-menu a:hover{background-color:transparent; margin:5px 0px 0px 0px; padding:0; background: transparent;}
+
-
.left-menu li a:hover{background-color:transparent; margin:0; padding:0; background: transparent;}
+
-
.right-menu ul li a {background-color:transparent; background: transparent;}
+
-
.printfooter {display:none; background-color:transparent;}
+
-
a:hover {text-decoration: none;}
+
-
#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;}
+
-
h1, h2, h3, h4, h5, h6 {
+
-
font-size: 100%;
+
-
padding-top: 0;
+
-
padding-bottom: 0;
+
-
border-bottom: 0px;
+
-
}
+
-
 
+
-
html {margin: 0;}
+
-
ul {
+
-
list-style-type: none;
+
-
list-style-image: none;
+
-
}
+
</style>
</style>
-
 
-
<link rel="stylesheet" href="http://cs.wellesley.edu/~hcilab/igem2013/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="http://cs.wellesley.edu/~hcilab/igem2013/whci_jquery.js"></script>
 
-
 
<body>
<body>
-
<nav class="top-bar">
+
<nav class="top-bar" style="padding-top: 0px; margin-top: 0px;">
<ul class="title-area">
<ul class="title-area">
<!-- Title Area -->
<!-- Title Area -->
Line 68: Line 32:
<li class="has-dropdown"><a href="#">TEAM</a>
<li class="has-dropdown"><a href="#">TEAM</a>
<ul class="dropdown">
<ul class="dropdown">
-
<li><a href="#">Team Members</a></li>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Team">Team Members</a></li>
-
<li><a href="#">Notebook</a></li>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Notebook">Notebook</a></li>
-
<li><a href="#">Acknowledgement</a></li>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Acknowledgement">Acknowledgement</a></li>
-
<li><a href="#">Tips and Tricks</a></li>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Tips_Tricks">Tips and Tricks</a></li>
-
<li><a href="#">Fun</a></li>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Social">Fun</a></li>
</ul>
</ul>
</li>
</li>
Line 78: Line 42:
<li class="has-dropdown"><a href="#">PROJECT</a>
<li class="has-dropdown"><a href="#">PROJECT</a>
<ul class="dropdown">
<ul class="dropdown">
-
<li><a href="#">Overview</a></li>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Project_Overview">Overview</a></li>
-
<li><a href="#">Eugenie</a></li>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Eugenie">Eugenie</a></li>
-
<li><a href="#">zTree & zMol</a></li>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/zTree">zTree</a></li>
-
<li><a href="#">Bac to the Future</a></li>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/BAC">Bac to the Future</a></li>
-
<li><a href="#">Downloads & Tutorials</a></li>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Downloads_Tutorials">Downloads & Tutorials</a></li>
</ul>
</ul>
</li>
</li>
Line 88: Line 52:
<li class="has-dropdown"><a href="#">HUMAN PRACTICES</a>
<li class="has-dropdown"><a href="#">HUMAN PRACTICES</a>
<ul class="dropdown">
<ul class="dropdown">
-
<li><a href="#">User Research</a></li>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Human_Practices">User Research</a></li>
-
<li><a href="#">Methodology</a></li>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Methodology">Methodology</a></li>
-
<li><a href="#">Safety</a></li>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Safety">Safety</a></li>
-
<li><a href="#">Outreach</a></li>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Outreach">Outreach</a></li>
</ul>
</ul>
</li>
</li>
<li class="divider"></li>
<li class="divider"></li>
-
<li><a href="#">MEDAL FULFILLMENT</a></li>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Gold">MEDAL FULFILLMENT</a></li>
</ul>
</ul>
<!-- Right Nav Section -->
<!-- Right Nav Section -->
<ul class="right">
<ul class="right">
<li class="divider hide-for-small"></li>
<li class="divider hide-for-small"></li>
-
<li class="has-dropdown"><a href="#">Main Item 4</a>
+
<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>
<li class="divider"></li>
<li class="divider"></li>
Line 110: Line 74:
<div class="row">
<div class="row">
<div class="large-12 columns">
<div class="large-12 columns">
-
<h2><img src="https://static.igem.org/mediawiki/2013/0/03/Wellesley_logo.png">Wellesley HCI iGEM 2013</h2>
+
<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>
</div>
Line 117: Line 81:
<div class="row">
<div class="row">
<div class="large-12 columns">
<div class="large-12 columns">
-
<ul data-orbit>
+
        <div class="banner">
-
<li>
+
            <ul>
-
<img src="https://static.igem.org/mediawiki/2013/d/d7/Wellesley_slideshow_iGEM.jpg" />
+
                <li><img src="https://static.igem.org/mediawiki/2013/d/d7/Wellesley_slideshow_iGEM.jpg" /></li>
-
</li>
+
                <li><img src="https://static.igem.org/mediawiki/2013/e/ee/Wellesley_slideshow_presentation.jpg" /></li>
-
<li>
+
                <li><img src="https://static.igem.org/mediawiki/2013/9/9f/Wellesley_slideshow_Eugenie.jpg" /></li>
-
<img src="https://static.igem.org/mediawiki/2013/e/ee/Wellesley_slideshow_presentation.jpg" />
+
                <li><img src="https://static.igem.org/mediawiki/2013/e/ee/Wellesley_slideshow_BACv2.jpg" /></li>
-
</li>
+
                <li><img src="https://static.igem.org/mediawiki/2013/b/be/Wellesley_slideshow_zTree.jpg" /></li>
-
</ul>
+
            </ul>
 +
 
 +
        </div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="row">
<div class="large-12 columns">
<div class="large-12 columns">
-
<div id="main-container">
+
<div class="main-container">
<div id="text-container">
<div id="text-container">
<h4>Synthetic biology requires a multidisciplinary, collaborative design environment to engineer
<h4>Synthetic biology requires a multidisciplinary, collaborative design environment to engineer
Line 136: Line 102:
address specific technical synthetic biology challenges while simultaneously advancing the way in
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
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,
+
scientific process by supporting various steps: research, brainstorming, building, testing, troubleshooting,
iteration, and analysis. The combination of human computer interaction, bio-design automation, and
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
experimental design makes our effort unique in the iGEM experience and closes the loop on the
Line 142: Line 108:
</p>
</p>
<hr>
<hr>
 +
                                <img src="https://static.igem.org/mediawiki/2013/6/62/Whci_sponsor_logos.png">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
 +
<script src="http://eastmaninteractive.com/igem/whci_zepto.js"></script>
 +
<script src="http://eastmaninteractive.com/igem/whci_foundation.js"></script>
 +
<script src="http://eastmaninteractive.com/igem/whci_foundation.alerts.js"></script>
 +
<script src="http://eastmaninteractive.com/igem/whci_foundation.dropdown.js"></script>
 +
<script src="http://eastmaninteractive.com/igem/whci_foundation.placeholder.js"></script>
 +
<script src="http://eastmaninteractive.com/igem/whci_foundation.tooltips.js"></script>
 +
<script src="http://eastmaninteractive.com/igem/whci_foundation.topbar.js"></script>
-
 
+
<script>
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.js"></script>
+
$(function() {
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.abide.js"></script>
+
$('.banner').unslider({
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.alerts.js"></script>
+
speed: 500,              // The speed to animate each slide (in milliseconds)
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.clearing.js"></script>
+
delay: 3000,              // The delay between slide animations (in milliseconds)
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.cookie.js"></script>
+
complete: function() {},  // A function that gets called after every slide animation
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.dropdown.js"></script>
+
keys: true,              // Enable keyboard (left, right) arrow shortcuts
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.forms.js"></script>
+
dots: true,              // Display dot navigation
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.interchange.js"></script>
+
fluid: false              // Support responsive design. May break non-responsive designs
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.joyride.js"></script>
+
});
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.magellan.js"></script>
+
});
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.orbit.js"></script>
+
  var unslider = $('.banner').unslider();
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.placeholder.js"></script>
+
   
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.reveal.js"></script>
+
    $('.unslider-arrow').click(function() {
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.section.js"></script>
+
        var fn = this.className.split(' ')[1];
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.tooltips.js"></script>
+
       
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.topbar.js"></script>
+
        // Either do unslider.data('unslider').next() or .prev() depending on the className
-
  <script>
+
        unslider.data('unslider')[fn]();
-
    $(document).foundation();
+
    });
-
  </script>
+
$(document).foundation();
 +
</script>
</body>
</body>
-
</html>
 
</html>
</html>

Latest revision as of 15:25, 27 September 2013

Wellesley HCI iGEM Team: Welcome

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 various steps: research, brainstorming, building, testing, 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"