error_page.html 2.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <!DOCTYPE html>
  2. <html lang="{{lang_code}}">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <link rel="icon" href="/favicon.png" type="image/png">
  7. <title>i2pd tunnel wizard</title>
  8. <style>
  9. html, body {
  10. background-color: #f0f0f0;
  11. font-family: Arial, sans-serif;
  12. margin: 0;
  13. height: 100%;
  14. overflow-y: auto;
  15. }
  16. .container {
  17. max-width: 750px;
  18. width: 100%;
  19. margin: 20px auto;
  20. background-color: white;
  21. padding: 10px;
  22. box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  23. }
  24. h1 {
  25. text-align: center;
  26. }
  27. .button {
  28. display: inline-block;
  29. padding: 10px 20px;
  30. background-color: #007bff;
  31. color: white;
  32. text-decoration: none;
  33. border-radius: 5px;
  34. font-size: 16px;
  35. transition: background-color 0.3s;
  36. margin: 20px;
  37. }
  38. .button:hover {
  39. background-color: #0056b3;
  40. }
  41. .error {
  42. background-color: #d9534f;
  43. color: white;
  44. padding: 15px;
  45. border-radius: 5px;
  46. font-size: 18px;
  47. text-align: center;
  48. margin: 20px;
  49. }
  50. footer {
  51. text-align: center;
  52. margin-top: 20px;
  53. font-size: 12px;
  54. color: #666;
  55. padding: 10px 0;
  56. }
  57. </style>
  58. </head>
  59. <body>
  60. <div class="container">
  61. <a href="/" style="text-decoration: none"><h1><span style="color: purple">i2pd</span> <span style="color: black">tunnel wizard</span></h1></a>
  62. <p style="text-align: center">{{tagline}}</p>
  63. <div class="error">
  64. {{text}}
  65. </div>
  66. <center><a href="/" class="button">{{go_back}}</a></center>
  67. </div>
  68. <footer>
  69. <div>
  70. <a href="{{url}}&lang=en">English</a> | <a href="{{url}}&lang=ru">Русский</a>
  71. </div>
  72. <div>
  73. <a href="https://notabug.org/acetone/i2pdtunnelwizard" target="_blank" style="text-decoration: none">i2pd tunnel wizard</a> v{{version}} <br>
  74. acetone, 2025 (no copyright)
  75. </div>
  76. </footer>
  77. </body>
  78. </html>