default.tpl 996 B

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <title>Microblog</title>
  7. <!-- <link href="./style.css" rel="stylesheet" type="text/css" media="all"> -->
  8. <link href="./timeline.css" rel="stylesheet" type="text/css" media="all">
  9. </head>
  10. <body>
  11. <header>
  12. <h1>A Microblog in Plain HTML</h1>
  13. </header>
  14. <aside class="column profile">
  15. <figure>
  16. <img src="images/avatar.jpg" alt="(Avatar)" class="avatar">
  17. <span>Your Name Here</span>
  18. </figure>
  19. <p>
  20. <a href="mailto:user@host.tld">user@host.tld</a>
  21. </p>
  22. <h2>About Me</h2>
  23. <p>Your self-description here.</p>
  24. <p>{postcount} total posts</p>
  25. <h3>Tags</h3>
  26. <nav>{tags}</nav>
  27. <h3>Pages</h3>
  28. <nav>{pages}</nav>
  29. </aside>
  30. <main class="timeline">
  31. {timeline}
  32. </main>
  33. <footer>
  34. <a href="https://notabug.org/likho/microblog.py">microblog.py</a>
  35. </footer>
  36. </body>
  37. </html>