index.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134
  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>Sky - UNBLINK</title>
  8. <meta name="description" content="Today the winds shifted abruptly to come from the Northeast, which means cold, and snow, and clouds.
  9. The sky is a flat, slate gray with wisps of contrast ripped into it by the sheering of the win.
  10. They sky occupies half of our world view on any given day. Is it any wonder our moods should rise and fall by the contents?">
  11. <meta name="author" content="[Colin Powell]">
  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">Sky</h1>
  81. <div class="post-meta">[Colin Powell] · December 2, 2019</div>
  82. </header>
  83. <div class="post-content"><p>Today the winds shifted abruptly to come from the Northeast, which means cold,
  84. and snow, and clouds.</p>
  85. <p>The sky is a flat, slate gray with wisps of contrast ripped into it by the
  86. sheering of the win.</p>
  87. <p>They sky occupies half of our world view on any given day. Is it any wonder our
  88. moods should rise and fall by the contents?</p>
  89. </div>
  90. </article>
  91. </main>
  92. <footer class="footer">
  93. <span>&copy; 2023 <a href="https://unbl.ink/">UNBLINK</a></span>
  94. <span>&middot;</span>
  95. <span>Powered by <a href="https://gohugo.io/" rel="noopener" target="_blank">Hugo️️</a>️</span>
  96. <span>&middot;</span>
  97. <span>Theme️ <a href="https://github.com/nanxiaobei/hugo-paper" rel="noopener" target="_blank">Paper</a></span>
  98. </footer>
  99. <script src="https://unbl.ink/highlight.min.js"></script>
  100. <script>
  101. hljs.initHighlightingOnLoad();
  102. </script>
  103. </body>
  104. </html>