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
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?