(X)HTML5 validation results for http://whatfettle.com/2010/01/Hardboiled/

Validator Input

The document is valid HTML5 + ARIA + SVG 1.1 + MathML 2.0 (subject to the utter previewness of this service).

Source

  1. <!doctype html>↩
  2. <html lang="en">↩
  3. <head>↩
  4. <meta charset="utf-8">↩
  5. <!--↩
  6. __↩
  7. /\ \ ↩
  8. _____ ____ \_\ \ ↩
  9. /\ '__`\ /',__\ /'_` \ ↩
  10. \ \ \L\ \/\__, `\/\ \L\ \ ↩
  11. \ \ ,__/\/\____/\ \___,_\↩
  12. \ \ \/ \/___/ \/__,_ /↩
  13. \ \_\ ↩
  14. \/_/ ↩
  15. ↩
  16. ↩
  17. Experiments with styling hCards inspired by Andy Clarke's Hardboiled competition:↩
  18. ↩
  19. http://www.stuffandnonsense.co.uk/blog/about/could_you_be_a_dick/↩
  20. http://stuffandnonsense.co.uk/blog/about/i_the_jury/↩
  21. ↩
  22. There's a blog post explaining this:↩
  23. ↩
  24. http://blog.whatfettle.com/2010/01/14/hardboiled-hcards/↩
  25. ↩
  26. And a set of screen shots of how this page appears in a variety of browsers:↩
  27. ↩
  28. http://www.flickr.com/photos/psd/sets/72157623083466151/↩
  29. ↩
  30. Attribution for individual images and fonts used are listed in the stylesheets.↩
  31. Otherwise you are free to do whatever you want with the contents of this package:↩
  32. ↩
  33. http://github.com/psd/HardBoiled-hCards↩
  34. ↩
  35. Released under the following licenses:↩
  36. ↩
  37. http://creativecommons.org/publicdomain/↩
  38. http://en.wikipedia.org/wiki/WTFPL↩
  39. ↩
  40. -->↩
  41. <title>Hardboiled hCards</title>↩
  42. <link rel="stylesheet" href="main.css" media="screen,print">↩
  43. <link rel="stylesheet" href="vcard.css" media="screen,print">↩
  44. <link rel="stylesheet" href="underwood.css" media="screen,print">↩
  45. <link rel="stylesheet" href="pulp.css" media="screen,print">↩
  46. <link rel="stylesheet" href="retro.css" media="screen,print">↩
  47. <link rel="stylesheet" href="al.css" media="screen,print">↩
  48. <link rel="stylesheet" href="campion.css" media="screen,print">↩
  49. <link rel="stylesheet" href="plaid.css" media="screen,print">↩
  50. <link rel="stylesheet" href="print.css" media="print">↩
  51. </head>↩
  52. <body>↩
  53. <div class="underwood vcard">↩
  54. <h1><span class="fn">Sam Shovel</span>, <span class="title">Detective</span></h1> ↩
  55. <ul>↩
  56. <li>People Found</li>↩
  57. <li>Deeds Done</li>↩
  58. <li>No Questions Asked</li>↩
  59. </ul>↩
  60. <div class="adr">↩
  61. <div class="street-address">1023, Nevergreen Blvd</div>↩
  62. <span class="locality">Los Angeles</span>,↩
  63. <span class="region">California</span>.↩
  64. </div>↩
  65. </div>↩
  66. ↩
  67. <div class="pulp vcard">↩
  68. <h1 class="fn">Russe Rogers</h1> ↩
  69. <div class="tel adr">↩
  70. <span class="locality">Long Beach</span>↩
  71. <span class="value">555-9012</span> ↩
  72. </div>↩
  73. </div>↩
  74. ↩
  75. <div class="retro vcard">↩
  76. <h1 class="org">Hopewell and Aim</h1> ↩
  77. <div class="fn">Dashiell Hammett</div>↩
  78. <div class="adr">↩
  79. <div class="street-address">Great Mills Road</div>↩
  80. <span class="locality"> St. Mary's County</span>↩
  81. </div>↩
  82. <div class="tel">↩
  83. <span class="value">MC 22-800</span> ↩
  84. </div>↩
  85. </div>↩
  86. ↩
  87. <div class="al vcard">↩
  88. <div class="adr">↩
  89. <div class="street-address">2048, Hard Drive,</div>↩
  90. <span class="locality">Pork Point</span>↩
  91. <span class="region">CA</span>.↩
  92. </div>↩
  93. <h1 class="fn">Al Lee Bye</h1>↩
  94. <div class="role">PI</div> ↩
  95. </div>↩
  96. ↩
  97. <div class="campion vcard">↩
  98. <h1 class="fn">Albert Campion</h1>↩
  99. <div class="adr">↩
  100. <div class="street-address">17A, Bottle Street</div>↩
  101. <span class="locality">Piccadilly</span>↩
  102. </div>↩
  103. </div>↩
  104. ↩
  105. <div class="plaid vcard">↩
  106. <h1 class="fn">Inspector Sands</h1>↩
  107. <div class="adr">↩
  108. <div class="street-address">Euston Station</div>↩
  109. <span class="locality">London</span>↩
  110. </div>↩
  111. </div>↩
  112. </body>↩
  113. </html>

Total execution time 556 milliseconds.

About this Service • More options