index.html 3.0 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <!--[if lt IE 9]><script language="javascript" type="text/javascript" src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
  5. <meta charset="UTF-8">
  6. <link rel="stylesheet" href="index.css">
  7. <link rel="stylesheet" href="clockface.css">
  8. <script src="icontime.js"></script>
  9. </head>
  10. <body onload="startIconTime()">
  11. <div class="container header">
  12. <h1 class="chroma-crawl">ClockFace <span id="pagetime" class="solid icon">&#xF0000</span></h1>
  13. <div class="subhead chroma-crawl">Clock icons for displaying time</div>
  14. <div class="tech-info">12 Hours // Every 5th Minute // Unicode series &amp;#xF0000...&amp;#xF008F</div>
  15. <div class="tech-info"><a href="https://github.com/ocodo/ClockFace-font">Github Repository: ocodo/ClockFace-font</a></div>
  16. </div>
  17. <div class="subhead chroma-crawl"><a href="ClockFaceFonts.zip">Download all ClockFace Fonts</a></div>
  18. <hr/>
  19. <div class="subhead chroma-crawl">Previews...</div>
  20. <h2 class="chroma-crawl"><a href="ClockFace.html"><i class="clock regular icon">&#xF0000;</i> ClockFace ⇒ </a></h2>
  21. <h2 class="chroma-crawl"><a href="ClockFaceFatHands.html"><i class="clock fat-hands icon">&#xF0000;</i> ClockFaceFat ⇒ </a></h2>
  22. <h2 class="chroma-crawl"><a href="ClockFaceRect.html"><i class="clock rect icon">&#xF0000;</i> ClockFaceRect ⇒ </a></h2>
  23. <h2 class="chroma-crawl"><a href="ClockFaceFatRect.html"><i class="clock fat-rect icon">&#xF0000;</i> ClockFaceFatRect ⇒ </a></h2>
  24. <h2 class="chroma-crawl"><a href="ClockFaceSquare.html"><i class="clock square icon">&#xF0000;</i> ClockFaceSquare ⇒ </a></h2>
  25. <h2 class="chroma-crawl"><a href="ClockFaceFatSquare.html"><i class="clock fat-square icon">&#xF0000;</i> ClockFaceFatSquare ⇒ </a></h2>
  26. <h2 class="chroma-crawl"><a href="ClockFaceSolid.html"><i class="clock solid icon">&#xF0000;</i> ClockFaceSolid ⇒ </a></h2>
  27. <h2 class="chroma-crawl"><a href="ClockFaceFatSolid.html"><i class="clock fat-solid icon">&#xF0000;</i> ClockFaceFatSolid ⇒ </a></h2>
  28. <h2 class="chroma-crawl"><a href="ClockFaceRectSolid.html"><i class="clock rect-solid icon">&#xF0000;</i> ClockFaceRectSolid ⇒ </a></h2>
  29. <h2 class="chroma-crawl"><a href="ClockFaceFatRectSolid.html"><i class="clock fat-rect-solid icon">&#xF0000;</i> ClockFaceFatRectSolid ⇒ </a></h2>
  30. <h2 class="chroma-crawl"><a href="ClockFaceSquareSolid.html"><i class="clock square-solid icon">&#xF0000;</i> ClockFaceSquareSolid ⇒ </a></h2>
  31. <h2 class="chroma-crawl"><a href="ClockFaceFatSquareSolid.html"><i class="clock fat-square-solid icon">&#xF0000;</i> ClockFaceFatSquareSolid ⇒ </a></h2>
  32. <div class="container footer">
  33. <img src="static/ocodo-2022-footer-logo.png" style="opacity: 0.35"/>
  34. <br/>
  35. <a href="https://github.com/ocodo/ClockFace-font">ClockFace-font</a> Created by J.L.Milkins / Ocodo 2022
  36. </div>
  37. </body>
  38. </html>