IS HTML5 READY YET?

<!DOCTYPE html>  <!-- Yeah! That's an HTML5 Doctype over there, baby! -->
<html>
<head>
  <title>IS HTML5 READY YET?</title>
  <meta charset="utf-8"> <!-- Whoa! Can it be that simple? -->
  <meta name="DC.title" content="Is HTML 5 Ready Yet?">
  <meta name="DC.subject" content="A tongue-in-cheek commentary">
  <meta name="DC.creator" content="J Cornelius - http://jcornelius.com">
  <link rel="author" href="http://jcornelius.com">

  <link rel="stylesheet" href="style/style.css" media="screen,print">
</head>
<body>

    <!-- Good lord. We're in the BODY element now. Guess what happens next. -->

    <h1>NO</h1>

    <!--

    OKAY! OKAY! So the answer really is: Kinda, sorta, but not quite really.

    Since you made it to this site you're probably curious about HTML5 (enough to click a link at least).

    If you're reading this, you're smart enough to know how to view source.

    Add that up and I'll guess you're a web de/sign/velop/er of some sort.

    So I recommend you check out a real HTML5 resource like these:

    - http://diveintohtml5.org/
    - http://html5doctor.com/

    Or hell, these are good, too:

    - http://html5demos.com/
    - http://html5gallery.com/

    And let's not forget these:

    - http://www.w3.org/html/logo/
    - http://www.w3.org/TR/html5/
    - http://dev.w3.org/html5/spec/Overview.html
    - http://www.whatwg.org/specs/web-apps/current-work/multipage/

    -->

<div id="countdown">
  <div id="countdown-years">

    <img id="year1" src="images/countdown-0.png">
    <img id="year2" src="images/countdown-3.png">
  </div>
  <div id="countdown-days">
    <img id="day1" src="images/countdown-9.png">
    <img id="day2" src="images/countdown-0.png">
  </div>
  <div id="countdown-hours">
    <img id="hour1" src="images/countdown-0.png">

    <img id="hour2" src="images/countdown-9.png">
  </div>
  <div id="countdown-minutes">
    <img id="minute1" src="images/countdown-4.png">
    <img id="minute2" src="images/countdown-9.png">
  </div>
  <div id="countdown-seconds">
    <img id="second1" src="images/countdown-2.png">
    <img id="second2" src="images/countdown-4.png">

  </div>
</div>
<div id="countdown-dummy"></div>

<p>... to go until the HTML5 specification is final.</p>

<div id="disqus_thread"></div>
<script type="text/javascript">
    /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
    var disqus_shortname = 'ishtml5readyyet'; // required: replace example with your forum shortname

    // The following are highly recommended additional parameters. Remove the slashes in front to use.
    var disqus_identifier = '/';
    var disqus_url = 'http://ishtml5readyyet.com/';

    (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = 'http://' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>

<p><a href="http://www.w3.org/html/logo/#the-gallery" title="HTML5 - It's really ready now."><img src="/images/HTML5_Logo_256.png" alt="HTML5 - It's really ready now."></a></p>

    <!-- Oh, this is a big one... wait for it... wait for it. BAM! -->

    <footer>
      <p>This little website was created and is lovingly curated by <a href="http://jcornelius.com/">J Cornelius</a></p>
      <p><i>&mdash; P.S. You should view source &mdash;</i></p>
    </footer>
    <!-- That's right! A <footer> element. In 2011! It even works in IE (shhh, don't tell Bill) -->

  <script type="text/javascript">var disqus_shortname = 'ishtml5readyyet';(function () { var s = document.createElement('script'); s.async = true;s.type = 'text/javascript';s.src = 'http://' + disqus_shortname + '.disqus.com/count.js';(document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);}());</script>

  <script type="text/javascript">var target_date = new Date('Jan 1 2014');</script>
  <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
  <script type="text/javascript" src="javascript/jquery.countdown.js"></script>
  <script type="text/javascript" src="javascript/jquery.timer.js"></script>
  <script type="text/javascript" src="javascript/countdown.js"></script>

  <!-- So you made it this far, now your should hit me up on Twitter or something. I'm @jc. Really. -->
  </body>

</html>