1 files changed, 54 insertions, 0 deletions
diff --git a/assets/js/404.js b/assets/js/404.js
new file mode 100644
index 0000000..c26c218
--- /dev/null
+++ b/assets/js/404.js
@@ -0,0 +1,54 @@
+/**
+ * 404.js
+ * Quote randomization and terminal animation for 404 page
+ */
+
+(function() {
+  'use strict';
+
+  const quotes = [
+    'The page you are looking for doesn\'t exist. But that\'s okay, nothing exists until you find it.',
+    'A 404 is just a redirect to a new beginning.',
+    'You found a secret path. Sadly, it leads nowhere.',
+    'This page chose to remain unknown.',
+    'In the quantum realm, this page exists and doesn\'t exist simultaneously.',
+    'Sometimes the best discoveries are the ones we never intended to find.',
+  ];
+
+  const quoteText = document.getElementById('quote-text');
+  const quoteAuthor = document.getElementById('quote-author');
+  const terminalFiles = document.getElementById('terminal-files');
+
+  if (quoteText && quoteAuthor) {
+    const randomQuote = quotes[Math.floor(Math.random() * quotes.length)];
+    quoteText.textContent = randomQuote;
+    quoteAuthor.textContent = '— 404 Philosopher';
+  }
+
+  if (terminalFiles) {
+    const files = [
+      'post-01-security.md',
+      'post-02-web-dev.md',
+      'post-03-bash-tips.md',
+      'about.md',
+      'contact.md',
+    ];
+
+    files.forEach((file) => {
+      const line = document.createElement('div');
+      line.textContent = file;
+      terminalFiles.appendChild(line);
+    });
+  }
+
+  // Listen for search (if implemented)
+  const searchBtn = document.querySelector('.search-box button');
+  if (searchBtn) {
+    searchBtn.addEventListener('click', () => {
+      const input = document.querySelector('.search-box input');
+      if (input && input.value) {
+        window.location.href = `/articles/?search=${encodeURIComponent(input.value)}`;
+      }
+    });
+  }
+})();