index.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136
  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>Preservation - UNBLINK</title>
  8. <meta name="description" content="I once had occasion to eat mincemeat from a Ball jar processed eight years before my birth. The dubiousness with which I approached that experience says volumes about our ability to preserve things. Even preservation has it&rsquo;s limits, you must agree. A ship, replaced board by board over five hundred years will, at some point not be an exercise in preservation, but change. The slow inevitability of change that causes mountains to fall and entire ecosystems to die.">
  9. <meta name="author" content="[Colin Powell]">
  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">Preservation</h1>
  79. <div class="post-meta">[Colin Powell] · March 10, 2020</div>
  80. </header>
  81. <div class="post-content"><p>I once had occasion to eat mincemeat from a Ball jar processed eight years
  82. before my birth. The dubiousness with which I approached that experience says
  83. volumes about our ability to preserve things. Even preservation has it&rsquo;s limits,
  84. you must agree. A ship, replaced board by board over five hundred years will, at
  85. some point not be an exercise in preservation, but change. The slow
  86. inevitability of change that causes mountains to fall and entire ecosystems to
  87. die.</p>
  88. <p>Our home among the stars has invited us for a short visit. Let us not, in our
  89. determination to survive, forget that we are guests. Mind your manners, do unto
  90. others, and don&rsquo;t try too hard to stay alive that you forget to live.</p>
  91. </div>
  92. </article>
  93. </main>
  94. <footer class="footer">
  95. <span>&copy; 2023 <a href="https://unbl.ink/">UNBLINK</a></span>
  96. <span>&middot;</span>
  97. <span>Powered by <a href="https://gohugo.io/" rel="noopener" target="_blank">Hugo️️</a>️</span>
  98. <span>&middot;</span>
  99. <span>Theme️ <a href="https://github.com/nanxiaobei/hugo-paper" rel="noopener" target="_blank">Paper</a></span>
  100. </footer>
  101. <script src="https://unbl.ink/highlight.min.js"></script>
  102. <script>
  103. hljs.initHighlightingOnLoad();
  104. </script>
  105. </body>
  106. </html>