Team:Stanford-Brown/Templates/Main

From 2012.igem.org

(Difference between revisions)
 
(44 intermediate revisions not shown)
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>
+
-
span.reference{
+
-
position:fixed;
+
-
left:10px;
+
-
bottom:10px;
+
-
font-size:12px;
+
-
}
+
-
span.reference a{
+
-
color:#aaa;
+
-
text-transform:uppercase;
+
-
text-decoration:none;
+
-
text-shadow:1px 1px 1px #000;
+
-
margin-right:30px;
+
-
}
+
-
span.reference a:hover{
+
-
color:#ddd;
+
-
}
+
-
ul.sdt_menu{
+
-
margin-top:150px;
+
-
}
+
-
 
+
-
  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;
 
-
  }
 
-
</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">
-
  <div style="width: 325px;">
 
-
  <div id="sa">
 
-
  <span id="trans">THE TRANSIT OF</span><br>
 
-
  <span style="margin-left: 86px;">SYNTHETIC<span><br>
 
-
  ASTROBIOLOGY
 
   </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: 80px;"><a href="https://2012.igem.org/Team:Stanford-Brown">HOME</a>
-
<li><a href="#">VENUS LIFE</a></li>
+
</li>
-
<li><a href="#">BIOMINING</a></li>
+
<li><a href="/Team:Stanford-Brown/HellCell/Introduction">HELL CELL</a></li>
-
<li><a href="#">OUTREACH</a></li>
+
<li><a href="/Team:Stanford-Brown/VenusLife/Introduction">VENUS LIFE</a></li>
-
<li><a href="#">SAFETY</a></li>
+
<li><a href="/Team:Stanford-Brown/Biomining/Introduction">BIOMINING</a></li>
-
<li><a href="#">HUMAN PRACTICES</a></li>
+
<li><a href="/Team:Stanford-Brown/Outreach/Introduction">OUTREACH</a></li>
-
<li><a href="#">THE TEAM</a></li>
+
<li><a href="/Team:Stanford-Brown/HumanPractices/Safety">SAFETY</a></li>
 +
<li><a href="/Team:Stanford-Brown/HumanPractices/Introduction">HUMAN PRACTICES</a></li>
 +
<li><a href="/Team:Stanford-Brown/AboutUs/Team">ABOUT US</a></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 id="border-bottom"></div>
 
-
<div id="bottom-panel">
 
-
  <table>
 
-
  <tr>
 
-
  <td>
 
-
  <div style="width: 600px;">
 
-
    <span id="abs-title">ABSTRACT</span>
 
-
      <span style="float: left;">
 
-
        <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.
 
-
      </p>
 
-
  </span>
 
-
  </td>
 
-
  <td><div id="accomps"></div>
 
-
  </td> 
 
-
  </tr> 
 
-
</div>
 
-
</div>
+
<!--  <div class="l-triangle-top"></div>
 +
  <div class="l-triangle-bottom"></div>--!>
 +
 
 +
<div class="bottom-panel">

Latest revision as of 08:54, 3 October 2012

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