index.html 4.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135
  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>Trees - UNBLINK</title>
  8. <meta name="description" content="Take a moment to hold a single, specific tree in your vision.
  9. Now turn away and try to visualize the same tree in your mind.
  10. Turn back to the tree and consider that the tree is alive.
  11. The tree is growing right now; pulling water from the ground.
  12. Return to holding the same tree tomorrow, and the next day.">
  13. <meta name="author" content="[CP]">
  14. <link href="https://unbl.ink/an-old-hope.min.css" rel="stylesheet">
  15. <link href="https://unbl.ink/style.css" rel="stylesheet">
  16. <link rel="apple-touch-icon" href="https://unbl.ink/apple-touch-icon.png">
  17. <link rel="icon" href="https://unbl.ink/favicon.ico">
  18. <meta name="generator" content="Hugo 0.109.0">
  19. <link rel="alternate" type="application/atom+xml" href="https://unbl.ink/index.xml" title="UNBLINK">
  20. <script>
  21. function setTheme() {
  22. const time = new Date();
  23. const prev = localStorage.getItem('date');
  24. const date = String(time.getMonth() + 1) + '.' + String(time.getDate());
  25. const now = time.getTime();
  26. let sunrise;
  27. let sunset;
  28. function setBodyClass() {
  29. if (now > sunrise && now < sunset) return;
  30. document.body.classList.add('dark');
  31. }
  32. if (date !== prev) {
  33. fetch('https://api.ipgeolocation.io/astronomy?apiKey=5ed37d85103e4defa5df4c5298ed5215')
  34. .then(res => res.json())
  35. .then(data => {
  36. sunrise = data.sunrise.split(':').map(Number);
  37. sunset = data.sunset.split(':').map(Number);
  38. })
  39. .catch(() => {
  40. sunrise = [7, 0];
  41. sunset = [19, 0];
  42. })
  43. .finally(() => {
  44. sunrise = time.setHours(sunrise[0], sunrise[1], 0);
  45. sunset = time.setHours(sunset[0], sunset[1], 0);
  46. setBodyClass();
  47. localStorage.setItem('sunrise', sunrise);
  48. localStorage.setItem('sunset', sunset);
  49. });
  50. localStorage.setItem('date', date);
  51. } else {
  52. sunrise = Number(localStorage.getItem('sunrise'));
  53. sunset = Number(localStorage.getItem('sunset'));
  54. setBodyClass();
  55. }
  56. }
  57. </script>
  58. </head>
  59. <body class="single">
  60. <script>
  61. setTheme();
  62. </script>
  63. <header class="header">
  64. <nav class="nav">
  65. <p class="logo"><a href="https://unbl.ink/">UNBLINK</a></p>
  66. <ul class="menu">
  67. <li>
  68. <a href="/">Home</a>
  69. </li>
  70. <li>
  71. <a href="/post/">Archives</a>
  72. </li>
  73. <li>
  74. <a href="/categories/">Categories</a>
  75. </li>
  76. </ul>
  77. </nav>
  78. </header>
  79. <main class="main">
  80. <article class="post-single">
  81. <header class="post-header">
  82. <h1 class="post-title">Trees</h1>
  83. <div class="post-meta">[CP] · September 15, 2017</div>
  84. </header>
  85. <div class="post-content"><p>Take a moment to hold a single, specific tree in your vision.</p>
  86. <p>Now turn away and try to visualize the same tree in your mind.</p>
  87. <p>Turn back to the tree and consider that the tree is alive.</p>
  88. <p>The tree is growing right now; pulling water from the ground.</p>
  89. <p>Return to holding the same tree tomorrow, and the next day.</p>
  90. </div>
  91. </article>
  92. </main>
  93. <footer class="footer">
  94. <span>&copy; 2023 <a href="https://unbl.ink/">UNBLINK</a></span>
  95. <span>&middot;</span>
  96. <span>Powered by <a href="https://gohugo.io/" rel="noopener" target="_blank">Hugo️️</a>️</span>
  97. <span>&middot;</span>
  98. <span>Theme️ <a href="https://github.com/nanxiaobei/hugo-paper" rel="noopener" target="_blank">Paper</a></span>
  99. </footer>
  100. <script src="https://unbl.ink/highlight.min.js"></script>
  101. <script>
  102. hljs.initHighlightingOnLoad();
  103. </script>
  104. </body>
  105. </html>