Team:Stanford-Brown/Templates/Main

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
__NOTOC__<html lang="en">  
+
<html>
-
<!--
+
<head>
-
Please link to our wiki and cite us if you like what you see and would like to use
+
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Stanford-Brown/Templates/css?action=raw&ctype=text/css" />
-
any of the code used on our wiki.
+
 
-
 
+
  <link href='http://fonts.googleapis.com/css?family=Ubuntu+Condensed' rel='stylesheet' type='text/css'>
-
-Stanford-Brown iGEM 2012
+
    
-
 
+
-
-->
+
-
<head>
+
-
 
+
-
<script language="javascript">
+
-
function toggle() {
+
-
var ele = document.getElementById("news");
+
-
var text = document.getElementById("toggleNews");
+
-
if(ele.style.display == "block") {
+
-
    ele.style.display = "none";
+
-
text.innerHTML = "<h3>Show News and Media</h3>";
+
-
  }
+
-
else {
+
-
ele.style.display = "block";
+
-
text.innerHTML = "<h3>Hide News and Media</h3>";
+
-
}
+
-
}
+
-
</script>
+
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.2/jquery-ui.js"></script>
+
-
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
+
-
<script type="text/javascript">
+
-
$(document).ready(function() {
+
-
$("#twitter").getTwitter({
+
-
userName: "Brown_iGEM",
+
-
numTweets: 1,
+
-
loaderText: "Loading tweets...",
+
-
slideIn: true,
+
-
slideDuration: 750,
+
-
showHeading: true,
+
-
headingText: "Latest Tweets",
+
-
showProfileLink: true,
+
-
showTimestamp: true
+
-
});
+
-
});
+
-
</script>
+
-
<script type="text/javascript">
+
-
function ethics(url) {
+
-
popupWindow = window.open(url,'popUpWindow','innerHeight=600,innerWidth=800,left=(screen.availwidth-width)/2,top=(screen.availheight-height)/2,resizable=no,scrollbars=no,toolbar=no,menubar=no,location=no,directories=no,status=no')
+
-
}
+
-
</script>
+
-
<script type="text/javascript">
+
-
(function($) {
+
-
/*
+
-
jquery.twitter.js v1.5
+
-
Last updated: 08 July 2009
+
-
 
+
-
Created by Damien du Toit
+
-
http://coda.co.za/blog/2008/10/26/jquery-plugin-for-twitter
+
-
 
+
-
Licensed under a Creative Commons Attribution-Non-Commercial 3.0 Unported License
+
-
http://creativecommons.org/licenses/by-nc/3.0/
+
-
*/
+
-
 
+
-
$.fn.getTwitter = function(options) {
+
-
 
+
-
$.fn.getTwitter.defaults = {
+
-
userName: null,
+
-
numTweets: 1,
+
-
loaderText: "Loading tweet...",
+
-
slideIn: true,
+
-
slideDuration: 750,
+
-
showHeading: true,
+
-
headingText: "Latest Tweets",
+
-
showProfileLink: true,
+
-
showTimestamp: true
+
-
};
+
-
 
+
-
var o = $.extend({}, $.fn.getTwitter.defaults, options);
+
-
 
+
-
return this.each(function() {
+
-
var c = $(this);
+
-
 
+
-
// hide container element, remove alternative content, and add class
+
-
c.hide().empty().addClass("twitted");
+
-
 
+
-
// add heading to container element
+
-
if (o.showHeading) {
+
-
c.append("<h2>"+o.headingText+"</h2>");
+
-
}
+
-
 
+
-
// add Twitter profile link to container element
+
-
if (o.showProfileLink) {
+
-
var profileLinkHTML = "<p class=\"profileLink\"><a href=\"http://twitter.com/"+o.userName+"\">http://twitter.com/"+o.userName+"</a></p>";
+
-
c.append(profileLinkHTML);
+
-
}
+
-
 
+
-
// add twitter list to container element
+
-
var twitterListHTML = "<ul id=\"twitter_update_list\"><li></li></ul>";
+
-
c.append(twitterListHTML);
+
-
 
+
-
var tl = $("#twitter_update_list");
+
-
 
+
-
// hide twitter list
+
-
tl.hide();
+
-
 
+
-
// add preLoader to container element
+
-
var preLoaderHTML = $("<p class=\"preLoader\">"+o.loaderText+"</p>");
+
-
c.append(preLoaderHTML);
+
-
 
+
-
// show container element
+
-
c.show();
+
-
 
+
-
$.getScript("http://twitter.com/javascripts/blogger.js");
+
-
$.getScript("http://twitter.com/statuses/user_timeline/"+o.userName+".json?callback=twitterCallback2&count="+o.numTweets, function() {
+
-
// remove preLoader from container element
+
-
$(preLoaderHTML).remove();
+
-
 
+
-
// remove timestamp and move to title of list item
+
-
if (!o.showTimestamp) {
+
-
tl.find("li").each(function() {
+
-
var timestampHTML = $(this).children("a");
+
-
var timestamp = timestampHTML.html();
+
-
timestampHTML.remove();
+
-
$(this).attr("title", timestamp);
+
-
});
+
-
}
+
-
 
+
-
// show twitter list
+
-
if (o.slideIn) {
+
-
var tlHeight = tl.data("originalHeight");
+
-
 
+
-
// get the original height
+
-
if (!tlHeight) {
+
-
tlHeight = tl.show().height();
+
-
tl.data("originalHeight", tlHeight);
+
-
tl.hide().css({height: 0});
+
-
}
+
-
 
+
-
tl.show().animate({height: tlHeight}, o.slideDuration);
+
-
}
+
-
else {
+
-
tl.show();
+
-
}
+
-
 
+
-
// add unique class to first list item
+
-
tl.find("li:first").addClass("firstTweet");
+
-
 
+
-
// add unique class to last list item
+
-
tl.find("li:last").addClass("lastTweet");
+
-
});
+
-
});
+
-
};
+
-
})(jQuery);
+
-
</script>
+
-
<script type="text/javascript">
+
-
/*
+
-
* jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
+
-
*
+
-
* Uses the built in easing capabilities added In jQuery 1.1
+
-
* to offer multiple easing options
+
-
*
+
-
* TERMS OF USE - jQuery Easing
+
-
*
+
-
* Open source under the BSD License.
+
-
*
+
-
* Copyright c 2008 George McGinley Smith
+
-
* All rights reserved.
+
-
*
+
-
* Redistribution and use in source and binary forms, with or without modification,
+
-
* are permitted provided that the following conditions are met:
+
-
*
+
-
* Redistributions of source code must retain the above copyright notice, this list of
+
-
* conditions and the following disclaimer.
+
-
* Redistributions in binary form must reproduce the above copyright notice, this list
+
-
* of conditions and the following disclaimer in the documentation and/or other materials
+
-
* provided with the distribution.
+
-
*
+
-
* Neither the name of the author nor the names of contributors may be used to endorse
+
-
* or promote products derived from this software without specific prior written permission.
+
-
*
+
-
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
+
-
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+
-
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+
-
*  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+
-
*  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+
-
*  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
+
-
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+
-
*  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
+
-
* OF THE POSSIBILITY OF SUCH DAMAGE.
+
-
*
+
-
*/
+
-
 
+
-
// t: current time, b: begInnIng value, c: change In value, d: duration
+
-
jQuery.easing['jswing'] = jQuery.easing['swing'];
+
-
 
+
-
jQuery.extend( jQuery.easing,
+
-
{
+
-
def: 'easeOutQuad',
+
-
swing: function (x, t, b, c, d) {
+
-
//alert(jQuery.easing.default);
+
-
return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
+
-
},
+
-
easeInQuad: function (x, t, b, c, d) {
+
-
return c*(t/=d)*t + b;
+
-
},
+
-
easeOutQuad: function (x, t, b, c, d) {
+
-
return -c *(t/=d)*(t-2) + b;
+
-
},
+
-
easeInOutQuad: function (x, t, b, c, d) {
+
-
if ((t/=d/2) < 1) return c/2*t*t + b;
+
-
return -c/2 * ((--t)*(t-2) - 1) + b;
+
-
},
+
-
easeInCubic: function (x, t, b, c, d) {
+
-
return c*(t/=d)*t*t + b;
+
-
},
+
-
easeOutCubic: function (x, t, b, c, d) {
+
-
return c*((t=t/d-1)*t*t + 1) + b;
+
-
},
+
-
easeInOutCubic: function (x, t, b, c, d) {
+
-
if ((t/=d/2) < 1) return c/2*t*t*t + b;
+
-
return c/2*((t-=2)*t*t + 2) + b;
+
-
},
+
-
easeInQuart: function (x, t, b, c, d) {
+
-
return c*(t/=d)*t*t*t + b;
+
-
},
+
-
easeOutQuart: function (x, t, b, c, d) {
+
-
return -c * ((t=t/d-1)*t*t*t - 1) + b;
+
-
},
+
-
easeInOutQuart: function (x, t, b, c, d) {
+
-
if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
+
-
return -c/2 * ((t-=2)*t*t*t - 2) + b;
+
-
},
+
-
easeInQuint: function (x, t, b, c, d) {
+
-
return c*(t/=d)*t*t*t*t + b;
+
-
},
+
-
easeOutQuint: function (x, t, b, c, d) {
+
-
return c*((t=t/d-1)*t*t*t*t + 1) + b;
+
-
},
+
-
easeInOutQuint: function (x, t, b, c, d) {
+
-
if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
+
-
return c/2*((t-=2)*t*t*t*t + 2) + b;
+
-
},
+
-
easeInSine: function (x, t, b, c, d) {
+
-
return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
+
-
},
+
-
easeOutSine: function (x, t, b, c, d) {
+
-
return c * Math.sin(t/d * (Math.PI/2)) + b;
+
-
},
+
-
easeInOutSine: function (x, t, b, c, d) {
+
-
return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
+
-
},
+
-
easeInExpo: function (x, t, b, c, d) {
+
-
return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
+
-
},
+
-
easeOutExpo: function (x, t, b, c, d) {
+
-
return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
+
-
},
+
-
easeInOutExpo: function (x, t, b, c, d) {
+
-
if (t==0) return b;
+
-
if (t==d) return b+c;
+
-
if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
+
-
return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
+
-
},
+
-
easeInCirc: function (x, t, b, c, d) {
+
-
return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
+
-
},
+
-
easeOutCirc: function (x, t, b, c, d) {
+
-
return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
+
-
},
+
-
easeInOutCirc: function (x, t, b, c, d) {
+
-
if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
+
-
return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
+
-
},
+
-
easeInElastic: function (x, t, b, c, d) {
+
-
var s=1.70158;var p=0;var a=c;
+
-
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+
-
if (a < Math.abs(c)) { a=c; var s=p/4; }
+
-
else var s = p/(2*Math.PI) * Math.asin (c/a);
+
-
return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+
-
},
+
-
easeOutElastic: function (x, t, b, c, d) {
+
-
var s=1.70158;var p=0;var a=c;
+
-
if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
+
-
if (a < Math.abs(c)) { a=c; var s=p/4; }
+
-
else var s = p/(2*Math.PI) * Math.asin (c/a);
+
-
return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
+
-
},
+
-
easeInOutElastic: function (x, t, b, c, d) {
+
-
var s=1.70158;var p=0;var a=c;
+
-
if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
+
-
if (a < Math.abs(c)) { a=c; var s=p/4; }
+
-
else var s = p/(2*Math.PI) * Math.asin (c/a);
+
-
if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
+
-
return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
+
-
},
+
-
easeInBack: function (x, t, b, c, d, s) {
+
-
if (s == undefined) s = 1.70158;
+
-
return c*(t/=d)*t*((s+1)*t - s) + b;
+
-
},
+
-
easeOutBack: function (x, t, b, c, d, s) {
+
-
if (s == undefined) s = 1.70158;
+
-
return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
+
-
},
+
-
easeInOutBack: function (x, t, b, c, d, s) {
+
-
if (s == undefined) s = 1.70158;
+
-
if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
+
-
return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
+
-
},
+
-
easeInBounce: function (x, t, b, c, d) {
+
-
return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
+
-
},
+
-
easeOutBounce: function (x, t, b, c, d) {
+
-
if ((t/=d) < (1/2.75)) {
+
-
return c*(7.5625*t*t) + b;
+
-
} else if (t < (2/2.75)) {
+
-
return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
+
-
} else if (t < (2.5/2.75)) {
+
-
return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
+
-
} else {
+
-
return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
+
-
}
+
-
},
+
-
easeInOutBounce: function (x, t, b, c, d) {
+
-
if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
+
-
return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
+
-
}
+
-
});
+
-
 
+
-
/*
+
-
*
+
-
* TERMS OF USE - EASING EQUATIONS
+
-
*
+
-
* Open source under the BSD License.
+
-
*
+
-
* Copyright c 2001 Robert Penner
+
-
* All rights reserved.
+
-
*
+
-
* Redistribution and use in source and binary forms, with or without modification,
+
-
* are permitted provided that the following conditions are met:
+
-
*
+
-
* Redistributions of source code must retain the above copyright notice, this list of
+
-
* conditions and the following disclaimer.
+
-
* Redistributions in binary form must reproduce the above copyright notice, this list
+
-
* of conditions and the following disclaimer in the documentation and/or other materials
+
-
* provided with the distribution.
+
-
*
+
-
* Neither the name of the author nor the names of contributors may be used to endorse
+
-
* or promote products derived from this software without specific prior written permission.
+
-
*
+
-
* THIS SOFTWARE IS PROVIDED BY THE COPYRIGHT HOLDERS AND CONTRIBUTORS "AS IS" AND ANY
+
-
* EXPRESS OR IMPLIED WARRANTIES, INCLUDING, BUT NOT LIMITED TO, THE IMPLIED WARRANTIES OF
+
-
* MERCHANTABILITY AND FITNESS FOR A PARTICULAR PURPOSE ARE DISCLAIMED. IN NO EVENT SHALL THE
+
-
*  COPYRIGHT OWNER OR CONTRIBUTORS BE LIABLE FOR ANY DIRECT, INDIRECT, INCIDENTAL, SPECIAL,
+
-
*  EXEMPLARY, OR CONSEQUENTIAL DAMAGES (INCLUDING, BUT NOT LIMITED TO, PROCUREMENT OF SUBSTITUTE
+
-
*  GOODS OR SERVICES; LOSS OF USE, DATA, OR PROFITS; OR BUSINESS INTERRUPTION) HOWEVER CAUSED
+
-
* AND ON ANY THEORY OF LIABILITY, WHETHER IN CONTRACT, STRICT LIABILITY, OR TORT (INCLUDING
+
-
*  NEGLIGENCE OR OTHERWISE) ARISING IN ANY WAY OUT OF THE USE OF THIS SOFTWARE, EVEN IF ADVISED
+
-
* OF THE POSSIBILITY OF SUCH DAMAGE.
+
-
*
+
-
*/
+
-
</script>
+
-
 
+
-
 
+
-
        <script type="text/javascript">
+
-
            $(function() {
+
-
                $('#sdt_menu > li').bind('mouseenter',function(){
+
-
var $elem = $(this);
+
-
                var $sub_menu = $elem.find('.sdt_box');
+
-
if($sub_menu.length){
+
-
$sub_menu.show().animate({'top':'0px','height':'0px'},0);
+
-
}
+
-
 
+
-
$elem.find('img')
+
-
.stop(true)
+
-
.animate({
+
-
'width':'142px',
+
-
'height':'142px',
+
-
'left':'0px'
+
-
},200,'easeOutBack')
+
-
.andSelf()
+
-
.find('.sdt_wrap')
+
-
    .stop(true)
+
-
.animate({'top':'100px'},300,'easeOutSine')
+
-
.andSelf()
+
-
.find('.sdt_active')
+
-
    .stop(true)
+
-
.animate({'height':'150px','top':'0px'},300,function(){
+
-
var $sub_menu = $elem.find('.sdt_box');
+
-
if($sub_menu.length){
+
-
                            var a = $sub_menu[0].getElementsByTagName('a').length;
+
-
                            var px = a*32+15;
+
-
                            var height = px+'px';
+
-
$sub_menu.show().animate({'top':'150px','height':height},400);
+
-
}
+
-
});
+
-
}).bind('mouseleave',function(){
+
-
var $elem = $(this);
+
-
var $sub_menu = $elem.find('.sdt_box');
+
-
if($sub_menu.length)
+
-
$sub_menu.hide().animate({'top':'0px','height':'0px'},0,function(){
+
-
                        $elem.find('.sdt_active')
+
-
.stop(true)
+
-
.animate({'height':'0px'},300)
+
-
.andSelf().find('img')
+
-
.stop(true)
+
-
.animate({
+
-
'width':'0px',
+
-
'height':'0px',
+
-
'left':'85px'},400)
+
-
.andSelf()
+
-
.find('.sdt_wrap')
+
-
.stop(true)
+
-
.animate({'top':'25px'},500);
+
-
                });
+
-
+
-
});
+
-
            });
+
-
        </script>
+
-
<link href='http://fonts.googleapis.com/css?family=Nobile:regular,bold' rel='stylesheet' type='text/css'>
+
-
 
+
-
<link href='http://fonts.googleapis.com/css?family=Ubuntu:regular,bold&subset=latin' rel='stylesheet' type='text/css'>
+
-
        <style>
+
-
  body {
+
-
    background-color: #DBEFFF;
+
-
    background-image:url('img/space.jpg');
+
-
  }
+
-
  #container {
+
-
    margin-left: auto;
+
-
    margin-right: auto;
+
-
    width: 1000px;
+
-
  }
+
-
  #nav {
+
-
    font-family: "Helvetica Neue";
+
-
    font-size: 16px;
+
-
    font-weight: 600;
+
-
    color: white;
+
-
  width: 100%;
+
-
  float: left;
+
-
  margin: 0 0 3em 0;
+
-
  padding: 0;
+
-
  list-style: none;
+
-
  background-color: #63D1F2;
+
-
  }
+
-
  #nav li {
+
-
  float: left;
+
-
  }
+
-
  #nav li a {
+
-
  display: block;
+
-
  padding: 8px 15px;
+
-
  text-decoration: none;
+
-
    color: white;
+
-
  border-style: none
+
-
  }
+
-
  #nav li a:hover {
+
-
  color: #008ACF;
+
-
  }
+
-
  #border-top {
+
-
    background-color: #aaa;
+
-
    height: 6px;
+
-
    width: 980px;
+
-
    margin-left: 10px;
+
-
  }
+
-
  #border-bottom {
+
-
    background-color: #aaa;
+
-
    height: 6px;
+
-
    width: 980px;
+
-
    margin-left: 10px;
+
-
    padding-top: 35px;
+
-
  }
+
-
  #top-panel {
+
-
    background-color: #fff;
+
-
    height: 220px;
+
-
    margin-left: 30px;
+
-
    margin-right: 30px;
+
-
    border-radius: 5px 5px 0px 0px
+
-
  }
+
-
  #bottom-panel {
+
-
    background-color: #fff;
+
-
    height: 360px;
+
-
    margin-left: 30px;
+
-
    margin-right: 30px;
+
-
    margin-top: 0px;
+
-
    border-radius: 0px 0px 5px 5px
+
-
  }
+
-
  #sa {
+
-
    line-height: 100%;
+
-
    font-family: Sans-Serif;
+
-
    font-size: 36px;
+
-
    font-weight: 300;
+
-
    color: #008ACF;
+
-
    padding-top: 70px;
+
-
    letter-spacing: 1.3px;
+
-
    text-align: right; 
+
-
  }
+
-
  #trans {
+
-
    text-align: right;
+
-
    color: #555;
+
-
    font-weight: 100;
+
-
    letter-spacing: 1.3px;
+
-
  }
+
-
  #abs-title {
+
-
    font-weight: 400;
+
-
    font-size: 30px;
+
-
    font-family: "Helvetica Neue";
+
-
    float: left;
+
-
    margin-left: 40px;
+
-
    color: #888;
+
-
    margin-top: -15px;
+
-
  }
+
-
  #abs-text {
+
-
    margin-top: 10px;
+
-
    font-weight: 300;
+
-
    text-align: left;
+
-
    font-family: "Helvetica Neue";
+
-
    color: #333;
+
-
    font-size: 13px;
+
-
    line-height: 180%;
+
-
    margin-left: 40px;
+
-
   }
+
    
    
-
  #accomps {
 
-
    margin-top: -25px;
 
-
    margin-left: 15px;
 
-
    background-color: #eee;
 
-
  width: 280px;
 
-
  height: 300px;
 
-
  }
 
-
 
-
#footer {
 
-
visibility=hidden;
 
-
}
 
-
</style>
 
-
 
-
<link rel="stylesheet" type="text/css" href="https://2012.igem.org/Team:Stanford-Brown/Templates/css?action=raw&ctype=text/css" />
 
</head>
</head>
-
<body>
+
<body id="space">
<div id="container">
<div id="container">
<div id="top-panel">
<div id="top-panel">
 +
  <table>
 +
    <tr>
 +
    <td>
   <div style="width: 325px;">
   <div style="width: 325px;">
   <div id="sa">
   <div id="sa">
Line 541: Line 21:
   </div>
   </div>
   </div>
   </div>
 +
 +
  </td>
 +
  <td>
 +
  </td>
 +
  </tr>
 +
  </table>
</div>
</div>
    
    
<div id="border-top"></div>   
<div id="border-top"></div>   
<ul id="nav">
<ul id="nav">
-
<li><a href="#" style="margin-left: 55px;">HELL CELL</a></li>
+
<li style="margin-left: 90px;"><a href="#">HOME</a>
-
<li><a href="#">VENUS LIFE</a></li>
+
</li>
-
<li><a href="#">BIOMINING</a></li>
+
<li><a href="#">HELL CELL</a>
-
<li><a href="#">OUTREACH</a></li>
+
<ul>
-
<li><a href="#">SAFETY</a></li>
+
<li><a href="#">Introduction</a></li>
-
<li><a href="#">HUMAN PRACTICES</a></li>
+
<li><a href="#">Radiation</a></li>
-
<li><a href="#">THE TEAM</a></li>
+
<li><a href="#">Cold</a></li>
 +
<li><a href="#">Dessication</a></li>
 +
<li><a href="#">Base</a></li>
 +
<li><a href="#">Biobricks</a></li>
 +
</ul>
 +
</li>
 +
 
 +
<li><a href="#">BIOMINING</a>
 +
<ul>
 +
<li><a href="#">Introduction</a></li>
 +
<li><a href="#">Harvesting</a></li>
 +
<li><a href="#">Biobricks</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">VENUS LIFE</a>
 +
<ul>
 +
<li><a href="#">Introduction</a></li>
 +
<li><a href="#">Venusian Atmosphere</a></li>
 +
<li><a href="#">Biosensing</a></li>
 +
<li><a href="#">Suspension Chamber</a></li>
 +
<li><a href="#">Modeling</a></li>
 +
<li><a href="#">Biobricks</a></li>
 +
</ul>
 +
</li>
 +
 
 +
<li><a href="#">OUTREACH</a>
 +
<ul>
 +
<li><a href="#">Cal Academy of Sciences</a></li>
 +
<li><a href="#">Maker Faire</a></li>
 +
<li><a href="#">Transit of Venus</a></li>
 +
<li><a href="#">Carl Zimmer</a></li>
 +
<li><a href="#">iGEM Memes</a></li>
 +
</ul>
 +
</li>
 +
<li><a href="#">SAFETY</a>
 +
</li>
 +
 
 +
<li><a href="#">HUMAN PRACTICES</a>
 +
<ul>
 +
<li><a href="#">Patent Guide</a></li>
 +
<li><a href="#">Patent Ethics</a></li>
 +
<li><a href="#">Terraform Ethics</a></li>
 +
</ul>
 +
</li>
 +
 
 +
<li><a href="#">ABOUT US</a>
 +
<ul>
 +
<li><a href="#">The Team</a></li>
 +
<li><a href="#">Sponsors</a></li>
 +
<li><a href="#">Contact</a></li>
 +
</ul>
 +
</li>
 +
<!--
 +
<li><a href="http://www.facebook.com/pages/Stanford-Brown-iGEM/166210643442328"><img src="https://static.igem.org/mediawiki/2012/1/1d/Facebook_sb2012.png" height="27px" style="margin-top: 4px; margin-left: 20px; padding-left: -8px;"/></a><a href="http://twitter.com/Brown_iGEM" height="27px">
 +
</li><li><img src="https://static.igem.org/mediawiki/2012/2/26/Twitter_sb2012.png" href="http://twitter.com/Brown_iGEM" height="27px" style="margin-top: 4px; margin-left: 20px;"/></a></li>
 +
--!>
 +
 
</ul>
</ul>
 +
 +
<!--  <div class="l-triangle-top"></div>
 +
  <div class="l-triangle-bottom"></div>--!>
 +
 
<div id="border-bottom"></div>
<div id="border-bottom"></div>
-
<div id="bottom-panel">
+
  <div id="bottom-panel">
-
  <table>
+
    <table>
-
  <tr>
+
      <tr>
-
  <td>
+
        <td>
-
  <div style="width: 600px;">
+
          <div style="width: 580px; margin-top:-50px;">
-
    <span id="abs-title">ABSTRACT</span>
+
            <span id="abs-title">ABSTRACT</span>
-
      <span style="float: left;">
+
            <span style="float: left;">
-
        <p id="abs-text">
+
              <p id="abs-text">
-
    Astrobiology revolves around three central questions: “Where do we come from?”, “Where are we going?”, and “Are we alone?” The Stanford-Brown iGEM team explored synthetic biology’s untapped potential to address these questions. To approach the second question, the Hell Cell subgroup developed BioBricks that allow a cell to survive harsh extraterrestrial conditions. Such a toolset could create a space-ready synthetic organism to perform useful functions off-world. For example, the Biomining branch attempted to engineer bacteria to recycle used electronics by degenerating silica and extracting metal ions in situ. The Venus Life subproject grappled with the third key astrobiological question by exploring Carl Sagan’s theory that life could exist in Venusian clouds. To this end, Venus Life designed a cell-cycle reporter to test for growth in aerosol within an adapted Millikan apparatus. Through this triad of projects, Stanford-Brown iGEM aims to illuminate synthetic biology’s value as a tool for astrobiology.
+
                Astrobiology revolves around three central questions: "Where do we come from?", "Where are we going?", and "Are we alone?"  The Stanford-Brown iGEM team explored synthetic biology's untapped potential to address these questions. To approach the second question, the Hell Cell subgroup developed BioBricks that allow a cell to survive harsh extraterrestrial conditions. Such a toolset could create a space-ready synthetic organism to perform useful functions off-world. For example, the Biomining branch attempted to engineer bacteria to recycle used electronics by degenerating silica and extracting metal ions <i>in situ</i>. The Venus Life subproject grappled with the third key astrobiological question by exploring Carl Sagan's theory that life could exist in Venusian clouds. To this end, Venus Life designed a cell-cycle reporter to test for growth in aerosol within an adapted Millikan apparatus. Through this triad of projects, Stanford-Brown iGEM aims to illuminate synthetic biology's value as a tool for astrobiology.
-
      </p>
+
              </p>
-
  </span>
+
            </span>
-
  </td>
+
          </div>
-
  <td><div id="accomps"></div>
+
        </td>
-
  </td>   
+
        <td>
-
   </tr>   
+
          <div class="accomps">
-
</div>
+
            <div style="margin-top:15px; text-align:center; font-weight: 600; font-size: 18px;">ACCOMPLISHMENTS</div>
-
</div>
+
              <ul>
 +
              </ul>
 +
            </div>
 +
          </div>
 +
        </td>   
 +
      </tr> 
 +
    </table>
 +
   </div> <!-- bottom panel -->
 +
 
 +
  <div id="proj-panel">
 +
    <table style="margin-left: 4px;">
 +
      <tr>
 +
        <td>
 +
          <div class="feature"><img src="https://static.igem.org/mediawiki/2012/5/5a/HellCell.png" width="281"/>
 +
            <p class="brief">Surviving in the harsh conditions of space is not easy for an organism. Extreme temperatures, desiccation, and pressures are only some of the problems an intrepid bacterium might face on its journey.  We hope to equip our organisms with the ability to live and thrive in space, and maybe even Venus!
 +
            </p> 
 +
          </div>
 +
        </td> 
 +
        <td>
 +
          <div class="feature"><img src="https://static.igem.org/mediawiki/2012/d/dc/Venus.png" width="281"/>
 +
            <p class="brief">The surface of Venus is harsh and unforgiving.  However, research suggests that there may be layers of its atmosphere that are more temperate.  We aim to see whether or not it is possible for bacteria to survive and replicate in an aerosolized environment, and then put our Hell Cell to the test!
 +
            </p> 
 +
          </div>
 +
        </td>
 +
        <td>
 +
          <div class="feature"><img src="https://static.igem.org/mediawiki/2012/6/60/Biomining.png" width="281" />
 +
            <p class="brief">If we are to colonize space, we are going to need rare metals for materials. But bringing the heavy duty equipment for traditional mining is not very viable at all! Bacteria and other biological organisms can be used to extract rare metals from sediment. Bacteria could mine asteroids and do all the work for us!
 +
            </p>
 +
          </div>
 +
        </td>
 +
      </tr>
 +
    </table>
 +
  </div>
 +
 
 +
 
 +
  </div>
</body>
</body>
</html>
</html>

Revision as of 00:14, 29 September 2012

THE TRANSIT OF
SYNTHETIC
ASTROBIOLOGY
ABSTRACT

Astrobiology revolves around three central questions: "Where do we come from?", "Where are we going?", and "Are we alone?" The Stanford-Brown iGEM team explored synthetic biology's untapped potential to address these questions. To approach the second question, the Hell Cell subgroup developed BioBricks that allow a cell to survive harsh extraterrestrial conditions. Such a toolset could create a space-ready synthetic organism to perform useful functions off-world. For example, the Biomining branch attempted to engineer bacteria to recycle used electronics by degenerating silica and extracting metal ions in situ. The Venus Life subproject grappled with the third key astrobiological question by exploring Carl Sagan's theory that life could exist in Venusian clouds. To this end, Venus Life designed a cell-cycle reporter to test for growth in aerosol within an adapted Millikan apparatus. Through this triad of projects, Stanford-Brown iGEM aims to illuminate synthetic biology's value as a tool for astrobiology.

ACCOMPLISHMENTS

Surviving in the harsh conditions of space is not easy for an organism. Extreme temperatures, desiccation, and pressures are only some of the problems an intrepid bacterium might face on its journey. We hope to equip our organisms with the ability to live and thrive in space, and maybe even Venus!

The surface of Venus is harsh and unforgiving. However, research suggests that there may be layers of its atmosphere that are more temperate. We aim to see whether or not it is possible for bacteria to survive and replicate in an aerosolized environment, and then put our Hell Cell to the test!

If we are to colonize space, we are going to need rare metals for materials. But bringing the heavy duty equipment for traditional mining is not very viable at all! Bacteria and other biological organisms can be used to extract rare metals from sediment. Bacteria could mine asteroids and do all the work for us!

Retrieved from "http://2012.igem.org/Team:Stanford-Brown/Templates/Main"