index.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131
  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>Seethe - UNBLINK</title>
  8. <meta name="description" content="And in the hour of need, surrounded by all our loved ones, even some we missed or had forgotten about, the sea roils and seethes with the fury that only the planet can command.
  9. In hubris, life clings to boats, tossed at once, and yet fettered to the spot, frozen, unable to move or suffer destruction. It thought itself invincible. But nothing was ever farther from the truth.
  10. Memory of this life fades and what&rsquo;s left is another rock, slightly warmer than the rest.">
  11. <meta name="author" content="[CP]">
  12. <link href="https://unbl.ink/an-old-hope.min.css" rel="stylesheet">
  13. <link href="https://unbl.ink/style.css" rel="stylesheet">
  14. <link rel="apple-touch-icon" href="https://unbl.ink/apple-touch-icon.png">
  15. <link rel="icon" href="https://unbl.ink/favicon.ico">
  16. <meta name="generator" content="Hugo 0.109.0">
  17. <link rel="alternate" type="application/atom+xml" href="https://unbl.ink/index.xml" title="UNBLINK">
  18. <script>
  19. function setTheme() {
  20. const time = new Date();
  21. const prev = localStorage.getItem('date');
  22. const date = String(time.getMonth() + 1) + '.' + String(time.getDate());
  23. const now = time.getTime();
  24. let sunrise;
  25. let sunset;
  26. function setBodyClass() {
  27. if (now > sunrise && now < sunset) return;
  28. document.body.classList.add('dark');
  29. }
  30. if (date !== prev) {
  31. fetch('https://api.ipgeolocation.io/astronomy?apiKey=5ed37d85103e4defa5df4c5298ed5215')
  32. .then(res => res.json())
  33. .then(data => {
  34. sunrise = data.sunrise.split(':').map(Number);
  35. sunset = data.sunset.split(':').map(Number);
  36. })
  37. .catch(() => {
  38. sunrise = [7, 0];
  39. sunset = [19, 0];
  40. })
  41. .finally(() => {
  42. sunrise = time.setHours(sunrise[0], sunrise[1], 0);
  43. sunset = time.setHours(sunset[0], sunset[1], 0);
  44. setBodyClass();
  45. localStorage.setItem('sunrise', sunrise);
  46. localStorage.setItem('sunset', sunset);
  47. });
  48. localStorage.setItem('date', date);
  49. } else {
  50. sunrise = Number(localStorage.getItem('sunrise'));
  51. sunset = Number(localStorage.getItem('sunset'));
  52. setBodyClass();
  53. }
  54. }
  55. </script>
  56. </head>
  57. <body class="single">
  58. <script>
  59. setTheme();
  60. </script>
  61. <header class="header">
  62. <nav class="nav">
  63. <p class="logo"><a href="https://unbl.ink/">UNBLINK</a></p>
  64. <ul class="menu">
  65. <li>
  66. <a href="/">Home</a>
  67. </li>
  68. <li>
  69. <a href="/post/">Archives</a>
  70. </li>
  71. <li>
  72. <a href="/categories/">Categories</a>
  73. </li>
  74. </ul>
  75. </nav>
  76. </header>
  77. <main class="main">
  78. <article class="post-single">
  79. <header class="post-header">
  80. <h1 class="post-title">Seethe</h1>
  81. <div class="post-meta">[CP] · April 14, 2018</div>
  82. </header>
  83. <div class="post-content"><p>And in the hour of need, surrounded by all our loved ones, even some we missed or had forgotten about, the sea roils and seethes with the fury that only the planet can command.</p>
  84. <p>In hubris, life clings to boats, tossed at once, and yet fettered to the spot, frozen, unable to move or suffer destruction. It thought itself invincible. But nothing was ever farther from the truth.</p>
  85. <p>Memory of this life fades and what&rsquo;s left is another rock, slightly warmer than the rest.</p>
  86. </div>
  87. </article>
  88. </main>
  89. <footer class="footer">
  90. <span>&copy; 2023 <a href="https://unbl.ink/">UNBLINK</a></span>
  91. <span>&middot;</span>
  92. <span>Powered by <a href="https://gohugo.io/" rel="noopener" target="_blank">Hugo️️</a>️</span>
  93. <span>&middot;</span>
  94. <span>Theme️ <a href="https://github.com/nanxiaobei/hugo-paper" rel="noopener" target="_blank">Paper</a></span>
  95. </footer>
  96. <script src="https://unbl.ink/highlight.min.js"></script>
  97. <script>
  98. hljs.initHighlightingOnLoad();
  99. </script>
  100. </body>
  101. </html>