index.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133
  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>Acadian - UNBLINK</title>
  8. <meta name="description" content="Diaspora in a compromised land, stretched by forces moving so slowly, slower than we can see but with evidence left everywhere. Culture accretes faster, but still imperceptible, reminding us that no one knows everything, or anything when it comes to that. When it comes to remembering how to live, how we survived the cataclysm, we depend on those who were lost once. We depend on those who knew enough to get us here.">
  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">Acadian</h1>
  79. <div class="post-meta">[CP] · April 17, 2019</div>
  80. </header>
  81. <div class="post-content"><p>Diaspora in a compromised land, stretched by forces moving so slowly, slower
  82. than we can see but with evidence left everywhere. Culture accretes faster, but
  83. still imperceptible, reminding us that no one knows everything, or anything when
  84. it comes to that. When it comes to remembering how to live, how we survived the
  85. cataclysm, we depend on those who were lost once. We depend on those who knew
  86. enough to get us here. We depend on those around us now, able to carry our hopes
  87. and our dreams of returning to a place we&rsquo;ve only been told about.</p>
  88. </div>
  89. </article>
  90. </main>
  91. <footer class="footer">
  92. <span>&copy; 2023 <a href="https://unbl.ink/">UNBLINK</a></span>
  93. <span>&middot;</span>
  94. <span>Powered by <a href="https://gohugo.io/" rel="noopener" target="_blank">Hugo️️</a>️</span>
  95. <span>&middot;</span>
  96. <span>Theme️ <a href="https://github.com/nanxiaobei/hugo-paper" rel="noopener" target="_blank">Paper</a></span>
  97. </footer>
  98. <script src="https://unbl.ink/highlight.min.js"></script>
  99. <script>
  100. hljs.initHighlightingOnLoad();
  101. </script>
  102. </body>
  103. </html>