index.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  7. <title>Infection - UNBLINK</title>
  8. <meta name="description" content="Under a steel sky, snow falling
  9. Likely in April, as the garlic
  10. Struggles to push through soil
  11. Left on top of it months ago,
  12. We forget what we used to know.
  13. People used to get sick. They
  14. Used to get close to death.
  15. And the beer on the table
  16. Promises me a buzz, comfort
  17. And all the things I want.
  18. But what about the things
  19. That I know I don&#39;t want?">
  20. <meta name="author" content="[Colin Powell]">
  21. <link href="https://unbl.ink/an-old-hope.min.css" rel="stylesheet">
  22. <link href="https://unbl.ink/style.css" rel="stylesheet">
  23. <link rel="apple-touch-icon" href="https://unbl.ink/apple-touch-icon.png">
  24. <link rel="icon" href="https://unbl.ink/favicon.ico">
  25. <meta name="generator" content="Hugo 0.109.0">
  26. <link rel="alternate" type="application/atom+xml" href="https://unbl.ink/index.xml" title="UNBLINK">
  27. <script>
  28. function setTheme() {
  29. const time = new Date();
  30. const prev = localStorage.getItem('date');
  31. const date = String(time.getMonth() + 1) + '.' + String(time.getDate());
  32. const now = time.getTime();
  33. let sunrise;
  34. let sunset;
  35. function setBodyClass() {
  36. if (now > sunrise && now < sunset) return;
  37. document.body.classList.add('dark');
  38. }
  39. if (date !== prev) {
  40. fetch('https://api.ipgeolocation.io/astronomy?apiKey=5ed37d85103e4defa5df4c5298ed5215')
  41. .then(res => res.json())
  42. .then(data => {
  43. sunrise = data.sunrise.split(':').map(Number);
  44. sunset = data.sunset.split(':').map(Number);
  45. })
  46. .catch(() => {
  47. sunrise = [7, 0];
  48. sunset = [19, 0];
  49. })
  50. .finally(() => {
  51. sunrise = time.setHours(sunrise[0], sunrise[1], 0);
  52. sunset = time.setHours(sunset[0], sunset[1], 0);
  53. setBodyClass();
  54. localStorage.setItem('sunrise', sunrise);
  55. localStorage.setItem('sunset', sunset);
  56. });
  57. localStorage.setItem('date', date);
  58. } else {
  59. sunrise = Number(localStorage.getItem('sunrise'));
  60. sunset = Number(localStorage.getItem('sunset'));
  61. setBodyClass();
  62. }
  63. }
  64. </script>
  65. </head>
  66. <body class="single">
  67. <script>
  68. setTheme();
  69. </script>
  70. <header class="header">
  71. <nav class="nav">
  72. <p class="logo"><a href="https://unbl.ink/">UNBLINK</a></p>
  73. <ul class="menu">
  74. <li>
  75. <a href="/">Home</a>
  76. </li>
  77. <li>
  78. <a href="/post/">Archives</a>
  79. </li>
  80. <li>
  81. <a href="/categories/">Categories</a>
  82. </li>
  83. </ul>
  84. </nav>
  85. </header>
  86. <main class="main">
  87. <article class="post-single">
  88. <header class="post-header">
  89. <h1 class="post-title">Infection</h1>
  90. <div class="post-meta">[Colin Powell] · March 25, 2020</div>
  91. </header>
  92. <div class="post-content">
  93. <p class="verse">
  94. Under a steel sky, snow falling<br />
  95. Likely in April, as the garlic<br />
  96. Struggles to push through soil<br />
  97. Left on top of it months ago,<br />
  98. <br />
  99. We forget what we used to know.<br />
  100. People used to get sick. They<br />
  101. Used to get close to death.<br />
  102. And the beer on the table<br />
  103. <br />
  104. Promises me a buzz, comfort<br />
  105. And all the things I want.<br />
  106. But what about the things<br />
  107. That I know I don't want?<br />
  108. <br />
  109. Infection breeds necessity.<br />
  110. </p>
  111. </div>
  112. </article>
  113. </main>
  114. <footer class="footer">
  115. <span>&copy; 2023 <a href="https://unbl.ink/">UNBLINK</a></span>
  116. <span>&middot;</span>
  117. <span>Powered by <a href="https://gohugo.io/" rel="noopener" target="_blank">Hugo️️</a>️</span>
  118. <span>&middot;</span>
  119. <span>Theme️ <a href="https://github.com/nanxiaobei/hugo-paper" rel="noopener" target="_blank">Paper</a></span>
  120. </footer>
  121. <script src="https://unbl.ink/highlight.min.js"></script>
  122. <script>
  123. hljs.initHighlightingOnLoad();
  124. </script>
  125. </body>
  126. </html>