<!DOCTYPE html>
<html lang="en-US">
  <head>
    <meta charset="UTF-8">
    <title>Four Riders Sketch 1</title>
    <meta name="description" content="warnell.com new media network">
    <meta name="keywords" content="ted warnell poem by nari new media
      alinear autointeractive web net art code poetry mona lisa HTML5">
    <script src="monx.js"></script>
    <style>
      @import url( "monx.css" );
      a { color: #F0F0F6 }
    </style>
    <script>
      var a = b = null;
      var c = d = null;
      function x_PbN1() {
        var x = "#666C60";
        a.fillStyle = "#F0F0F6"; b.fillStyle = "#F03006";
        c.fillStyle = "#101016"; d.fillStyle = "#C6CCC0";
        a.fillRect( _wW * 0.000, 0, _wW * 0.250, _wH );
        b.fillRect( _wW * 0.250, 0, _wW * 0.250, _wH );
        c.fillRect( _wW * 0.500, 0, _wW * 0.250, _wH );
        d.fillRect( _wW * 0.750, 0, _wW * 0.250, _wH );
        a.fillStyle = x_009() ? x_BW() : x_MOX( _MS );
        b.fillStyle = x_009() ? x_BW() : x_MOX( _MS );
        c.fillStyle = x_009() ? x_BW() : x_MOX( _MS );
        d.fillStyle = x_009() ? x_BW() : x_MOX( _MS );
        a.fillText( x_num(), _wW * 0.125, _wH >> 1, _wW * 0.250 );
        b.fillText( x_num(), _wW * 0.375, _wH >> 1, _wW * 0.250 );
        c.fillText( x_num(), _wW * 0.625, _wH >> 1, _wW * 0.250 );
        d.fillText( x_num(), _wW * 0.875, _wH >> 1, _wW * 0.250 );
        monx_border( a, A, x ); monx_border( b, B, x );
        monx_border( c, C, x ); monx_border( d, D, x );
        setTimeout( x_PbN0, _fps30 << 1 );
      }
      _CO = "Four Riders Sketch 1 © 2016 warnell.com";
    </script>
  </head>
  <body id="main" style="background: #666C60"
    onload="setTimeout( x_PbN0, _fps60 )">
    <script>
      monx_ratio( c_N02, 1 );
      a = monx_canvas( "A", _wW, _wH, "", 1 );
      b = monx_canvas( "B", _wW, _wH, "", 0 );
      c = monx_canvas( "C", _wW, _wH, "", 0 );
      d = monx_canvas( "D", _wW, _wH, "", 0 );
      a.textAlign = "center"; a.textBaseline = "middle";
      b.textAlign = "center"; b.textBaseline = "middle";
      c.textAlign = "center"; c.textBaseline = "middle";
      d.textAlign = "center"; d.textBaseline = "middle";
      a.rect( _wW * 0.000, 0, _wW * 0.250, _wH ); a.clip();
      b.rect( _wW * 0.250, 0, _wW * 0.250, _wH ); b.clip();
      c.rect( _wW * 0.500, 0, _wW * 0.250, _wH ); c.clip();
      d.rect( _wW * 0.750, 0, _wW * 0.250, _wH ); d.clip();
      a.font = b.font = c.font = d.font = _wX + "pt " + _seri;
      monx_html( "monx", _wH, "CLICK" );
    </script>
  </body>
</html>