index.html 4.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150
  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>Seat - UNBLINK</title>
  8. <meta name="description" content="You knew a guest was in the house
  9. The seat would be up.
  10. Sometimes the door would be closed.
  11. Intimacy breeds familiarity,
  12. And a sense that what was hidden
  13. Behind the door was less a right
  14. Of all, than an expectation.
  15. We are unashamed, possibly even
  16. Impolite. But we always know
  17. When there&#39;s a guest in the house.">
  18. <meta name="author" content="[Colin Powell]">
  19. <link href="https://unbl.ink/an-old-hope.min.css" rel="stylesheet">
  20. <link href="https://unbl.ink/style.css" rel="stylesheet">
  21. <link rel="apple-touch-icon" href="https://unbl.ink/apple-touch-icon.png">
  22. <link rel="icon" href="https://unbl.ink/favicon.ico">
  23. <meta name="generator" content="Hugo 0.109.0">
  24. <link rel="alternate" type="application/atom+xml" href="https://unbl.ink/index.xml" title="UNBLINK">
  25. <script>
  26. function setTheme() {
  27. const time = new Date();
  28. const prev = localStorage.getItem('date');
  29. const date = String(time.getMonth() + 1) + '.' + String(time.getDate());
  30. const now = time.getTime();
  31. let sunrise;
  32. let sunset;
  33. function setBodyClass() {
  34. if (now > sunrise && now < sunset) return;
  35. document.body.classList.add('dark');
  36. }
  37. if (date !== prev) {
  38. fetch('https://api.ipgeolocation.io/astronomy?apiKey=5ed37d85103e4defa5df4c5298ed5215')
  39. .then(res => res.json())
  40. .then(data => {
  41. sunrise = data.sunrise.split(':').map(Number);
  42. sunset = data.sunset.split(':').map(Number);
  43. })
  44. .catch(() => {
  45. sunrise = [7, 0];
  46. sunset = [19, 0];
  47. })
  48. .finally(() => {
  49. sunrise = time.setHours(sunrise[0], sunrise[1], 0);
  50. sunset = time.setHours(sunset[0], sunset[1], 0);
  51. setBodyClass();
  52. localStorage.setItem('sunrise', sunrise);
  53. localStorage.setItem('sunset', sunset);
  54. });
  55. localStorage.setItem('date', date);
  56. } else {
  57. sunrise = Number(localStorage.getItem('sunrise'));
  58. sunset = Number(localStorage.getItem('sunset'));
  59. setBodyClass();
  60. }
  61. }
  62. </script>
  63. </head>
  64. <body class="single">
  65. <script>
  66. setTheme();
  67. </script>
  68. <header class="header">
  69. <nav class="nav">
  70. <p class="logo"><a href="https://unbl.ink/">UNBLINK</a></p>
  71. <ul class="menu">
  72. <li>
  73. <a href="/">Home</a>
  74. </li>
  75. <li>
  76. <a href="/post/">Archives</a>
  77. </li>
  78. <li>
  79. <a href="/categories/">Categories</a>
  80. </li>
  81. </ul>
  82. </nav>
  83. </header>
  84. <main class="main">
  85. <article class="post-single">
  86. <header class="post-header">
  87. <h1 class="post-title">Seat</h1>
  88. <div class="post-meta">[Colin Powell] · October 28, 2019</div>
  89. </header>
  90. <div class="post-content">
  91. <p class="verse">
  92. You knew a guest was in the house<br />
  93. The seat would be up.<br />
  94. Sometimes the door would be closed.<br />
  95. <br />
  96. Intimacy breeds familiarity,<br />
  97. And a sense that what was hidden<br />
  98. Behind the door was less a right<br />
  99. Of all, than an expectation.<br />
  100. <br />
  101. We are unashamed, possibly even<br />
  102. Impolite. But we always know<br />
  103. When there's a guest in the house.<br />
  104. </p>
  105. </div>
  106. </article>
  107. </main>
  108. <footer class="footer">
  109. <span>&copy; 2023 <a href="https://unbl.ink/">UNBLINK</a></span>
  110. <span>&middot;</span>
  111. <span>Powered by <a href="https://gohugo.io/" rel="noopener" target="_blank">Hugo️️</a>️</span>
  112. <span>&middot;</span>
  113. <span>Theme️ <a href="https://github.com/nanxiaobei/hugo-paper" rel="noopener" target="_blank">Paper</a></span>
  114. </footer>
  115. <script src="https://unbl.ink/highlight.min.js"></script>
  116. <script>
  117. hljs.initHighlightingOnLoad();
  118. </script>
  119. </body>
  120. </html>