Team:Wellesley Desyne

From 2013.igem.org

(Difference between revisions)
 
(16 intermediate revisions not shown)
Line 14: Line 14:
         .banner ul li { float: left; }
         .banner ul li { float: left; }
         .banner ul li img {max-width: 970px;}
         .banner ul li img {max-width: 970px;}
-
.btn1 {position: absolute: top: 50px;}
+
 
</style>
</style>
<body>
<body>
Line 44: Line 44:
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Project_Overview">Overview</a></li>
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/Project_Overview">Overview</a></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/Eugenie">Eugenie</a></li>
-
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/zMol_zTree">zTree</a></li>
+
<li><a href="https://2013.igem.org/Team:Wellesley_Desyne/zTree">zTree</a></li>
<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/BAC">Bac to the Future</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/Downloads_Tutorials">Downloads & Tutorials</a></li>
Line 64: Line 64:
<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 74: 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 83: Line 83:
         <div class="banner">
         <div class="banner">
             <ul>
             <ul>
-
                 <li><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>
-
<a class="btn1" href="#download">
+
-
      Download
+
-
    </a>
+
-
</li>
+
                 <li><img src="https://static.igem.org/mediawiki/2013/e/ee/Wellesley_slideshow_presentation.jpg" /></li>
                 <li><img src="https://static.igem.org/mediawiki/2013/e/ee/Wellesley_slideshow_presentation.jpg" /></li>
 +
                <li><img src="https://static.igem.org/mediawiki/2013/9/9f/Wellesley_slideshow_Eugenie.jpg" /></li>
 +
                <li><img src="https://static.igem.org/mediawiki/2013/e/ee/Wellesley_slideshow_BACv2.jpg" /></li>
 +
                <li><img src="https://static.igem.org/mediawiki/2013/b/be/Wellesley_slideshow_zTree.jpg" /></li>
             </ul>
             </ul>
Line 102: Line 101:
<p>Our team created a collection of software tools which
<p>Our team created a collection of software tools which
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 facilitate 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, testing, 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 114: Line 113:
</div>
</div>
</div>
</div>
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_zepto.js"></script>
+
<script src="http://eastmaninteractive.com/igem/whci_zepto.js"></script>
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.js"></script>
+
<script src="http://eastmaninteractive.com/igem/whci_foundation.js"></script>
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.alerts.js"></script>
+
<script src="http://eastmaninteractive.com/igem/whci_foundation.alerts.js"></script>
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.dropdown.js"></script>
+
<script src="http://eastmaninteractive.com/igem/whci_foundation.dropdown.js"></script>
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.placeholder.js"></script>
+
<script src="http://eastmaninteractive.com/igem/whci_foundation.placeholder.js"></script>
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.tooltips.js"></script>
+
<script src="http://eastmaninteractive.com/igem/whci_foundation.tooltips.js"></script>
-
<script src="http://cs.wellesley.edu/~hcilab/igem2013/whci_foundation.topbar.js"></script>
+
<script src="http://eastmaninteractive.com/igem/whci_foundation.topbar.js"></script>
 +
 
<script>
<script>
$(function() {
$(function() {
$('.banner').unslider({
$('.banner').unslider({
speed: 500,              //  The speed to animate each slide (in milliseconds)
speed: 500,              //  The speed to animate each slide (in milliseconds)
-
delay: 2500,              //  The delay between slide animations (in milliseconds)
+
delay: 3000,              //  The delay between slide animations (in milliseconds)
complete: function() {},  //  A function that gets called after every slide animation
complete: function() {},  //  A function that gets called after every slide animation
keys: true,              //  Enable keyboard (left, right) arrow shortcuts
keys: true,              //  Enable keyboard (left, right) arrow shortcuts
Line 132: Line 132:
});
});
});
});
-
$(document).foundation();
+
  var unslider = $('.banner').unslider();
-
</script>
+
-
<script>
+
-
    var unslider = $('.banner').unslider();
+
      
      
     $('.unslider-arrow').click(function() {
     $('.unslider-arrow').click(function() {
Line 143: Line 140:
         unslider.data('unslider')[fn]();
         unslider.data('unslider')[fn]();
     });
     });
 +
$(document).foundation();
</script>
</script>
 +
</body>
</body>
</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.