index.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  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>Flight - UNBLINK</title>
  8. <meta name="description" content="And to just lift off, leave
  9. Everything behind, a fancy
  10. Flight of. But
  11. It&#39;s not really possible.
  12. And leave just to lift off,
  13. Find yourself gone, a fancy
  14. Dinner party of. Or
  15. All your best friends.
  16. They would miss you. Most likely.
  17. They would wonder where
  18. You had lifted off to.
  19. A flight of fancy from a fancy dinner party.
  20. All expectation gone.">
  21. <meta name="author" content="[Colin Powell]">
  22. <link href="https://unbl.ink/an-old-hope.min.css" rel="stylesheet">
  23. <link href="https://unbl.ink/style.css" rel="stylesheet">
  24. <link rel="apple-touch-icon" href="https://unbl.ink/apple-touch-icon.png">
  25. <link rel="icon" href="https://unbl.ink/favicon.ico">
  26. <meta name="generator" content="Hugo 0.109.0">
  27. <link rel="alternate" type="application/atom+xml" href="https://unbl.ink/index.xml" title="UNBLINK">
  28. <script>
  29. function setTheme() {
  30. const time = new Date();
  31. const prev = localStorage.getItem('date');
  32. const date = String(time.getMonth() + 1) + '.' + String(time.getDate());
  33. const now = time.getTime();
  34. let sunrise;
  35. let sunset;
  36. function setBodyClass() {
  37. if (now > sunrise && now < sunset) return;
  38. document.body.classList.add('dark');
  39. }
  40. if (date !== prev) {
  41. fetch('https://api.ipgeolocation.io/astronomy?apiKey=5ed37d85103e4defa5df4c5298ed5215')
  42. .then(res => res.json())
  43. .then(data => {
  44. sunrise = data.sunrise.split(':').map(Number);
  45. sunset = data.sunset.split(':').map(Number);
  46. })
  47. .catch(() => {
  48. sunrise = [7, 0];
  49. sunset = [19, 0];
  50. })
  51. .finally(() => {
  52. sunrise = time.setHours(sunrise[0], sunrise[1], 0);
  53. sunset = time.setHours(sunset[0], sunset[1], 0);
  54. setBodyClass();
  55. localStorage.setItem('sunrise', sunrise);
  56. localStorage.setItem('sunset', sunset);
  57. });
  58. localStorage.setItem('date', date);
  59. } else {
  60. sunrise = Number(localStorage.getItem('sunrise'));
  61. sunset = Number(localStorage.getItem('sunset'));
  62. setBodyClass();
  63. }
  64. }
  65. </script>
  66. </head>
  67. <body class="single">
  68. <script>
  69. setTheme();
  70. </script>
  71. <header class="header">
  72. <nav class="nav">
  73. <p class="logo"><a href="https://unbl.ink/">UNBLINK</a></p>
  74. <ul class="menu">
  75. <li>
  76. <a href="/">Home</a>
  77. </li>
  78. <li>
  79. <a href="/post/">Archives</a>
  80. </li>
  81. <li>
  82. <a href="/categories/">Categories</a>
  83. </li>
  84. </ul>
  85. </nav>
  86. </header>
  87. <main class="main">
  88. <article class="post-single">
  89. <header class="post-header">
  90. <h1 class="post-title">Flight</h1>
  91. <div class="post-meta">[Colin Powell] · October 22, 2019</div>
  92. </header>
  93. <div class="post-content">
  94. <p class="verse">
  95. And to just lift off, leave<br />
  96. Everything behind, a fancy<br />
  97. Flight of. But<br />
  98. <br />
  99. It's not really possible.<br />
  100. <br />
  101. And leave just to lift off,<br />
  102. Find yourself gone, a fancy<br />
  103. Dinner party of. Or<br />
  104. <br />
  105. All your best friends.<br />
  106. <br />
  107. They would miss you. Most likely.<br />
  108. <br />
  109. They would wonder where<br />
  110. You had lifted off to.<br />
  111. A flight of fancy from a fancy dinner party.<br />
  112. All expectation gone.<br />
  113. </p>
  114. </div>
  115. </article>
  116. </main>
  117. <footer class="footer">
  118. <span>&copy; 2023 <a href="https://unbl.ink/">UNBLINK</a></span>
  119. <span>&middot;</span>
  120. <span>Powered by <a href="https://gohugo.io/" rel="noopener" target="_blank">Hugo️️</a>️</span>
  121. <span>&middot;</span>
  122. <span>Theme️ <a href="https://github.com/nanxiaobei/hugo-paper" rel="noopener" target="_blank">Paper</a></span>
  123. </footer>
  124. <script src="https://unbl.ink/highlight.min.js"></script>
  125. <script>
  126. hljs.initHighlightingOnLoad();
  127. </script>
  128. </body>
  129. </html>