Saturday, December 17, 2011

Jays at Christmas


jaysxmas
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset="windows-1252">
    <title>Jays at Christmas</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' 100
      HTML5 2011 windows-1252" />
    <script src="db11x85x.js"></script>
    <style type="text/css">
      @import url( "db11x85.css" );
      a {     color: #606066 }
      body {  color: #606066; background: #FFFFFF }
      .fio0 { color: #606066 }
      .fio1 { color: #303036 }
      .bx0, .bx1 {
        overflow: hidden }
      .bx1 {
        position: absolute }
      .fx0 {
        color: #FFFFFF;
        font-size: 144px;
        font-weight: 900;
        line-height: .60em;
        text-align: center;
        letter-spacing: 0;
        padding: 0;
        white-space: normal;
        background: transparent;
        font-family: "arial", sans-serif }
    </style>
    <script>
      // <![CDATA[
      var a;
      var m_ORI = _horz; // magnets
      var m_DIV = c_N10; //
      var m_OFF = c_N50; // 864
      var m_PAD = 0;     // 864
      var m_txW = c_N15; //
      var m_txH = c_N15; //
          m_352 = c_N50; // override
          m_202 = c_N50; // override
      function x_jay() {
        var x; 
        var _tx = "";
        var _hi = 288, _wi = 864 + x_rnd( c_N96 );
        var _c = doc.getElementById( "cnvs" ).getContext( "2d" );
        for ( x = 0; x < ( x_boo() + 1 ); x++ )
          _tx += x_abc();
        _c.font = ( x_rnd( c_256 << c_N02 )
          + ( c_256 << c_N03 ) ) + "px 'times new roman', serif";
        _c.lineWidth = ( x_rnd( c_N07 ) + 1 );
        _c.strokeStyle = "#00000C";
        for ( x = 0; x < ( x_rnd( c_N16 ) + 1 ); x++ )
          _c.strokeText( _tx,
            -x_rnd( c_N48 ), x_rnd( c_256 ) + _hi, _wi );
        _c.rotate( Math.PI * Math.random() / x_rnd( c_N45 ) );
      }
      function x_clr() {
        return ( "color: #0C0C" + ( x_009() ? "00; " : "9C; " ) );
      }
      var db_TI = "Jays at Christmas";
      var db_YY = "2011";
      var db_FN = "jaysxmas";
      var db_ID = "warnell.com";
      var db_CO = "Canada";
      var db_FO = db_TI + " for codepo() visitors, Dec 2011" + _br;
      // ]]>
    </script>
  </head>
  <body id="main">
    <script>
      // <![CDATA[
      db11x85_page_header();
      db11x85_magnets( "bx0", "bx1" );
      db11x85_canvas( "", "864", "865", "#FCFCF0" );
      for ( a = 0; a < m_DIV; a++ ) {
        x_jay();
        for ( _mX = 0; _mX < m_txH; _mX++ ) {
          for ( _mY = 0; _mY < m_txW; _mY++ ) {
            doc.write( "<div class='dv0'>" );
              moz_center( 1 );
              doc.write( "<div class='bx0' "
                + "style='" + y_top( "FFFFFF" ) + "'>" );
                if ( !a ) {
                  if ( ( _mX && ( _mX < ( m_txH - 1 ) ) )
                    && ( _mY && ( _mY < ( m_txW - 1 ) ) ) )
                    doc.write( "<div class='bx1' "
                      + "style='background-" + x_clr()
                        + x_opa( c_N30 ) + y_mag() + "'></div>" );
                }
                else {
                  doc.write( "<div class='bx1' "
                    + "style='" + y_mag() + "'>" );
                    doc.write( "<span class='fx0' "
                      + "style='" + x_opa( c_N90 ) + "'>" );
                      doc.write( x_rnd( c_N06 ) ? _sp : x_num() );
                    doc.write( "</span>" );
                  doc.write( "</div>" );
                }
              doc.write( "</div>" );
              moz_center( 0 );
            doc.write( "</div>" );
          }
        }
      }
      db11x85_page_footer5( "1px #000006 solid", "808086" );
      // ]]>
    </script>
  </body>
</html>
 
Jays at Christmas
[ warnell.com/db11x85/jaysxmas.htm ]
 
xSA5xFF3xO11xCH9xIE8
W3C HTML5
 

9 Comments:

Blogger /t. said...

jays at christmas
for codepo() visitors

/t.

7:18 PM  
Blogger Little Lamb said...

Jays?

5:28 AM  
Blogger foam said...

after seeing the up close photos of your winter garden these code poems do look remarkably like what you see.
i like the blue for bluejays.

6:13 AM  
Blogger /t. said...

LL,

yes, jays, Passeriformes corvidae
and particularly Perisoreus canadensis gray
&
the beautiful Cyanocitta cristata blue

both of which can be seen pretty much year round here

× × ×

foam,

there's just no getting anything by you these days, o eagle-eyed one

right you are that this image is inspired muchly by photos posted at mo'po -- it also is a continued exploration of html5 <canvas> and stroked texts -- and too, it takes some direction from this quotation by one of my all-time favorite artists, canadian painter harold town, " What doesn't exist has to be as well drawn as what does exist. I see it when I don't draw it." -- these explorations lead ultimately to bigger and better works (sometimes)

× × ×

/t.

11:00 AM  
Blogger Little Lamb said...

I like birds. I should post some bird pictures.

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

LL,

you should

birds a nice at christmas

lambs at easter
&
pretty much through all of bbq season

year round, really

× × ×

/t.

12:49 PM  
Blogger Nathalie said...

Barbecue time year round? You are so cruel /t.

That art work of yours is bloody good, that's all I have to say today.

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

nathalie,

aha haha ha ha

not cruel, just a starving artist :)

also, little lamb is my muse -- she sometimes gets lazy and doesn't make inspiring posts for me, so i have to remind her now and then that she is lower on the food chain ;)

× × ×

/t.

9:02 AM  
Blogger Nathalie said...

LOL !

Regarding my Santas today, I've just posted a better image of your favorite one. Enjoy!

4:59 PM  

Post a Comment

<< Home