logo

drewdevault.com

[mirror] blog and personal website of Drew DeVault git clone https://hacktivis.me/git/mirror/drewdevault.com.git

time.html (1015B)

    

  1. <!doctype html>
  2. <html>
  3. <meta charset="utf-8" />
  4. <link rel="stylesheet" href="/time.css">
  5. <title>Human history</title>
  7. <h1>
  8.   Human history
  9.   <small>Scroll down ↓</small>
  10. </h1>
  11. <p class="small-screens">
  12. Disclaimer: I have made no attempt to make this look correct on screens
  13. &lt;1,000 pixels wide.
  14. </p>
  16. <div class="key">
  17.   <span class="ten">10 years</span>
  18.   <span class="thousand">1,000 years</span>
  19. </div>
  21. <div class="era stone">
  22.   <span>Stone tools</span>
  23. </div>
  25. <div class="era homo-sapiens">
  26.   <span>Homo sapiens</span>
  27. </div>
  29. <div class="era art">
  30.   <span>Art</span>
  31. </div>
  33. <div class="transition">
  34.   <span class="art"></span>
  35.   <span class="agriculture"></span>
  36. </div>
  38. <div class="era agriculture">
  39.   <span>Agriculture</span>
  40. </div>
  42. <div class="era civilization">
  43.   <span>Civilization</span>
  44. </div>
  46. <div class="transition modern">
  47.   <span class="civilization"></span>
  48.   <span class="industry">
  49.     <span>Industry</span>
  50.   </span>
  51.   <span class="ww2">
  52.     <span>World War II</span>
  53.   </span>
  54. </div>