index.html 4.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137
  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>Haze - UNBLINK</title>
  8. <meta name="description" content="Before you begin, consider the atmosphere of the day. Take stock when the day is humid and hazy and the sun never seems to move beyond the burnt orange hue.
  9. Or is there not a cloud in sight, with not a drop of moisture in the air and a brilliant cerulean sky above you?
  10. Perhaps the mood is changeable with a brisk wind and clouds that seem to shift and move every minute.">
  11. <meta name="author" content="[CP]">
  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">Haze</h1>
  81. <div class="post-meta">[CP] · September 16, 2017</div>
  82. </header>
  83. <div class="post-content"><p>Before you begin, consider the atmosphere of the day. Take stock when the day is
  84. humid and hazy and the sun never seems to move beyond the burnt orange hue.</p>
  85. <p>Or is there not a cloud in sight, with not a drop of moisture in the air and a
  86. brilliant cerulean sky above you?</p>
  87. <p>Perhaps the mood is changeable with a brisk wind and clouds that seem to shift
  88. and move every minute.</p>
  89. <p>Whatever your day, take stock that how the day presents itself to you can have
  90. an impact on how you perceive yourself and those around you. Now act accordingly
  91. and maintain your virtue.</p>
  92. </div>
  93. </article>
  94. </main>
  95. <footer class="footer">
  96. <span>&copy; 2023 <a href="https://unbl.ink/">UNBLINK</a></span>
  97. <span>&middot;</span>
  98. <span>Powered by <a href="https://gohugo.io/" rel="noopener" target="_blank">Hugo️️</a>️</span>
  99. <span>&middot;</span>
  100. <span>Theme️ <a href="https://github.com/nanxiaobei/hugo-paper" rel="noopener" target="_blank">Paper</a></span>
  101. </footer>
  102. <script src="https://unbl.ink/highlight.min.js"></script>
  103. <script>
  104. hljs.initHighlightingOnLoad();
  105. </script>
  106. </body>
  107. </html>