Made 404 page dynamic

1 files changed, 9 insertions, 3 deletions

diff --git a/src/pages/404.astro b/src/pages/404.astro
index 6d1bd87..2e24449 100644
--- a/src/pages/404.astro
+++ b/src/pages/404.astro
@@ -7,9 +7,15 @@ const url = new URL(Astro.request.url).pathname.substring(1);
 <Terminal path="404">
     <TerminalBorder header="Shell" margin="0.5rem 0">
         <span>
-            <p>$ cd ~/{url}</p>
-            <p class="pt-3">"{url}": No such file or directory (os error 2)</p>
+            <p id="cd">$ cd ~/{url}</p>
+            <p id="err" class="pt-3">"{url}": No such file or directory (os error 2)</p>
         </span>
     </TerminalBorder>
 </Terminal>
-
+<script>
+    document.addEventListener("DOMContentLoaded", () => {
+        const url = window.location.pathname.substring(1);
+        document.getElementById("cd")!.textContent = `$ cd ~/${url}`;
+        document.getElementById("err")!.textContent = `"${url}": No such file or directory (os error 2)`;
+    });
+</script>