Team:British Columbia/HP arts

From 2010.igem.org

(Difference between revisions)
Line 2: Line 2:
{{Template_HD_4}}
{{Template_HD_4}}
 +
<html><body id="team" onload="setPageSize()">
<html><body id="team" onload="setPageSize()">
 +
<style type="text/css">
 +
#SubWrapper {height: 500px;}
 +
#news {height: 500px;}
 +
#HDgal {position:relative; width:relative; }
 +
 +
#HDgal a.p1, #HDgal a.p2, #HDgal a.p3, #HDgal a.p4, #HDgal a.p5, #HDgal a.p6, #HDgal a.p7, #HDgal a.p8, #HDgal a.p9
 +
{position:absolute; display:block; width:50px; height:50px; background-color:#949e7c; color:#fff; text-decoration:none;}
 +
 +
#HDgal a.p1 {top:100px; left:15px; background-image: url("");}
 +
#HDgal a.p2 {top:100px; left:70px; background-image: url("");}
 +
#HDgal a.p3 {top:100px; left:125px; background-image: url("");}
 +
#HDgal a.p4 {top:155px; left:15px; background-image: url("");}
 +
#HDgal a.p5 {top:155px; left:70px; background-image: url("");}
 +
#HDgal a.p6 {top:155px; left:125px; background-image: url("");}
 +
#HDgal a.p7 {top:210px; left:15px; background-image: url("");}
 +
#HDgal a.p8 {top:210px; left:70px; background-image: url("");}
 +
#HDgal a.p9 {top:210px; left:125px; background-image: url("");}
 +
 +
 +
#HDgal a.p1:hover, #HDgal a.p2:hover, #HDgal a.p3:hover, #HDgal a.p4:hover, #HDgal a.p5:hover, #HDgal a.p6:hover, #HDgal a.p7:hover, #HDgal a.p8:hover, #HDgal a.p9:hover {text-decoration:none; background-color:#d4d8bd; color:#000;}
 +
 +
#HDgal a img {display:block; position:absolute; width:1px; height:1px; border:0px; top:0px; left:0px;}
 +
 +
#HDgal a.p1:hover img {display:block; position:absolute; top:-100px; left:235px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p2:hover img {display:block; position:absolute; top:-100px; left:180px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p3:hover img {display:block; position:absolute; top:-100px; left:125px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p4:hover img {display:block; position:absolute; top:-155px; left:235px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p5:hover img {display:block; position:absolute; top:-155px; left:180px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p6:hover img {display:block; position:absolute; top:-155px; left:125px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p7:hover img {display:block; position:absolute; top:-210px; left:235px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p8:hover img {display:block; position:absolute; top:-210px; left:180px; width:340px; height: auto; border:0px;}
 +
#HDgal a.p9:hover img {display:block; position:absolute; top:-210px; left:125px; width:340px; height: auto; border:0px;}
 +
#mainimage {position:absolute; left:250px; top:0px; width:340px; border:0px;}
 +
 +
 +
</style>
<div id="super_main_wrapper">
<div id="super_main_wrapper">
<div id="SubWrapper">   
<div id="SubWrapper">   
-
<center><b>2184</b><br></br>
+
<h3></h3>
 +
<div id="HDgal">
-
Part I
+
<img id="mainimage" src="" />
-
<br></br>
+
-
The world is better - synthetically speaking<br></br>
+
-
Mediocre wholes we must dissect<br></br>
+
-
The good, the bad, all ours for the taking<br></br>
+
-
Assembling, dissembling, towards perfection<br></br>
+
-
Rewriting, rewiring, renewing the future<br></br>
+
-
<br></br>
+
-
The future is now behind us<br></br>
+
-
Ideals and the imagination chase<br></br>
+
-
After our work, our reality finally<br></br>
+
-
We've changed the world, trumped our fate<br></br>
+
-
What was once plastic, now organic-synthetic<br></br>
+
-
<br></br>
+
-
Synthetic slaves, of all species and more<br></br>
+
-
Have striked a utopic, sustainable balance<br></br>
+
-
Humanity's extravagance and frailty, ingenuity<br></br>
+
-
matched oil to oil, grain by grain,<br></br>
+
-
ozone with ozone, an eye for an eye<br></br>
+
-
<br></br>
+
-
What is beyond our control? If you consider<br></br>
+
-
And what, which has value, is beyond our reach?<br></br>
+
-
<br></br>
+
-
Part II<br></br>
+
-
Are people better - synthetically speaking?<br></br>
+
<a class="p1" href="#nogo">&nbsp;1<img src=""/></a>
-
Mediocre selves we leave behind<br></br>
+
<a class="p2" href="#nogo">&nbsp;2<img src=""/></a>
-
Parts, interchangeable, nothing lacking<br></br>
+
<a class="p3" href="#nogo">&nbsp;3<img src=""/></a>
-
Ever evolving, surpassing perfection?<br></br>
+
<a class="p4" href="#nogo">&nbsp;4<img src=""/></a>
-
Rewriting, repairing, repeating the past<br></br>
+
<a class="p5" href="#nogo">&nbsp;5<img src=""/></a>
-
<br></br>
+
<a class="p6" href="#nogo">&nbsp;6<img src=""/></a>
-
Have we put the past behind us?<br></br>
+
<a class="p7" href="#nogo">&nbsp;7<img src=""/></a>
-
Did our ideals and our dreams ever catch<br></br>
+
<a class="p8" href="#nogo">&nbsp;8<img src=""/></a>
-
Up to the truth of stark reality? But when<br></br>
+
<a class="p9" href="#nogo">&nbsp;9<img src=""/></a>
-
Has man left the world unchanged?<br></br>
+
</div>
-
Fate. What was once malignant, now more resistant?<br></br>
+
-
<br></br>
+
-
Resistance to change, in our ways and lives<br></br>
+
-
Have perpetuated the old sinful balance<br></br>
+
-
Humanity's belligerence and greed, incurability<br></br>
+
-
Showed spill to spill, bomb by bomb,<br></br>
+
-
One hole with more holes, an eye for an eye<br></br>
+
-
<br></br>
+
-
What is within our control? If you consider<br></br>
+
-
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:500px;"> <ul>
-
<ul>
+
<h3>Poetry and Painting</h3></ul>
-
<h3>Anthology</h3>
+
</div>  <!-- end news -->
-
<p><a href="https://2010.igem.org/Team:British_Columbia/HP_arts">2184</a></p>
+
-
<h3>Gallery</h3>
+
-
<p><a href="https://2010.igem.org/Team:British_Columbia/HP_pan">Pandora</a></p>
+
-
<p><a href="https://2010.igem.org/Team:British_Columbia/HP_paint">Paint Brush</a></p>
+
-
<p><a href="https://2010.igem.org/Team:British_Columbia/HP_scape">SynScape</a></p>
+
-
</ul>
+
-
</div>  
+
-
  <!-- end news -->
+
</div> <!-- end Super_main_wrapper -->
</div> <!-- end Super_main_wrapper -->
<script type="text/javascript">
<script type="text/javascript">

Revision as of 00:19, 10 September 2010


    Poetry and Painting

Retrieved from "http://2010.igem.org/Team:British_Columbia/HP_arts"