config_page.html 2.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586
  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. .code-block {
  25. background-color: #f5f5f5;
  26. color: #333;
  27. padding: 10px;
  28. border: 1px solid #ccc;
  29. border-radius: 5px;
  30. font-family: monospace;
  31. white-space: pre;
  32. overflow: auto;
  33. }
  34. .code-block-comment {
  35. color: #999;
  36. }
  37. h1 {
  38. text-align: center;
  39. }
  40. .button {
  41. display: inline-block;
  42. padding: 10px 20px;
  43. background-color: #007bff;
  44. color: white;
  45. text-decoration: none;
  46. border-radius: 5px;
  47. font-size: 16px;
  48. transition: background-color 0.3s;
  49. margin: 20px;
  50. }
  51. .button:hover {
  52. background-color: #0056b3;
  53. }
  54. footer {
  55. text-align: center;
  56. margin-top: 20px;
  57. font-size: 12px;
  58. color: #666;
  59. padding: 10px 0;
  60. }
  61. </style>
  62. </head>
  63. <body>
  64. <div class="container">
  65. <a href="/" style="text-decoration: none"><h1><span style="color: purple">i2pd</span> <span style="color: black">tunnel wizard</span></h1></a>
  66. <p style="text-align: center">{{tagline}}</p>
  67. <div class="code-block">{{payload}}</div>
  68. <center><a href="/" class="button">{{go_back}}</a></center>
  69. </div>
  70. <footer>
  71. <div>
  72. <a href="{{url}}&lang=en">English</a> | <a href="{{url}}&lang=ru">Русский</a>
  73. </div>
  74. <div>
  75. <a href="https://notabug.org/acetone/i2pdtunnelwizard" target="_blank" style="text-decoration: none">i2pd tunnel wizard</a> v{{version}} <br>
  76. acetone, 2025 (no copyright)
  77. </div>
  78. </footer>
  79. </body>
  80. </html>