Team:British Columbia/HP arts

From 2010.igem.org

(Difference between revisions)
Line 55: Line 55:
And what, which we value, is within our reach?<br></br></center>
And what, which we value, is within our reach?<br></br></center>
</div> <!-- end SubWrapper -->
</div> <!-- end SubWrapper -->
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
<div id="news" style="height:700px;">  
<div id="news" style="height:700px;">  
<br></br>
<br></br>
<ul>
<ul>
 +
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></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://www.srcf.ucam.org/~wac26/iGEM/jquery.lavalamp-1.3.4b.js'></script>
 +
<script type='text/javascript' src='http://www.srcf.ucam.org/~wac26/iGEM/jquery.easing.1.3.js'></script>
 +
<link href='http://fonts.googleapis.com/css?family=Nobile:regular,bold' rel='stylesheet' type='text/css'>
 +
 +
<script type="text/javascript">
 +
$(function() {
 +
$('ul.llmenu').lavaLamp({ speed: 300, autoReturn: false , target:'li'});
 +
});
 +
$(function(){
 +
        $('ul#accmenu').accordion({
 +
              header:'.head',
 +
              fillSpace:false,
 +
              autoHeight:false,
 +
              navigation:true,
 +
              animated: 'easeslide'})
 +
});
 +
</script>
 +
<script type="text/javascript" src="/Team:Cambridge/lightbox/js?action=raw"</script>
 +
 +
 +
<style>
 +
/**
 +
* jQuery lightBox plugin
 +
* This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 +
* and adapted to me for use like a plugin from jQuery.
 +
* @name jquery-lightbox-0.5.css
 +
* @author Leandro Vieira Pinho - http://leandrovieira.com
 +
* @version 0.5
 +
* @date April 11, 2008
 +
* @category jQuery plugin
 +
* @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 +
* @license CCAttribution-ShareAlike 2.5 Brazil - http://creativecommons.org/licenses/by-sa/2.5/br/deed.en_US
 +
* @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 +
*/
 +
#jquery-overlay {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
z-index: 90;
 +
width: 100%;
 +
height: 500px;
 +
}
 +
#jquery-lightbox {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
width: 100%;
 +
z-index: 100;
 +
text-align: center;
 +
line-height: 0;
 +
}
 +
#jquery-lightbox a img { border: none; }
 +
#lightbox-container-image-box {
 +
position: relative;
 +
background-color: #fff;
 +
width: 250px;
 +
height: 250px;
 +
margin: 0 auto;
 +
}
 +
#lightbox-container-image { padding: 10px; }
 +
#lightbox-loading {
 +
position: absolute;
 +
top: 40%;
 +
left: 0%;
 +
height: 25%;
 +
width: 100%;
 +
text-align: center;
 +
line-height: 0;
 +
}
 +
#lightbox-nav {
 +
position: absolute;
 +
top: 0;
 +
left: 0;
 +
height: 100%;
 +
width: 100%;
 +
z-index: 10;
 +
}
 +
#lightbox-container-image-box > #lightbox-nav { left: 0; }
 +
#lightbox-nav a { outline: none;}
 +
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
 +
width: 49%;
 +
height: 100%;
 +
zoom: 1;
 +
display: block;
 +
}
 +
#lightbox-nav-btnPrev {
 +
left: 0;
 +
float: left;
 +
}
 +
#lightbox-nav-btnNext {
 +
right: 0;
 +
float: right;
 +
}
 +
#lightbox-container-image-data-box {
 +
font: 10px Verdana, Helvetica, sans-serif;
 +
background-color: #fff;
 +
margin: 0 auto;
 +
line-height: 1.4em;
 +
overflow: auto;
 +
width: 100%;
 +
padding: 0 10px 0;
 +
}
 +
#lightbox-container-image-data {
 +
padding: 0 10px;
 +
color: #666;
 +
}
 +
#lightbox-container-image-data #lightbox-image-details {
 +
width: 70%;
 +
float: left;
 +
text-align: left;
 +
}
 +
#lightbox-image-details-caption { font-weight: bold; }
 +
#lightbox-image-details-currentNumber {
 +
display: block;
 +
clear: left;
 +
padding-bottom: 1.0em;
 +
}
 +
#lightbox-secNav-btnClose {
 +
width: 66px;
 +
float: right;
 +
padding-bottom: 0.7em;
 +
}
 +
 +
</style>
 +
<script>
 +
$(document).ready(function() {
 +
$('a.lightbox').lightBox(); // Select all links with lightbox class
 +
$('a.image').each(function(idx, item) { 
 +
        var src = item.firstChild.src;
 +
src=src.replace(/wiki\/images\/thumb\/(.+)\/(.+)\/(.+)\/(.+)\..../,"wiki/images/$1/$2/$3");
 +
item.href=src;
 +
    });
 +
$('a.image').lightBox();
 +
});
 +
</script>
 +
 +
 +
<link rel="stylesheet" type="text/css" href="http://www.srcf.ucam.org/~wac26/iGEM/css/camgemw.css" />
 +
 +
</head>
 +
<body>
 +
<style>
 +
body{background-image:url('https://static.igem.org/mediawiki/2010/a/a9/Cam-Theoback.png');
 +
background-position:top center;
 +
background-repeat:repeat-y
 +
}
 +
 +
</style>
 +
<div id="wrap">
 +
<div id="header"><img align="center" style="margin-bottom:0px; padding:0;" src="https://static.igem.org/mediawiki/2010/d/d4/CamBillHeaderSq.png" usemap="#headermap"> </div>
 +
<map name="headermap">
 +
              <area shape="rect" coords="10,30,250,240" href="https://2010.igem.org/Team:Cambridge" />
 +
              <area shape="rect" coords="888,177,942,201" href="http://www.flickr.com/people/roberts87/" />
 +
        </map>
 +
<div id="left">
 +
 +
<ul id="accmenu">
 +
<li><a class="head" href="#"> Introduction</a>
 +
<ul class="llmenu llmenublue">
 +
<li><a href="/Team:Cambridge">Home</a></li>
 +
 +
 +
<li><a href="/Team:Cambridge/TheTeam">Meet the Team</a></li>
 +
<li><a href="/Team:Cambridge/Photos">Photo Gallery</a></li>
 +
</ul>
 +
</li>
 +
<li><a class="head" href="#">Project Firefly</a>
 +
<ul class="llmenu llmenugreen">
 +
<li><a href="/Team:Cambridge/Bioluminescence">Introduction</a></li>
 +
<li><a href="/Team:Cambridge/Bioluminescence/Firefly_Luciferases">Luciferases</a></li>
 +
<li><a href="/Team:Cambridge/Bioluminescence/Luciferin_Regeneration">LREs</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><a class="head" href="#">Project Vibrio</a>
 +
<ul class="llmenu llmenured">
 +
<li><a href="/Team:Cambridge/Bioluminescence/Bacterial_Luciferases">Introduction</a></li>
 +
<li><a href="/Team:Cambridge/Bioluminescence/Background">Background</a></li>
 +
</ul>
 +
</li>
 +
<li><a class="head" href="#">Software Tools</a>
 +
<ul class="llmenu llmenured">
 +
<li><a href="/Team:Cambridge/Tools/Gibson">Gibson Assembly</a></li>
 +
<li><a href="/Team:Cambridge/Tools/GenBank">BioBrick → GenBank</a></li>
 +
</ul>
 +
</li>
 +
 +
<li><a class="head" href="/Team:Cambridge/Notebook/Week1">Notebook</a>
 +
<ul class="llmenu llmenuyellow">
 +
<li><a href="/Team:Cambridge/Notebook/Week1">Week 1</a></li>
 +
<li><a href="/Team:Cambridge/Notebook/Week2">Week 2</a></li>
 +
<li><a href="/Team:Cambridge/Notebook/Week3">Week 3</a></li>
 +
<li><a href="/Team:Cambridge/Notebook/Week4">Week 4</a></li>
 +
<li><a href="/Team:Cambridge/Notebook/Week5">Week 5</a></li>
 +
<li><a href="/Team:Cambridge/Notebook/Week6">Week 6</a></li>
 +
<li><a href="/Team:Cambridge/Notebook/Week7">Week 7</a></li>
 +
<li><a href="/Team:Cambridge/Notebook/Week8">Week 8</a></li>
 +
<li><a href="/Team:Cambridge/Notebook/Week9">Week 9</a></li>
 +
<li><a href="/Team:Cambridge/Notebook/Week10">Week 10</a></li>
 +
<li><a href="/Team:Cambridge/Notebook/Week11">Week 11</a></li>
 +
<li><a href="/Team:Cambridge/Notebook/Week12">Week 12</a></li>
 +
</ul>
 +
</li>
 +
<!--
 +
<li><a class="head" href="#">Lab Book</a>
 +
<ul class="llmenu llmenublue">
 +
<li><a href="/Team:Cambridge/LabBook/Week3">Week 3</a></li>
 +
<li><a href="/Team:Cambridge/LabBook/Week4">Week 4</a></li>
 +
<li><a href="/Team:Cambridge/LabBook/Week5">Week 5</a></li>
 +
<li><a href="/Team:Cambridge/LabBook/Week6">Week 6</a></li>
 +
<li><a href="/Team:Cambridge/LabBook/Week7">Week 7</a></li>
 +
<li><a href="/Team:Cambridge/LabBook/Week8">Week 8</a></li>
 +
</ul>
 +
</li>
 +
-->
 +
<li><a class="head" href="#">Logistics</a>
 +
<ul class="llmenu llmenured">
 +
 +
<li><a href="/Team:Cambridge/Logistics">Internal pages</a></li>
 +
<li><a href="/Team:Cambridge/Protocols">Protocols</a> </li>
 +
<li><a href="/Team:Cambridge/Oligos">Oligo planning</a> </li>
 +
<li><a href="/Team:Cambridge/Software_Tools" >Software Tools</a> </li>
 +
</ul>
 +
</li>
 +
 +
<!--
 +
<li><a href="/Team:Cambridge/Parts">Parts submitted</a> </li>-->
 +
<li><a href="/Team:Cambridge/Partners" class="head">Our Partners</a>
 +
<ul class="llmenu llmenublue">
 +
<li><a href="/Team:Cambridge/Partners">Sponsors</a> </li>
 +
 +
 +
</ul> </li>
 +
<li><a class="head" href="#">References</a>
 +
<ul class="llmenu llmenugreen">
 +
<li><a href="/Team:Cambridge/References/ProjectBioluminescence">Main</a></li>
 +
<li><a href="/Team:Cambridge/References/ProjectBioluminescence/Luciferase">Luciferases</a></li>
 +
<li><a href="/Team:Cambridge/References/ProjectBioluminescence/Recovery">Luciferin Recovery</a></li>
 +
<li><a href="/Team:Cambridge/References/ProjectBioluminescence/LightLevel">Light output</a></li>
 +
<li><a href="
 +
/Team:Cambridge/ProjectBioluminescence/Experiments">Experiments</a></li>
 +
<li><a href="
 +
/Team:Cambridge/References/ProjectBioluminescence/Modelling">Modelling</a></li>
 +
</ul>
 +
</li>
 +
</ul>
 +
 +
</p>
 +
</div>
 +
<div id="right">
 +
</ul>
</ul>

Revision as of 21:27, 9 September 2010




2184

Part I

The world is better - synthetically speaking

Mediocre wholes we must dissect

The good, the bad, all ours for the taking

Assembling, dissembling, towards perfection

Rewriting, rewiring, renewing the future



The future is now behind us

Ideals and the imagination chase

After our work, our reality finally

We've changed the world, trumped our fate

What was once plastic, now organic-synthetic



Synthetic slaves, of all species and more

Have striked a utopic, sustainable balance

Humanity's extravagance and frailty, ingenuity

matched oil to oil, grain by grain,

ozone with ozone, an eye for an eye



What is beyond our control? If you consider

And what, which has value, is beyond our reach?



Part II

Are people better - synthetically speaking?

Mediocre selves we leave behind

Parts, interchangeable, nothing lacking

Ever evolving, surpassing perfection?

Rewriting, repairing, repeating the past



Have we put the past behind us?

Did our ideals and our dreams ever catch

Up to the truth of stark reality? But when

Has man left the world unchanged?

Fate. What was once malignant, now more resistant?



Resistance to change, in our ways and lives

Have perpetuated the old sinful balance

Humanity's belligerence and greed, incurability

Showed spill to spill, bomb by bomb,

One hole with more holes, an eye for an eye



What is within our control? If you consider

And what, which we value, is within our reach?