404.html 3.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899
  1. <!DOCTYPE html>
  2. <html lang="en-us">
  3. <head>
  4. <title>
  5. 404 - Page Not Found | codeskraps
  6. </title>
  7. <meta http-equiv="content-type" content="text/html; charset=utf-8">
  8. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  9. <meta name="description" content="Mobile development blog by Carles Sentis, sharing expertise in Android, iOS, and Kotlin Multiplatform development">
  10. <meta name="generator" content="Hugo 0.145.0">
  11. <link rel="canonical" href="https://codeskraps.com/404.html" >
  12. <link href="/css/style.min.ef8e99489b0b85e34523800e588426b1b4c05e27adcb9d7193952cef205afe6d.css" rel="stylesheet">
  13. <script defer src="https://umami.codeskraps.com/script.js" data-website-id="a80a52da-0b7d-4faf-9dfc-ee6ca5a8421f" data-do-not-track="true"></script>
  14. <link rel="stylesheet" href="/css/code-copy.css">
  15. <script defer src="/js/code-copy.js"></script>
  16. </head>
  17. <body>
  18. <div class="flexWrapper">
  19. <header class="headerWrapper">
  20. <div class="header">
  21. <div>
  22. <a class="terminal" href="https://codeskraps.com/">
  23. <span>me@codeskraps.com ~ $</span>
  24. </a>
  25. </div>
  26. <input class="side-menu" type="checkbox" id="side-menu">
  27. <label class="hamb" for="side-menu"><span class="hamb-line"></span></label>
  28. <nav class="headerLinks">
  29. <ul>
  30. <li>
  31. <a href="https://codeskraps.com/posts/" title="" >
  32. ~/posts</a>
  33. </li>
  34. <li>
  35. <a href="https://codeskraps.com/projects/" title="" >
  36. ~/projects</a>
  37. </li>
  38. <li>
  39. <a href="https://codeskraps.com/about/" title="" >
  40. ~/about</a>
  41. </li>
  42. </ul>
  43. </nav>
  44. </div>
  45. </header>
  46. <div class="content">
  47. <main class="main">
  48. <div class="error-container" style="text-align: center; padding: 40px;">
  49. <h1 style="font-size: 72px; margin-bottom: 20px;">4😮4</h1>
  50. <p style="font-size: 24px; margin-bottom: 20px;">Oops! Looks like this page took a wrong turn at the internet.</p>
  51. <p style="font-size: 18px; margin-bottom: 30px;">Maybe it's exploring the digital wilderness, or perhaps it's having coffee with the 403 page.</p>
  52. <div style="font-family: monospace; background: rgba(0,0,0,0.1); padding: 20px; border-radius: 8px; display: inline-block;">
  53. <p style="margin: 0;">ERROR: Page_Not_Found</p>
  54. <p style="margin: 5px 0;">SOLUTION: Try turning it off and on again... or just go back home 😉</p>
  55. </div>
  56. <p style="margin-top: 30px;">
  57. <a href="/" style="display: inline-block; padding: 10px 20px; background: #333; color: #fff; text-decoration: none; border-radius: 5px; transition: background 0.3s;">
  58. Take Me Home 🏠
  59. </a>
  60. </p>
  61. </div>
  62. </main>
  63. </div>
  64. <footer class="footer">
  65. <span>CC 2025, Built with <a href="https://gohugo.io" class="footerLink">Hugo</a> | Analytics by <a href="https://umami.codeskraps.com/" class="footerLink">Self-hosted Umami</a></span>
  66. </footer>
  67. </div>
  68. </body>
  69. </html>