Wednesday, January 18, 2012

Crucifixus Vitruvius


[ CRUCIFIXUS VITRUVIUS - DETAIL ]
PBFUNGUS.BLOGSPOT.COM/?1

 
 

[ THE CAMBRIDGE SINGERS - CRUCIFIXUS (LOTTI) ]
 
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="windows-1252">
    <title>Crucifixus Vitruvius</title>
    <meta name="description" content="Poem by Nari db.11x8.5" />
    <meta name="keywords" content="code poetry new media web net art
      ted warnell poem by nari database dataset 'off the page' HTML5
      2012 windows-1252 leonardo da vinci antonio lotti" />
    <script src='db11x85x.js'></script>
    <style type='text/css'>
      @import url( 'db11x85.css' );
      a {     color: #20202C }
      body {  color: #20202C; background: #90909C }
      .fio0 { color: #20202C }
      .fio1 { color: #00000C }
      .bx0 {
        width: 850px;
        height: 1100px;
        overflow: hidden }
      .fx0, .fx1, .fx2 {
        color: #FC2C00;
        font-size: 777px;
        font-weight: 100;
        line-height: .7em;
        text-align: center;
        letter-spacing: 0;
        padding: 7px 0 0;
        white-space: normal;
        background: transparent;
        font-family: 'times new roman', serif }
      .fx1, .fx2 {
        font-size: 64px;
        line-height: .6em;
        white-space: pre;
        font-family: 'courier new', monospace }
      .fx2 {
        color: #00000C;
        padding: 26px 0 0 }
    </style>
    <script>
      // <![CDATA[
      var a, b, c;
      var c_TIM = 1;
      var v_TIM = null;
      function xdiv0() {
        try { xdiv1() } catch( _err ) { xdiv0() }
      }
      function xdiv1() {
        clearTimeout( v_TIM );
          var x = "_V" + x_rnd( c_N07 );
          doc.getElementById( x ).innerHTML = x_abc();
        v_TIM = setTimeout( "xdiv0()", c_TIM );
      }
      function x_clr( _v0 ) {
        var x = 777;
        var y = 1777;
        return ( x_opa( c_N77 ) + "color: "
          + ( _v0 ? "#00000C; " : "#FFFFFF; " )
          + "font-size: " + ( x + x_rnd( y ) ) + "px" );
      }
      var db_TI = "Crucifixus Vitruvius";
      var db_YY = "2012";
      var db_FN = "crcfxs_v";
      var db_ID = "Leonardo da Vinci; Antonio Lotti";
      var db_CO = "Italy";
      var db_FO = "[ Crucifixus - The Cambridge Singers ]" + _br;
      // ]]>
    </script>
  </head>
  <body id="main"
    onload="v_TIM = setTimeout( 'xdiv0()', c_TIM );"
    onunload="clearInterval( v_TIM );">
    <script>
      // <![CDATA[
      db11x85_page_header();
      doc.write( "<div class='dv0'>" );
        moz_center( 1 );
        doc.write( "<div class='fx0' "
          + "style='" + x_opa( c_N77 ) + "'>" );
          doc.write( _bul );
        doc.write( "</div>" );
        moz_center( 0 );
      doc.write( "</div>" );
      for ( a = 0; a < c_N07; a++ ) {
        if ( !a ) {
          doc.write( "<div class='dv0'>" );
            moz_center( 1 );
            doc.write( "<div class='bx0'>" );
              doc.write( "<div class='fx2' "
                + "style='" + x_opa( c_N44 ) + "'>" );
                x_brn( c_N06 );
                for ( b = 0; b < c_N16; b++ ) {
                  for ( c = 0; c < ( !b ? c_N04 
                    : ( b < c_N04 ? c_N14 : c_N04 ) ); c++ )
                    doc.write( !a
                      ? _bul : ( x_rnd( c_N05 ) ? _sp : _bul ) );
                  x_lin();
                }
              doc.write( "</div>" );
            doc.write( "</div>" );
            moz_center( 0 );
          doc.write( "</div>" );
        }
        doc.write( "<div class='dv0'>" );
          moz_center( 1 );
          doc.write( "<div class='bx0'>" );
            doc.write( "<div class='fx0' id='_V" + a + "' "
              + "style='" + x_clr( a % c_N02 ) + "'></div>" );
          doc.write( "</div>" );
          moz_center( 0 );
        doc.write( "</div>" );
        doc.write( "<div class='dv0'>" );
          moz_center( 1 );
          doc.write( "<div class='bx0'>" );
            doc.write( "<div class='fx1' "
              + "style='" + x_opa( a ? c_N66 : c_N44 ) + "'>" );
              x_brn( c_N07 );
              for ( b = 0; b < c_N15; b++ ) {
                for ( c = 0; c < ( b < c_N04 ? c_N13 : c_N05 ); c++ )
                  doc.write( !a
                    ? _bul : ( x_rnd( c_N05 ) ? _sp : _bul ) );
                x_lin();
              }
            doc.write( "</div>" );
          doc.write( "</div>" );
          moz_center( 0 );
        doc.write( "</div>" );
      }
      for ( a = 0; a < c_N02; a++ ) {
        doc.write( "<div class='dv0'>" );
          moz_center( 1 );
          if ( !a )
            doc.write( "<img src='crcfxs_v.gif' />" );
          else {
            doc.write( "<div style='width: 641px; "
              + "margin: 0; padding: 0; overflow: hidden'>" );
              doc.write( "<iframe "
                + "frameborder='0' width='758' height='25' "
                + "src='http://www.youtube.com/embed/OZ9dXLmRlpo' "
                + "style='margin: 950px 0 0; padding: 0'></iframe>" );
            doc.write( "</div>" );
          }
          moz_center( 0 );
        doc.write( "</div>" );
      }
      db11x85_page_footer5( "0", "30303C" );
      // ]]>
    </script>
  </body>
</html>
 
Crucifixus Vitruvius
[ warnell.com/db11x85/crcfxs_v.htm ]
 
xSA5xFF3xO11xCH9xIE8
W3C HTML5
 

8 Comments:

Blogger Lexcen said...

Animation certainly makes this a viewer experience. Can't find the right words to express this thought.

2:37 AM  
Blogger /t. said...

lexcen,

contrasts: black & white,
active background & still subject,
frenetic motion and uber-calm sonics of lotti's beautiful 'crucifixus'

at warnell.com, on an i5 computer with 64-bit browser, animation is ultra-fast and becomes almost a shimmering white light

at codepo(), this dynamic javascript is served from a google/blogger server to this post -- javascripts are not permitted in blogger posts(!)

you are a brave man to comment here, lexcen -- i think that many might view this simple work as a religious blasphemy (it's not) -- thanks

/t.

8:11 AM  
Blogger Mo said...

Very da'Vinci really

3:49 AM  
Blogger /t. said...

mo,

of course!

leo had it goin' on :)

× × ×

/t.

8:17 AM  
Blogger Nathalie said...

I think I liked the non-animated version better. I find the constantly flashing version very tiring to the eye (I'm spending too much time on computers anyway). I'll pass on that one.

1:12 AM  
Blogger /t. said...

nathalie,

i tend to agree
and prefer still images --
it is necessary, too, from time to time,
to explore what more can be done with this 'new media' -- sometimes results are good, sometimes not -- it is only by trying that we find out what works and what doesn't -- but yes, still images are my preference, too

× × ×

/t.

8:28 AM  
Blogger Pink said...

oooooh....I likey! I definately like the moving bits - way cool

xox
pinks

3:14 PM  
Blogger /t. said...

pinks,

i almost don't want
to see you -- you visit so rarely -- but then i relent and absolve you of all sins in the name of vitruvius...

uh oh ;)

× × ×

/t.

7:21 PM  

Post a Comment

<< Home