main.htm
<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>db.11x8.5</title>
<meta name="description" content="Poem by Nari db.11x8.5" />
<meta name="keywords" content="code poetry new media web and net art
ted warnell poem by nari db database dataset 11x8.5 'off the page'" />
<meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
<script type="text/javascript" src="db11x85x.js"></script>
<style type="text/css">
@import url( "db11x85.css" );
a { color: #606060 }
body { color: #606060; background: #FFFFFF }
.fio0 { color: #606060 }
.fio1 { color: #303030 }
.bx0 {}
.fx0 {}
</style>
<script type="text/javascript">
// <![CDATA[
var db_TI = "db.11x8.5";
var db_YY = "2009";
var db_FN = "db11x85";
var db_ID = "warnell.com";
var db_CO = "Canada";
var db_FO = "";
// ]]>
</script>
</head>
<body id="main"
onload="self.status='PbN db.11x8.5'; return false;">
<script type="text/javascript">
// <![CDATA[
db11x85_page_header();
// main **
db11x85_page_footer( "0", "808080" );
// ]]>
</script>
</body>
</html>
db11x85x.js
// ** db11x85x.js
// ** warnell.com/db.11x8.5 ** [ XHTML 1.1 ] **
// ** VARIABLES **
var _v0; // variable temp
var _v1; // variable temp
var _sp = " ";
var _br = "<br />";
var _br1 = " <br />";
var _br2 = " <br />";
var _boo = x_boo();
var _err = null;
var _ALI = new Array(
"text-align: left; vertical-align: top;",
"text-align: right; vertical-align: top;",
"text-align: right; vertical-align: bottom;",
"text-align: left; vertical-align: bottom;",
"text-align: center; vertical-align: top;",
"text-align: center; vertical-align: bottom;",
"text-align: left; vertical-align: middle;",
"text-align: right; vertical-align: middle;",
"text-align: center; vertical-align: middle;" );
var _LT = 0;
var _RT = 1; var _RB = 2; var _LB = 3; var _CT = 4;
var _CB = 5; var _LM = 6; var _RM = 7; var _CM = 8;
var _MO = new Array (
"EFCF00", "EF00CF", "CFEF00", "00EFCF", "CF00EF", "00CFEF" );
var c_SPC = "";
var c_N10 = 10; var c_N20 = 20; var c_N30 = 30;
var c_N11 = 11; var c_N21 = 21; var c_N31 = 31;
var c_N02 = 2; var c_N12 = 12; var c_N22 = 22; var c_N32 = 32;
var c_N03 = 3; var c_N13 = 13; var c_N23 = 23; var c_N48 = 48;
var c_N04 = 4; var c_N14 = 14; var c_N24 = 24; var c_N64 = 64;
var c_N05 = 5; var c_N15 = 15; var c_N25 = 25; var c_N80 = 80;
var c_N06 = 6; var c_N16 = 16; var c_N26 = 26; var c_N96 = 96;
var c_N07 = 7; var c_N17 = 17; var c_N27 = 27; var c_112 = 112;
var c_N08 = 8; var c_N18 = 18; var c_N28 = 28; var c_128 = 128;
var c_N09 = 9; var c_N19 = 19; var c_N29 = 29; // MO' MAGIC !!!
var c_ABC = "abcdefghijklmnopqrstuvwxyz";
var c_ABL = c_ABC.length;
var c_HEX = "0123456789ABCDEF";
var c_HEL = c_HEX.length;
var _doc = document.location.href;
var doc = document;
var funcX;
var funcY;
var _bul = "•"; // UNICODE
var _pla = "‣";
// ** FUNCTIONS **
function x_009() {
return ( x_rnd( c_N09 ) );
}
function x_abc() {
return ( c_ABC.charAt( x_rnd( c_ABL ) ) );
}
function x_boo() {
return ( x_rnd( c_N02 ) );
}
function x_brn( funcX ) {
var f0;
funcX = ( funcX ? funcX : 1 );
for ( f0 = 0; f0 < funcX; f0++ )
doc.write( _br1 );
}
function x_hex() {
return ( c_HEX.charAt( x_rnd( c_HEL ) ) );
}
function x_lin( funcX ) {
var f0;
funcX = ( funcX ? funcX : 1 );
for ( f0 = 0; f0 < funcX; f0++ )
doc.write( _br );
}
function x_mal( funcX ) {
window.open( funcX, "xmailwin", "width=600,height=300" );
}
function x_num() {
return ( x_rnd( c_N10 ) );
}
function x_opa( funcX ) {
return ( "opacity: 0." + funcX + "; "
+ "-moz-opacity: 0." + funcX + "; "
+ "filter: alpha( opacity = " + funcX + " ); " );
}
function x_rnd( funcX ) {
return ( Math.floor( Math.random() * funcX ) );
}
function x_spc( funcX ) {
var f0;
c_SPC = "";
for ( f0 = 0; f0 < funcX; f0++ )
c_SPC += _sp;
return ( c_SPC );
}
// ** PAGE HEADER + BG **
function db11x85_page_header( funcX, funcY ) {
doc.write( "<div"
+ " style='top: 0; height: 80px; text-align: center'>" );
moz_center( 1 );
doc.write( "<table cellspacing='5'"
+ " style='width: 810px; height: 40px; border: 0'><tr>" );
doc.write( "<td class='fio0'"
+ " style='width: 310px; " + _ALI[_LB] + "'>" );
doc.write( "<a class='fio1' href='../index.htm' target='_top'"
+ " onmouseover='self.status=\"warnell.com\"; return true;'"
+ " onmouseout='self.status=\"PbN db.11x8.5\"; return true;'>" );
doc.write( "<strong>warnell.com</strong>" );
doc.write( "</a>" );
doc.write( _sp + "|" + _sp );
doc.write( "<a class='fio1' href='index.htm' target='_top'"
+ " onmouseover='self.status=\"db.11x8.5 index\"; return true;'"
+ " onmouseout='self.status=\"PbN db.11x8.5\"; return true;'>" );
doc.write( "<strong>db.11x8.5</strong>");
doc.write( "</a>" );
doc.write( _br );
doc.write( "</td>" );
doc.write( "<td class='fio0'"
+ " style='width: 500px; " + _ALI[_RB] + "'>" );
doc.write( "<a class='fio1' href='about.htm' target='_top'"
+ " onmouseover='self.status=\"db.11x8.5 about\"; return true;'"
+ " onmouseout='self.status=\"PbN db.11x8.5\"; return true;'>" ) ;
doc.write( "<strong><em>off the page</em></strong>" );
doc.write( "</a>" );
doc.write( _sp + "©" + _sp + db_YY + _sp );
doc.write( "<a class='fio1' href='#'"
+ " onclick='x_mal( \"email.htm\" ); return false;'"
+ " onmouseover='self.status=\"db.11x8.5 email\"; return true;'"
+ " onmouseout='self.status=\"PbN db.11x8.5\"; return true;'>" );
doc.write( "<strong>t.warnell</strong>" );
doc.write( "</a>" );
doc.write( ", Canada" + _br );
doc.write( "</td>" );
doc.write( "</tr></table>" );
doc.write( "<table cellspacing='5'"
+ " style='width: 810px; height: 40px; border: 0'><tr>" );
doc.write( "<td class='fio0'"
+ " style='width: 310px; " + _ALI[_LT] + "'>" );
doc.write( "<strong>" + db_FN + ".htm</strong>" );
doc.write( _br );
doc.write( "</td>" );
doc.write( "<td class='fio0'"
+ " style='width: 500px; " + _ALI[_RT] + "'>" );
doc.write( "<a class='fio1' href='" + db_FN + ".htm'"
+ " onmouseover='self.status=\"" + db_TI + "\"; return true;'"
+ " onmouseout='self.status=\"PbN db.11x8.5\"; return true;'>" );
doc.write( "<strong>" + db_TI + "</strong>" );
doc.write( "</a>" );
if ( db_ID && db_CO )
doc.write( _sp + _sp + db_ID + "," + _sp + db_CO );
doc.write( _br );
doc.write( "</td>" );
doc.write( "</tr></table>" );
moz_center( 0 );
doc.write( "</div>" );
if ( funcX && funcY ) {
doc.write( "<div class='dv0'>" );
moz_center( 1 );
doc.write( "<div class='" + funcX + "'"
+ " style='background: #" + funcY + "'></div>" );
moz_center( 0 );
doc.write( "</div>" );
}
}
// ** PAGE FOOTER **
function db11x85_page_footer( funcX, funcY ) {
doc.write( "<div class='dv0'>" );
moz_center( 1 );
doc.write( "<div class='bx0'"
+ " style='border: " + funcX + "'></div>" );
doc.write( "<p class='fio0'>" );
if ( db_FO ) {
x_brn();
doc.write( db_FO + _br );
}
xhtml_valid( funcY );
doc.write( "</p>" );
moz_center( 0 );
doc.write( "</div>" );
}
// ** AUDIO **
var audFN = "http://www.telusplanet.net/warnell/";
function db11x85_audio( funcX, funcY ) {
doc.write( "<object id='WMP' width='1' height='1'"
+ " type='application/x-oleobject' standby='loading...'"
+ " classid='CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95'"
+ " codebase='http://activex.microsoft.com/activex/controls"
+ "/mplayer/en/nsmp2inf.cab#Version=5,1,52,701'>" );
doc.write( "<param"
+ " name='fileName' value='" + audFN + funcX + "' />" );
doc.write( "<param name='volume' value='true' />" );
doc.write( "<param name='autoStart' value='true' />" );
doc.write( "<param name='showControls' value='false' />" );
doc.write( "<param name='loop' value='" + funcY + "' />" );
doc.write( "<embed src='" + audFN + funcX + "' hidden='true'"
+ " type='audio/x-mpeg' loop='" + funcY + "'></embed>" );
doc.write( "</object>" );
}
// ** MOZ CENTER KLUGE **
function moz_center( funcX ) {
doc.write( ( funcX ? "<" : "</" ) + "center>" );
}
// ** W3C VALIDATION **
function xhtml_valid( funcX ) {
x_brn();
doc.write( "<a"
+ " onmouseover='self.status=\"W3C XHTML 1.1\"; return true;'"
+ " onmouseout='self.status=\"PbN db.11x8.5\"; return true;'"
+ " href='http://validator.w3.org/check?uri=" + _doc + "'"
+ " style='color: #" + funcX + "'>" );
doc.write( "· X H T M L ·" + _br );
doc.write( "</a>" );
x_brn( c_N02 );
}
// ** EOF **
db11x85.css
a {
text-decoration: none }
body {
border: 0;
padding: 0;
margin: 0 auto;
overflow: auto;
color: #000000;
background: transparent }
.dv0, .dv1 {
left: 0;
top: 80px;
width: 100%;
position: absolute;
text-align: center;
vertical-align: top;
visibility: visible;
background: transparent }
.dv1 {
visibility: hidden }
.fio0, .fio1 {
color: #303030;
font-size: 8pt;
font-weight: normal;
line-height: 8pt;
white-space: normal;
background: transparent;
font-family: "arial", sans-serif }
.fio1 {
color: #606060 }
