404.html 1.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
  6. <meta name="theme-color" content="#2d2d2d">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="default">
  9. <meta name="apple-mobile-web-app-title" content="kNotes">
  10. <meta name="mobile-web-app-capable" content="yes">
  11. <meta name="application-name" content="kNotes">
  12. <title>Page Not Found - kNotes</title>
  13. <link rel="stylesheet" href="css/style.css">
  14. <link rel="icon" type="image/x-icon" href="img/favicon.ico">
  15. </head>
  16. <body>
  17. <div id="headerContainer"></div>
  18. <div class="content">
  19. <div class="error-content">
  20. <div class="error-icon">📄</div>
  21. <h1 class="error-title">Page Not Found</h1>
  22. <p class="error-message">
  23. The page you're looking for doesn't exist. It might have been moved, deleted,
  24. or you entered the wrong URL.
  25. </p>
  26. <div class="error-actions">
  27. <button class="dialog-btn primary" onclick="navigateToPage('home.html')">
  28. Go Home
  29. </button>
  30. <button class="dialog-btn secondary" onclick="showIdInput()">
  31. Open Note
  32. </button>
  33. </div>
  34. </div>
  35. </div>
  36. <div id="modalContainer"></div>
  37. <script src="js/components.js"></script>
  38. <script src="js/script.js"></script>
  39. <script>
  40. document.addEventListener('DOMContentLoaded', async () => {
  41. await initPage('error');
  42. });
  43. </script>
  44. </body>
  45. </html>