Team:UCSF/Home1

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
{{:Team:Cornell/templates/header}} <!-- paulirish.com/2008/conditional-stylesheets-vs-css-hacks-answer-neither/ -->
+
<html>
-
<!--[if lt IE 7]> <html class="no-js lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
+
 
-
<!--[if IE 7]>   <html class="no-js lt-ie9 lt-ie8" lang="en"> <![endif]-->
+
 
-
<!--[if IE 8]>   <html class="no-js lt-ie9" lang="en"> <![endif]-->
+
 
-
<!--[if gt IE 8]><!-->
+
<!--  
-
<html class="no-js" lang="en">
+
* Markup for jQuery Orbit Plugin 1.2.3
-
<!--<![endif]-->
+
* www.ZURB.com/playground
-
<div class="row main-image">
+
* Copyright 2010, ZURB
-
<div class="twelve columns no-pad" style="margin-bottom:20px;">
+
* Free to use under the MIT license.
-
<div id="homepage-slideshow">
+
* http://www.opensource.org/licenses/mit-license.php
-
<img src="https://static.igem.org/mediawiki/2012/1/19/Cornell1Sliders.jpg" />
+
-->
-
<img src="https://static.igem.org/mediawiki/2012/5/59/CornellSliders2.jpg" />
+
-
<img src="https://static.igem.org/mediawiki/2012/c/c7/Sliders3.jpg" />
+
-
<img src="https://static.igem.org/mediawiki/2012/c/c1/Sliders4.jpg" />
+
-
<img src="https://static.igem.org/mediawiki/2012/f/f6/Sliders5.jpg" />
+
<head>
-
<img src="https://static.igem.org/mediawiki/2012/f/f4/Sliders6.jpg" />
+
<meta charset="utf-8" />
-
<img src="https://static.igem.org/mediawiki/2012/1/10/Sliders7.jpg" />
+
<title>Stanford-Brown iGEM</title>
 +
 +
<!-- Attach our CSS -->
 +
  <!-- <link rel="stylesheet" href="../orbit-1.2.3.css">
 +
  <link rel="stylesheet" href="demo-style.css">
 +
  -->
 +
<!-- Attach necessary JS --><!--
 +
<script type="text/javascript" src="../jquery-1.5.1.min.js"></script>
 +
<script type="text/javascript" src="../jquery.orbit-1.2.3.min.js"></script>
 +
-->
 +
 
 +
<!-- Attach our CSS -->
 +
  <link rel="stylesheet" href="http://www.stanford.edu/~sryoung/cgi-bin/igem/orbit-1.2.3.css">
 +
  <link rel="stylesheet" href="http://www.stanford.edu/~sryoung/cgi-bin/igem/demo/demo-style.css">
 +
 
 +
<!-- Attach necessary JS -->
 +
<script type="text/javascript" src="http://www.stanford.edu/~sryoung/cgi-bin/igem/jquery-1.5.1.min.js"></script>
 +
<script type="text/javascript" src="http://www.stanford.edu/~sryoung/cgi-bin/igem/jquery.orbit-1.2.3.min.js"></script>
 +
 +
 +
<!--[if IE]>
 +
    <style type="text/css">
 +
        .timer { display: none !important; }
 +
        div.caption { background:transparent; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);zoom: 1; }
 +
    </style>
 +
<![endif]-->
 +
 +
<!-- Run the plugin -->
 +
<script type="text/javascript">
 +
$(window).load(function() {
 +
$('#featured').orbit();
 +
});
 +
</script>
 +
 
 +
 
 +
 
 +
<!-- Stuff from Calgary -->
 +
 
 +
<link rel='stylesheet' type='text/css' href="https://2012.igem.org/Team:Calgary/static/basicpageglobal.css?action=raw&ctype=text/css" />
 +
 
 +
<style>
 +
/*======
 +
Desktop Styling
 +
======*/
 +
 +
/***Body styling***/
 +
h1{
 +
font-size: 2.5em;
 +
}
 +
h2{
 +
font-size: 1.8em;
 +
}
 +
 
 +
#box1{
 +
width: 968px;
 +
margin-top: -8px;
 +
background: threedface;
 +
float: left;
 +
padding-bottom: 20px;
 +
margin-bottom: 13px;
 +
}
 +
#box1 h2{
 +
padding: 20px 20px 20px 20px;
 +
}
 +
#box1 p{
 +
padding: 0px 20px 0px 20px;
 +
font-size: 1.1em;
 +
}
 +
 
 +
#FredOscarFlag{
 +
display: block;
 +
float: left;
 +
width: 250px;
 +
height: 274px;
 +
background: url('https://static.igem.org/mediawiki/2012/0/0b/UCalgary2012_FRED_and_OSCAR_Main_Page.png');
 +
background-position: top;
 +
margin: 15px;
 +
}
 +
#FredOscarFlag:hover{
 +
background-position: bottom;
 +
}
 +
 +
 
 +
#box2{
 +
width: 968px;
 +
background: #C68DD8;
 +
float: left;
 +
margin-bottom: 13px;
 +
}
 +
#box2 h2{
 +
padding: 20px 20px 20px 20px;
 +
color: white;
 +
}
 +
#box2 p{
 +
padding: 0px 20px 0px 20px;
 +
font-size: 1.1em;
 +
color: white;
 +
}
 +
#box2 img{
 +
float: left;
 +
margin: 15px;
 +
height: 110px;
 +
}
 +
#box2:hover{
 +
background: #D79EE9;
 +
}
 +
 +
/***positioning of elements in ZE EPIC BOX***/
 +
#epicbox{
 +
margin-top: 4px;
 +
}
 +
 
 +
#boximgcontainer{
 +
float: left;
 +
width: 644px;
 +
height: 655px;
 +
}
 +
#boximgcontainer div{
 +
float: left;
 +
position: relative;
 +
}
 +
#orangebox{
 +
margin-bottom: 4px;
 +
}
 +
#orangebox .imgbox{
 +
width: 644px;
 +
height: 215px;
 +
top: 108px;
 +
// background: #F6A82D;
 +
//background: #33CC33;
 +
background: #555555;
 +
margin-bottom: 4px;
 +
}
 +
.oblank{
 +
width: 644px;
 +
height: 104px;
 +
//background: #FFE485;
 +
//background: #33EE33;
 +
background: #888888;
 +
position: relative;
 +
top: -219px;
 +
}
 +
#orangebox:hover .oblank, .oblank:hover{
 +
display: none;
 +
}
 +
#orangebox .iconcontainer{
 +
position: relative;
 +
display: none;
 +
left: auto;
 +
top: -219px;
 +
}
 +
.iconbox div, .iconbox{
 +
width: 104px;
 +
height: 104px;
 +
margin-right: 4px;
 +
}
 +
a.obox1 div{
 +
background: #BBBBBB;
 +
}
 +
a.obox2 div{
 +
background: #AAAAAA;
 +
}
 +
a.obox3 div{
 +
background: #999999;
 +
}
 +
a.obox4 div{
 +
background: #888888;
 +
}
 +
a.obox5 div{
 +
background: #777777;
 +
}
 +
a.obox6 div{
 +
background: #666666;
 +
margin-right: 0;
 +
}
 +
#orangebox div:hover, #orangebox div.iconbox:hover div{
 +
background: #DDDDDD;
 +
}
 +
#orangebox:hover .iconcontainer{
 +
display: block;
 +
background: transparent;
 +
}
 +
 +
 +
#greenbox .imgbox{
 +
width: 320px;
 +
height: 215px;
 +
//background: #58CD45;
 +
//background: #888888;
 +
//background: #33CC33;
 +
background: #663399;
 +
}
 +
.gblank{
 +
width: 320px;
 +
height: 104px;
 +
//background: #B6FFA3;
 +
//background: #BBBBBB;
 +
//background: #33EE33;
 +
background: #9933FF;
 +
position: relative;
 +
top: 219px;
 +
left: -320px;
 +
}
 +
#greenbox .iconcontainer{
 +
position: relative;
 +
margin-top: 4px;
 +
left: -999em;
 +
z-index: 1;
 +
}
 +
a.gbox1 div{
 +
background: #9933FF;
 +
}
 +
a.gbox2 div{
 +
background: #9900FF;
 +
}
 +
a.gbox3 div{
 +
background: #660099;
 +
}
 +
a.gbox4 div{
 +
background: #663399;
 +
}
 +
#greenbox div:hover, #greenbox div.iconbox:hover div{
 +
//background: #94FF7D;
 +
background: #9933FF;
 +
z-index: 99; /*hovers are not overridden by OSCAR boxes*/
 +
}
 +
#greenbox:hover .gblank, .gblank:hover{
 +
display: none;
 +
}
 +
#greenbox:hover .iconcontainer{
 +
left: auto;
 +
background: transparent;
 +
}
 +
 +
#bluebox{
 +
position: relative;
 +
top: -323px;
 +
left: 320px;
 +
}
 +
#bluebox .imgbox{
 +
width: 320px;
 +
height: 215px;
 +
//background: #5BB5E8;
 +
background: #660000;
 +
margin-left: 4px;
 +
}
 +
.bblank{
 +
width: 320px;
 +
height: 104px;
 +
//background: #C5F0F0;
 +
background: #996666;
 +
position: relative;
 +
top: 219px;
 +
left: -320px;
 +
z-index: 0;
 +
}
 +
#bluebox .iconcontainer{
 +
position: relative;
 +
margin-top: 4px;
 +
left: -999em;
 +
z-index: 0;
 +
}
 +
a.bbox1 div{
 +
background: #993333;
 +
}
 +
a.bbox2 div{
 +
background: #993300;
 +
}
 +
a.bbox3 div{
 +
background: #990033;
 +
}
 +
a.bbox4 div{
 +
background: #990000;
 +
}
 +
a.bbox5 div{
 +
background: #990066;
 +
}
 +
a.bbox6 div{
 +
background: #993366;
 +
margin: 0;
 +
}
 +
#bluebox div:hover, #bluebox .iconbox:hover div{
 +
//background: #7DD7FF;
 +
background: #993333;
 +
z-index: 99; /*hovers are not overridden by FRED boxes*/
 +
}
 +
#bluebox:hover .bblank, .bblank:hover{
 +
display: none;
 +
}
 +
#bluebox:hover .iconcontainer{
 +
left: -212px;
 +
background: transparent;
 +
}
 +
 +
#boxinfo{
 +
float: right;
 +
position: relative;
 +
width: 320px;
 +
left: 3px;
 +
// background: #555555;
 +
background: #33CC33;
 +
height: 650px;
 +
margin-bottom: 12px;
 +
}
 +
#boxinfo h2{
 +
color: white;
 +
padding: 20px 20px 0px;
 +
}
 +
#boxinfo p{
 +
color: white;
 +
padding: 10px 20px 20px;
 +
font-size: 1.2em;
 +
}
 +
/*initial boxinfo appearance settings*/
 +
#boxinfo div.orangebox, #boxinfo div.obox1, #boxinfo div.obox2, #boxinfo div.obox3, #boxinfo div.obox4, #boxinfo div.obox5, #boxinfo div.obox6{
 +
display: none;
 +
}
 +
#boxinfo div.greenbox, #boxinfo div.gbox1, #boxinfo div.gbox2, #boxinfo div.gbox3, #boxinfo div.gbox4,
 +
#boxinfo div.bluebox, #boxinfo div.bbox1, #boxinfo div.bbox2, #boxinfo div.bbox3, #boxinfo div.bbox4, #boxinfo div.bbox5{
 +
position: relative;
 +
padding-top: 320px;
 +
display: none;
 +
}
 +
/*bold colours for FRED and OSCAR*/
 +
#boxinfo div.greenbox b{
 +
color: #72E85B;
 +
}
 +
#boxinfo div.bluebox b{
 +
color: #5EB7F0;
 +
}
 +
.threeboxes{
 +
clear: both;
 +
position: relative;
 +
width: 968px;
 +
margin-bottom: 12px;
 +
}
 +
.threeboxes a, .threeboxes a div{
 +
width: 320px;
 +
height: 155px;
 +
float: left;
 +
margin-bottom: 12px;
 +
}
 +
.threeboxes div h2{
 +
padding: 20px 20px 0px;
 +
position: relative;
 +
top: -155px;
 +
}
 +
.threeboxes div p{
 +
padding: 0px 20px;
 +
position: relative;
 +
top: -155px;
 +
}
 +
#greybox1, #greybox6{
 +
margin-right: 4px;
 +
//background: #58CD45;
 +
                        background: #3399FF;
 +
}
 +
#greybox1:hover, #greybox6:hover{
 +
background: #94FF7D;
 +
}
 +
#greybox2, #greybox5{
 +
margin-right: 4px;
 +
background: #5BB5E8;
 +
                     
 +
}
 +
#greybox2:hover, #greybox5:hover{
 +
background: #7DD7FF;
 +
}
 +
#greybox3, #greybox4{
 +
margin: 0;
 +
//background: #F6A82D;
 +
                        background: #00CCFF;
 +
}
 +
#greybox3:hover, #greybox4:hover{
 +
background: #FFE44F;
 +
}
 +
 
 +
#greybox4 {
 +
background: #CCFFFF;
 +
}
 +
#greybox5 {
 +
background: #CCFFFF;
 +
}
 +
#greybox6 {
 +
background: #CCFFFF;
 +
}
 +
#greybox1:hover, #greybox2:hover, #greybox3:hover {
 +
background: #00CC00;
 +
}
 +
 
 +
 
 +
 
 +
 
 +
#greybox4:hover, #greybox5:hover, #greybox6:hover {
 +
background: #66FFFF;
 +
}
 +
 
 +
#greybox1 {
 +
background: #CCFF99;
 +
}
 +
#greybox2 {
 +
background: #CCFF99;
 +
}
 +
#greybox3 {
 +
background: #CCFF99;
 +
}
 +
 +
#sponsorsbox{
 +
clear: both;
 +
position: relative;
 +
width: 968px;
 +
margin: 4px 0px;
 +
background: #EEEEEE;
 +
}
 +
#sponsorsbox h2{
 +
padding: 20px 20px 0px 20px;
 +
}
 +
#sponsorsbox p{
 +
padding: 0px 20px;
 +
}
 +
#sponsorsbox table{
 +
width: 950px;
 +
margin-left: auto;
 +
margin-right: auto;
 +
background: #EEEEEE;
 +
}
 +
#sponsorsbox td{
 +
padding: 15px 0px;
 +
width: 300px;
 +
}
 +
#sponsorsbox img{
 +
display: block;
 +
margin-right: auto;
 +
margin-left: auto;
 +
}
 +
 
 +
</style>
 +
 
 +
<script>
 +
jQuery(document).ready(function($){
 +
 
 +
//eliminate jsnotice
 +
$('#jsnotice').hide();
 +
 
 +
 +
/*epic box info functionality*/
 +
//small icons
 +
$('#boximgcontainer .iconbox').hover(
 +
function(){
 +
var className = $(this).attr('class').split(" ");
 +
var box = className[0];
 +
clearinfo();
 +
$('#boxinfo div.' + box).show();
 +
},
 +
function(){
 +
clearinfo();
 +
$('#boxinfo_default').show();
 +
});
 +
//large icons
 +
$('.imgbox').hover(
 +
function(){
 +
var id = $(this).parent().parent().attr('id');
 +
clearinfo();
 +
$('#boxinfo div.' + id).show();
 +
},
 +
function(){
 +
clearinfo();
 +
$('#boxinfo_default').show();
 +
});
 +
 +
/*epic box FRED/OSCAR blank box disappearance*/
 +
$('#bluebox').hover(
 +
function(){
 +
$('.gblank').hide();
 +
$('.bblank').hide();
 +
},
 +
function(){
 +
$('.gblank').show();
 +
$('.bblank').show();
 +
});
 +
 +
$('#greenbox').hover(
 +
function(){
 +
$('.gblank').hide();
 +
$('.bblank').hide();
 +
},
 +
function(){
 +
$('.gblank').show();
 +
$('.bblank').show();
 +
});
 +
 +
});
 +
 
 +
function clearinfo(){
 +
$('#boxinfo div').hide();
 +
}
 +
</script>
 +
 
 +
<!-- End stuff from Calgary -->
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 
 +
 +
</head>
 +
<body>
 +
 
 +
<h1>Stanford-Brown iGEM </h1>
 +
 +
<!-- =======================================
 +
 
 +
THE ACTUAL ORBIT SLIDER CONTENT
 +
 
 +
======================================= -->
 +
<div id="featured">
 +
<div class="content" style="">
 +
<h1>Orbit does content now.</h1>
 +
<h3>Highlight me...I'm text.</h3>
</div>
</div>
 +
<a href=""><img src="http://www.stanford.edu/~sryoung/cgi-bin/igem/demo/dummy-images/overflow.jpg" /></a>
 +
<img src="http://www.stanford.edu/~sryoung/cgi-bin/igem/demo/dummy-images/captions.jpg" data-caption="#htmlCaption" />
 +
<img src="http://www.stanford.edu/~sryoung/cgi-bin/igem/demo/dummy-images/features.jpg"  />
</div>
</div>
-
</div>
+
<!-- Captions for Orbit -->
 +
<span class="orbit-caption" id="htmlCaption"><strong>I'm A Badass Caption:</strong> I can haz <a href="#">links</a>, <em>style</em> or anything that is valid markup :)</span>
 +
 +
-
<div class="row">
 
-
<div class="twelve columns">
 
-
<div class="row">
 
-
<div class="six columns homepage-section tl">
 
-
<div class="row">
 
-
<div class="five columns homepage-thumb">
 
-
<a href="https://2012.igem.org/Team:Cornell/project"><img src="https://static.igem.org/mediawiki/2012/1/13/Cornell_Dan_SQ.jpg"></a>
 
-
</div>
 
-
<div class="seven columns homepage-force">
 
-
<div class="row">
 
-
<div class="twelve columns">
 
-
<a href="https://2012.igem.org/Team:Cornell/project"><h3 style="margin:0px auto 0px;">Project</h3></a>
 
-
</div>
 
-
</div>
 
-
<div class="row">
 
-
<div class="twelve columns">
 
-
Discover our novel approach to environmental biosensing, where synthetic biology intersects with microbial electrochemical systems.
 
-
</div>
 
-
</div>
 
-
<div class="row">
 
-
<div class="twelve columns controls" >
 
-
<a href="https://2012.igem.org/Team:Cornell/project" class="small button radius">More Info</a>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
</div>
 
-
<div class="six columns homepage-section tr">
 
-
<div class="row">
 
-
<div class="five columns homepage-thumb">
 
-
<a href="https://2012.igem.org/Team:Cornell/notebook"><img src="https://static.igem.org/mediawiki/2012/9/9f/Cornell_notebook_square.jpg"></a>
 
-
</div>
 
-
<div class="seven columns homepage-force">
 
-
<div class="row">
 
-
<div class="twelve columns">
 
-
<a href="https://2012.igem.org/Team:Cornell/notebook"><h3 style="margin:0px auto 0px;">Notebook</h3></a>
 
-
</div>
 
-
</div>
 
-
<div class="row">
 
-
<div class="twelve columns">
 
-
See how our wetlab and drylab subteams operated on a day-to-day basis in order to accomplish our goals of constructing a field-deployable biosensor with direct electric output.
 
-
</div>
+
-
</div>
+
<!-- <div class="container"> -->
-
<div class="row">
+
<!-- <h4>ZURB's Orbit Slider</h4>
-
<div class="twelve columns controls" >
+
<a href="http://www.zurb.com/playground/orbit-jquery-image-slider">View Docs + Playground for Orbit</a> -->
-
<a href="https://2012.igem.org/Team:Cornell/notebook" class="small button radius corner">More Info</a>
+
 
-
</div>
+
<br />
-
</div>
+
<br />
-
</div>
+
 
 +
<div class="threeboxes">
 +
<a id="greybox4" href="http://www.youtube.com/watch?v=KHhswxo6xow" style="margin-right:4px;">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2012/0/02/UCalgary2012_ThreeBoxMusic.png-"></img>
 +
<h2>Project #1</h2>
 +
<p>Description</p>
 +
</div>
 +
</a>
 +
<a id="greybox5" href="https://2012.igem.org/Team:Calgary/Project/Synergy-">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2012/2/20/UCalgary2012_ThreeBoxSynergy.png-"></img>
 +
<h2>Project #2</h2>
 +
<p>Description</p>
 +
</div>
 +
</a>
 +
<a id="greybox6" href="http://www.youtube.com/watch?v=vluDpf4ao6c" style="margin:0;">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2012/b/b1/UCalgary2012_ThreeBoxFilm.png-"></img>
 +
<h2>Project #3</h2>
 +
<p>Description</p>
 +
</div>
 +
</a>
 +
 +
</div>
 +
 
 +
<div class="threeboxes">
 +
<a id="greybox1" href="https://2012.igem.org/Team:Calgary/Team">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2012/b/b8/UCalgary2012_ThreeBoxTeam.png-"></img>
 +
<h2>Team</h2>
 +
<p>Who are we?</p>
 +
</div>
 +
</a>
 +
<a id="greybox2" href="https://2012.igem.org/Team:Calgary/Project/DataPage">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2012/9/92/UCalgary2012_ThreeBoxData.png-"></img>
 +
<h2>Data Page</h2>
 +
<p>Click here to see a summary of all our data collected so far!</p>
 +
</div>
 +
</a>
 +
<a id="greybox3" href="https://2012.igem.org/Team:Calgary/Notebook">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2012/1/1b/UCalgary2012_ThreeBoxNotebook.png-"></img>
 +
<h2>Notebook</h2>
 +
<p>Here is a record of our summer's work. We also want to thank everybody who helped us along the way!</p>
 +
</div>
 +
</a>
 +
</div>
 +
 
 +
 
 +
 
 +
 
 +
 
 +
<div id="epicbox">
 +
<div id="boximgcontainer">
 +
<div id="orangebox">
 +
<a href="https://2012.igem.org/Team:Calgary/Project/HumanPractices">
 +
<div class="imgbox">
 +
<img src="https://static.igem.org/mediawiki/2012/9/9e/UCalgary2012_EpicBoxHP_-_Blank.png-"></img>
 +
</div>
 +
 +
<div class="oblank">
 +
</div>
 +
 +
<div class="iconcontainer">
 +
<a class="obox1 iconbox" href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Collaborations">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2012/1/1b/UCalgary2012_IconHP8.png-"></img>
</div>
</div>
 +
</a>
 +
<a class="obox2 iconbox" href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Interviews">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2012/d/d6/UCalgary2012_IconHP3.png-"></img>
 +
</div>
 +
</a>
 +
<a class="obox3 iconbox" href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Design">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2012/1/1c/UCalgary2012_IconHP4.png-"></img>
 +
</div>
 +
</a>
 +
<a class="obox4 iconbox" href="https://2012.igem.org/Team:Calgary/Project/HumanPractices/Killswitch">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2012/6/65/UCalgary2012_IconHP2.png-"></img>
 +
</div>
 +
</a>
 +
<a class="obox5 iconbox" href="https://2012.igem.org/Team:Calgary/Safety">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2012/c/c9/UCalgary2012_IconHP5.png-"></img>
 +
</div>
 +
</a>
 +
<a class="obox6 iconbox" href="https://2012.igem.org/Team:Calgary/Outreach">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2012/0/0e/UCalgary2012_IconHP6.png-"></img>
 +
</div>
 +
</a>
</div>
</div>
-
</div>
 
-
<div class="row">
 
-
<div class="six columns homepage-section bl">
 
-
<div class="row">
 
-
<div class="five columns homepage-thumb">
 
-
<a href="https://2012.igem.org/Team:Cornell/team"><img src="https://static.igem.org/mediawiki/2012/5/50/Team_square.jpg"></a>
 
-
</div>
 
-
<div class="seven columns homepage-force">
 
-
<div class="row">
 
-
<div class="twelve columns">
 
-
<a href="https://2012.igem.org/Team:Cornell/team"><h3 style="margin:0px auto 0px;">Team</h3></a>
 
-
</div>
 
-
</div>
 
-
<div class="row">
 
-
<div class="twelve columns">
 
-
Meet our dedicated team of undergraduates who conceived of, planned, and carried out all the biological, mechanical and electrical engineering to complete our device.
 
-
</div>
+
-
</div>
+
</a>
-
<div class="row">
+
</div>
-
<div class="twelve columns controls" >
+
-
<a href="https://2012.igem.org/Team:Cornell/team" class="small button radius corner">More Info</a>
+
<div id="greenbox">
-
</div>
+
<a href="https://2012.igem.org/Team:Calgary/Project/FRED">
-
</div>
+
<div class="imgbox">
-
</div>
+
<img src="https://static.igem.org/mediawiki/2012/4/47/UCalgary2012_EpicBoxFRED_-_Blank.png-"></img>
 +
</div>
 +
 +
<div class="gblank">
 +
</div>
 +
 +
<div class="iconcontainer">
 +
<a class="gbox1 iconbox" href="https://2012.igem.org/Team:Calgary/Project/FRED/Detecting">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2012/0/0a/UCalgary2012_IconFRED1.png-"></img>
</div>
</div>
 +
</a>
 +
<a class="gbox2 iconbox" href="https://2012.igem.org/Team:Calgary/Project/FRED/Reporting">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2012/8/8d/UCalgary2012_IconFRED2.png-"></img>
 +
</div>
 +
</a>
 +
<a class="gbox3 iconbox" href="https://2012.igem.org/Team:Calgary/Project/FRED/Modelling">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2012/c/c0/UCalgary2012_IconFRED3.png-"></img>
 +
</div>
 +
</a>
 +
<a class="gbox4 iconbox" href="https://2012.igem.org/Team:Calgary/Project/FRED/Prototype">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2012/a/a7/UCalgary2012_IconFRED4.png-"></img>
 +
</div>
 +
</a>
 +
</div>
 +
</a>
 +
</div>
 +
 +
<div id="bluebox">
 +
<a href="https://2012.igem.org/Team:Calgary/Project/OSCAR">
 +
<div class="imgbox">
 +
<img src="https://static.igem.org/mediawiki/2012/9/94/UCalgary2012_EpicBoxOSCAR_-_Blank.png-"></img>
 +
</div>
 +
 +
<div class="bblank">
</div>
</div>
-
<div class="six columns homepage-section br">
+
-
<div class="row">
+
<div class="iconcontainer">
-
<div class="five columns homepage-thumb">
+
<a class="bbox1 iconbox" href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Decarboxylation">
-
<a href="https://2012.igem.org/Team:Cornell/outreach"><img src="https://static.igem.org/mediawiki/igem.org/3/3b/Swati_square.jpg"></a>
+
<div>
-
</div>
+
<img src="https://static.igem.org/mediawiki/2012/f/f1/UCalgary2012_IconOSCAR1.png-"></img>
-
<div class="seven columns homepage-force">
+
-
<div class="row">
+
-
<div class="twelve columns">
+
-
<a href="https://2012.igem.org/Team:Cornell/outreach"><h3 style="margin:0px auto 0px;">Outreach</h3></a>
+
-
</div>
+
-
</div>
+
-
<div class="row">
+
-
<div class="twelve columns">
+
-
Examine our efforts to reach out to our local community &#8212; involving presentations to other scientists, discussions with fellow students and interaction with educators and young children.
+
-
</div>
+
-
</div>
+
-
<div class="row">
+
-
<div class="twelve columns controls" >
+
-
<a href="https://2012.igem.org/Team:Cornell/outreach" class="small button radius corner">More Info</a>
+
-
</div>
+
-
</div>
+
-
</div>
+
</div>
</div>
 +
</a>
 +
<a class="bbox2 iconbox" href="https://2012.igem.org/Team:Calgary/Project/OSCAR/CatecholDegradation">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2012/0/0c/UCalgary2012_IconOSCAR4.png-"></img>
 +
</div>
 +
</a>
 +
<a class="bbox3 iconbox" href="https://2012.igem.org/Team:Calgary/Project/OSCAR/FluxAnalysis">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2012/4/40/UCalgary2012_IconOSCAR6.png-"></img>
 +
</div>
 +
</a>
 +
<a class="bbox4 iconbox" href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Bioreactor">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2012/3/3e/UCalgary2012_IconOSCAR5.png-"></img>
 +
</div>
 +
</a>
 +
<a class="bbox5 iconbox" href="https://2012.igem.org/Team:Calgary/Project/OSCAR/Upgrading">
 +
<div>
 +
<img src="https://static.igem.org/mediawiki/2012/4/44/UCalgary2012_IconOSCAR7.png-"></img>
 +
</div>
 +
</a>
</div>
</div>
-
</div>
+
</a>
</div>
</div>
</div>
</div>
-
<div class="row">
+
<div id="boxinfo">
-
<div class="twelve columns sponsors-wrapper">
+
<div id="boxinfo_default">
-
<ul class="">
+
<h2>The Concept</h2>
-
<li>
+
<p>The concept</p>
-
<a href="https://2012.igem.org/Team:Cornell/team/sponsors#osli"><img src="https://static.igem.org/mediawiki/2012/8/8d/OSLI_Logo.png"></a>
+
</div>
-
</li>
+
<div class="orangebox">
-
<li>
+
<h2>Human Practices</h2>
-
<a href="https://2012.igem.org/Team:Cornell/team/sponsors#corning"><img src="https://static.igem.org/mediawiki/2012/1/1b/Corning_Logo_2.png"></a>
+
<p>Human Practices</p>
-
</li>
+
</div>
-
<li>
+
<div class="obox1">
-
<a href="https://2012.igem.org/Team:Cornell/team/sponsors#gen"><img src="https://static.igem.org/mediawiki/2012/4/41/Geneious_Logo_2.png"></a>
+
<h2>Initiative</h2>
-
</li>
+
<p>Initiative</p>
-
<li>
+
</div>
-
<a href="https://2012.igem.org/Team:Cornell/team/sponsors#cornell"><img src="https://static.igem.org/mediawiki/2012/7/7d/CornellLogo-e1326206914334.png"></a>
+
<div class="obox2">
-
</li>
+
<h2>Interviews</h2>
-
</ul>
+
<p>Interviews</p>
 +
</div>
 +
<div class="obox3">
 +
<h2>Design Considerations</h2>
 +
<p>Design Considerations</p>
 +
</div>
 +
<div class="obox4">
 +
<h2>Killswitch</h2>
 +
<p>Kill Switch</p>
 +
</div>
 +
<div class="obox5">
 +
<h2>Safety</h2>
 +
<p>Safety</p>
 +
</div>
 +
<div class="obox6">
 +
<h2>Community Outreach</h2>
 +
<p>Community Outreach</p>
 +
</div>
 +
<div class="greenbox">
 +
<h2>Project #1</h2>
 +
<p>Project #1</p>
 +
</div>
 +
<div class="gbox1">
 +
<h2>Detecting</h2>
 +
<p>Project #1 Detection</p>
 +
</div>
 +
<div class="gbox2">
 +
<h2>Reporting</h2>
 +
<p>Project #1 Reporting</p>
 +
</div>
 +
<div class="gbox3">
 +
<h2>Modelling</h2>
 +
<p>Modelling for Project #1</p>
 +
</div>
 +
<div class="gbox4">
 +
<h2>Prototyping</h2>
 +
<p>Prototyping for Project #1</p>
 +
</div>
 +
<div class="bluebox">
 +
<h2>Project #2</h2>
 +
<p>Project #2</p>
 +
</div>
 +
<div class="bbox1">
 +
<h2>Decarboxylation</h2>
 +
<p>Project #2</p>
 +
</div>
 +
<div class="bbox2">
 +
<h2>Catechol Degradation</h2>
 +
<p>Project #2</p>
 +
</div>
 +
<div class="bbox3">
 +
<h2>Flux-Variability Analysis</h2>
 +
<p>Project #2</p>
 +
</div>
 +
<div class="bbox4">
 +
<h2>Bioreactor</h2>
 +
<p>Project #2</p>
 +
</div>
 +
<div class="bbox5">
 +
<h2>Upgrading</h2>
 +
<p>Project #2</p>
</div>
</div>
</div>
</div>
 +
</div>
-
<script src="https://2012.igem.org/Team:Cornell/javascripts/foundation.min?action=raw&amp;ctype=text/javascript"></script>
+
 
-
<script src="https://2012.igem.org/Team:Cornell/javascripts/app?action=raw&amp;ctype=text/javascript"></script>
+
 
-
<script type="text/javascript">
+
 
-
$(window).load(function() {
+
-
$('#homepage-slideshow').orbit({
+
<!-- </div> -->
-
animation : 'horizontal-push', // fade, horizontal-slide, vertical-slide, horizontal-push
+
-
animationSpeed : 800, // how fast animtions are
+
-
timer : true, // true or false to have the timer
+
-
resetTimerOnClick : false, // true resets the timer instead of pausing slideshow progress
+
-
advanceSpeed : 8000, // if timer is enabled, time between transitions
+
-
pauseOnHover : false, // if you hover pauses the slider
+
-
startClockOnMouseOut : false, // if clock should start on MouseOut
+
-
startClockOnMouseOutAfter : 1000, // how long after MouseOut should the timer start again
+
-
directionalNav : true, // manual advancing directional navs
+
-
captions : false, // do you want captions?
+
-
captionAnimation : 'fade', // fade, slideOpen, none
+
-
captionAnimationSpeed : 400, // if so how quickly should they animate in
+
-
bullets : true, // true or false to activate the bullet navigation
+
-
bulletThumbs : false, // thumbnails for the bullets
+
-
bulletThumbLocation : '', // location from this file where thumbs will be
+
-
afterSlideChange : function() {
+
-
}, // empty function
+
-
fluid : true // or set a aspect ratio for content slides (ex: '4x3')
+
-
});
+
-
$('li.pg-home').addClass('active');
+
-
});
+
-
</script>
+
</body>
</body>
</html>
</html>

Revision as of 18:17, 7 August 2013

Stanford-Brown iGEM

Stanford-Brown iGEM

I'm A Badass Caption: I can haz links, style or anything that is valid markup :)

Project #1

Description

Project #2

Description

Project #3

Description

Team

Who are we?

Data Page

Click here to see a summary of all our data collected so far!

Notebook

Here is a record of our summer's work. We also want to thank everybody who helped us along the way!

The Concept

The concept

Human Practices

Human Practices

Initiative

Initiative

Interviews

Interviews

Design Considerations

Design Considerations

Killswitch

Kill Switch

Safety

Safety

Community Outreach

Community Outreach

Project #1

Project #1

Detecting

Project #1 Detection

Reporting

Project #1 Reporting

Modelling

Modelling for Project #1

Prototyping

Prototyping for Project #1

Project #2

Project #2

Decarboxylation

Project #2

Catechol Degradation

Project #2

Flux-Variability Analysis

Project #2

Bioreactor

Project #2

Upgrading

Project #2

Retrieved from "http://2013.igem.org/Team:UCSF/Home1"