index.html 4.2 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>Fixable - UNBLINK</title>
  8. <meta name="description" content="Under what circumstance did we expect this would work? Days, numbered, slide past and not everything is repaired promptly. Some things are not fixable at all. Amazing, what we&rsquo;ll carry with us, into the subway, the neighbor&rsquo;s house, our last swim in the ocean. Scars from life. Some physical, some metaphysical, all a product of choice and circumstance.">
  9. <meta name="author" content="[CP]">
  10. <link href="https://unbl.ink/an-old-hope.min.css" rel="stylesheet">
  11. <link href="https://unbl.ink/style.css" rel="stylesheet">
  12. <link rel="apple-touch-icon" href="https://unbl.ink/apple-touch-icon.png">
  13. <link rel="icon" href="https://unbl.ink/favicon.ico">
  14. <meta name="generator" content="Hugo 0.109.0">
  15. <link rel="alternate" type="application/atom+xml" href="https://unbl.ink/index.xml" title="UNBLINK">
  16. <script>
  17. function setTheme() {
  18. const time = new Date();
  19. const prev = localStorage.getItem('date');
  20. const date = String(time.getMonth() + 1) + '.' + String(time.getDate());
  21. const now = time.getTime();
  22. let sunrise;
  23. let sunset;
  24. function setBodyClass() {
  25. if (now > sunrise && now < sunset) return;
  26. document.body.classList.add('dark');
  27. }
  28. if (date !== prev) {
  29. fetch('https://api.ipgeolocation.io/astronomy?apiKey=5ed37d85103e4defa5df4c5298ed5215')
  30. .then(res => res.json())
  31. .then(data => {
  32. sunrise = data.sunrise.split(':').map(Number);
  33. sunset = data.sunset.split(':').map(Number);
  34. })
  35. .catch(() => {
  36. sunrise = [7, 0];
  37. sunset = [19, 0];
  38. })
  39. .finally(() => {
  40. sunrise = time.setHours(sunrise[0], sunrise[1], 0);
  41. sunset = time.setHours(sunset[0], sunset[1], 0);
  42. setBodyClass();
  43. localStorage.setItem('sunrise', sunrise);
  44. localStorage.setItem('sunset', sunset);
  45. });
  46. localStorage.setItem('date', date);
  47. } else {
  48. sunrise = Number(localStorage.getItem('sunrise'));
  49. sunset = Number(localStorage.getItem('sunset'));
  50. setBodyClass();
  51. }
  52. }
  53. </script>
  54. </head>
  55. <body class="single">
  56. <script>
  57. setTheme();
  58. </script>
  59. <header class="header">
  60. <nav class="nav">
  61. <p class="logo"><a href="https://unbl.ink/">UNBLINK</a></p>
  62. <ul class="menu">
  63. <li>
  64. <a href="/">Home</a>
  65. </li>
  66. <li>
  67. <a href="/post/">Archives</a>
  68. </li>
  69. <li>
  70. <a href="/categories/">Categories</a>
  71. </li>
  72. </ul>
  73. </nav>
  74. </header>
  75. <main class="main">
  76. <article class="post-single">
  77. <header class="post-header">
  78. <h1 class="post-title">Fixable</h1>
  79. <div class="post-meta">[CP] · April 26, 2019</div>
  80. </header>
  81. <div class="post-content"><p>Under what circumstance did we expect this would work? Days, numbered, slide
  82. past and not everything is repaired promptly. Some things are not fixable at all.
  83. Amazing, what we&rsquo;ll carry with us, into the subway, the neighbor&rsquo;s house, our
  84. last swim in the ocean. Scars from life. Some physical, some metaphysical, all a
  85. product of choice and circumstance.</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>