index.html 4.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127
  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>Consider - UNBLINK</title>
  8. <meta name="description" content="A torrent of wind and water and the blue disappears from the sky, leaving slate gray and silver streaks like knives cutting, deboning houses and slipping trees from sodden ground. And then nothing. Silence and the sun slips onto the surface for minutes, feeling like hours. Children, tempted to dance in the spitting rain scurry back behind boards over windows and the tempest slams sideways into the world again.">
  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">Consider</h1>
  79. <div class="post-meta">[CP] · September 18, 2017</div>
  80. </header>
  81. <div class="post-content"><p>A torrent of wind and water and the blue disappears from the sky, leaving slate gray and silver streaks like knives cutting, deboning houses and slipping trees from sodden ground. And then nothing. Silence and the sun slips onto the surface for minutes, feeling like hours. Children, tempted to dance in the spitting rain scurry back behind boards over windows and the tempest slams sideways into the world again.</p>
  82. </div>
  83. </article>
  84. </main>
  85. <footer class="footer">
  86. <span>&copy; 2023 <a href="https://unbl.ink/">UNBLINK</a></span>
  87. <span>&middot;</span>
  88. <span>Powered by <a href="https://gohugo.io/" rel="noopener" target="_blank">Hugo️️</a>️</span>
  89. <span>&middot;</span>
  90. <span>Theme️ <a href="https://github.com/nanxiaobei/hugo-paper" rel="noopener" target="_blank">Paper</a></span>
  91. </footer>
  92. <script src="https://unbl.ink/highlight.min.js"></script>
  93. <script>
  94. hljs.initHighlightingOnLoad();
  95. </script>
  96. </body>
  97. </html>