index.html 4.6 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>Wind - UNBLINK</title>
  8. <meta name="description" content="Traveling ice that builds up on the bows of living organisms I didn&rsquo;t see until just now, and I&rsquo;m wondering now how trees got to be here. Certain species are moving. The North is warmer and they know and are moving. Closer to the warmth they go, but not the one here, covered in ice. It&rsquo;s stuck, stoic, standing its ground. Water drawn up to dizzying heights, to each little branch until a thin paper-like sheet of living cells that turns sunlight into sugar receives exactly as much as it needs to do it&rsquo;s work.">
  9. <meta name="author" content="[Colin Powell]">
  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">Wind</h1>
  79. <div class="post-meta">[Colin Powell] · February 10, 2020</div>
  80. </header>
  81. <div class="post-content"><p>Traveling ice that builds up on the bows of living organisms I didn&rsquo;t see until
  82. just now, and I&rsquo;m wondering now how trees got to be here. Certain species are
  83. moving. The North is warmer and they know and are moving. Closer to the warmth
  84. they go, but not the one here, covered in ice. It&rsquo;s stuck, stoic, standing its
  85. ground. Water drawn up to dizzying heights, to each little branch until a thin
  86. paper-like sheet of living cells that turns sunlight into sugar receives exactly
  87. as much as it needs to do it&rsquo;s work. Yes. We are extraordinary machines.</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>