add /changelog - redirect to github changelog

dotenvx · Dec 28, 2023 · b0fdde6 · b0fdde6
1 parent 3c814e5
commit b0fdde6
Show file tree

Hide file tree

Showing 3 changed files with 40 additions and 6 deletions.
diff --git a/_includes/v1/footer.html b/_includes/v1/footer.html
@@ -1,4 +1,4 @@
-<footer class="flex flex-wrap items-center gap-4 border-t border-t-zinc-100 dark:border-t-zinc-900 p-5 text-sm mt-60">
+<div class="flex flex-wrap items-center gap-4 border-t border-t-zinc-100 dark:border-t-zinc-900 p-5 text-sm">
   <a href="https://twitter.com/dotenvx" class="opacity-50 hover:opacity-75">
     <svg class="h-4 w-4 text-zinc-900 dark:invert" fill="currentColor" viewBox="0 0 16 16">
       <path d="M12.6.75h2.454l-5.36 6.142L16 15.25h-4.937l-3.867-5.07-4.425 5.07H.316l5.733-6.57L0 .75h5.063l3.495 4.633L12.601.75Zm-.86 13.028h1.36L4.323 2.145H2.865l8.875 11.633Z"/>
@@ -23,4 +23,4 @@
   <div class="flex-1 text-end text-zinc-400 dark:text-zinc-600">
     <a href="https://dotenvx.com">© dotenvx</a>
   </div>
-</footer>
+</div>
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -5,9 +5,15 @@
     {% include layouts/meta.html %}
     {% include layouts/analytics.html %}
   </head>
-  <body>
-    {% include v1/nav.html %}
-    {{ content }}
-    {% include v1/footer.html %}
+  <body class="font-sans antialiased bg-zinc-50 dark:bg-zinc-950 text-zinc-700 dark:text-zinc-300 selection:bg-[#ECD53F] selection:text-zinc-950 flex flex-col min-h-screen">
+    <header>
+      {% include v1/nav.html %}
+    </header>
+    <main class="flex-grow">
+      {{ content }}
+    </main>
+    <footer class="mt-20">
+      {% include v1/footer.html %}
+    </footer>
   </body>
 </html>
diff --git a/changelog.md b/changelog.md
@@ -0,0 +1,28 @@
+---
+title: Changelog
+redirect_to: https://github.com/dotenvx/dotenvx/blob/main/CHANGELOG.md
+---
+
+<div class="flex flex-col gap-6 mx-auto w-fit text-center items-center mt-40">
+  <div class="flex flex-col gap-2">
+    <span class="">You are being redirected to</span>
+    <a href="https://github.com/dotenvx/dotenvx/blob/main/CHANGELOG.md"><u>https://github.com/dotenvx/dotenvx/blob/main/CHANGELOG.md</u></a>
+  </div>
+
+  <a class="btn-outline w-fit" href="https://github.com/dotenvx/dotenvx/blob/main/CHANGELOG.md">Continue</a>
+
+  <span class="text-xs">in <span id="counter">4</span> second(s)</span>
+</div>
+
+<script>
+  var interval
+  interval = setInterval(function() {
+    var div = document.querySelector("#counter")
+    var count = div.textContent * 1 - 1
+    div.textContent = count
+    if (count <= 0) {
+      window.location.replace("https://github.com/dotenvx/dotenvx/blob/main/CHANGELOG.md")
+      clearInterval(interval)
+    }
+  }, 1000)
+</script>