You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

71 lines
2.3 KiB

  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">
  6. <link rel="icon" type="image/png" href="/favicon.ico">
  7. <link rel="canonical" href="https://www.mcmillen.dev/{page_url}">
  8. <link rel="alternate" type="application/atom+xml" href="https://www.mcmillen.dev/feed.atom" title="Colin McMillen's Blog - Atom">
  9. <title>{title}</title>
  10. <link rel="preconnect" href="https://fonts.gstatic.com">
  11. <link href="https://fonts.googleapis.com/css2?family=Quicksand:wght@500;700&display=block" rel="stylesheet">
  12. <link href="https://fonts.googleapis.com/css?family=Fira+Mono:500&display=block" rel="stylesheet">
  13. <link rel="stylesheet" href="/pygments.css">
  14. <link rel="stylesheet" href="/style.css">
  15. <meta name="twitter:card" content="summary">
  16. <meta name="twitter:site" content="@mcmillen">
  17. <meta name="twitter:title" content="{title}">
  18. <meta name="twitter:description" content="{summary}">
  19. </head>
  20. <script>
  21. function fixEmails() {{
  22. const mailtoArray = [
  23. 'm', 'a', 'i', 'l', 't', 'o', ':',
  24. 'c', 'o', 'l', 'i', 'n', '@',
  25. 'm', 'c', 'm', 'i', 'l', 'l', 'e', 'n',
  26. '.', 'd', 'e', 'v'];
  27. const mailtoLink = mailtoArray.join('');
  28. const anchors = document.getElementsByTagName('a');
  29. for (let i = 0; i < anchors.length; i++) {{
  30. const anchor = anchors[i];
  31. if (anchor.href == 'mailto:email@example.com') {{
  32. anchor.href = mailtoLink;
  33. if (anchor.innerText == 'colin at mcmillen dot dev') {{
  34. anchor.innerText = mailtoLink.substring(7);
  35. }}
  36. }}
  37. }}
  38. }}
  39. </script>
  40. <body onload="fixEmails()">
  41. <div id="page-container">
  42. <div id="content-wrap">
  43. <div id="header">
  44. <div class="content">
  45. <a href="/" class="undecorated">Colin McMillen</a>
  46. <span style="float: right;"><a href="/feed.atom"><img src="/img/rss.svg" alt="Atom feed" style="width: 17px; height: 17px; margin-bottom: 1px;"></a></span>
  47. <span style="float: right;"><a href="https://twitter.com/mcmillen"><img src="/img/twitter.svg" alt="@mcmillen"></a></span>
  48. </div>
  49. </div>
  50. <div class="content">
  51. {content}
  52. </div>
  53. </div>
  54. <div id="footer">
  55. <div class="content">
  56. &copy; 2023 <a href="/" class="undecorated">Colin McMillen</a>. No cookies, no tracking.
  57. </div>
  58. </div>
  59. </div>
  60. </body>
  61. </html>