added krawl homepage to templates

2026-01-05 17:07:10 +01:00
parent bd8c326918
commit 4478c60956
4 changed files with 106 additions and 97 deletions
--- a/src/templates/html/main_page.html
+++ b/src/templates/html/main_page.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html>
+<head>
+    <meta charset="UTF-8">
+    <title>Krawl</title>
+    <style>
+        body {{
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background-color: #0d1117;
+            color: #c9d1d9;
+            margin: 0;
+            padding: 40px 20px;
+            min-height: 100vh;
+            display: flex;
+            flex-direction: column;
+            align-items: center;
+        }}
+        .container {{
+            max-width: 1200px;
+            width: 100%;
+        }}
+        h1 {{
+            color: #f85149;
+            text-align: center;
+            font-size: 48px;
+            margin: 60px 0 30px;
+        }}
+        .counter {{
+            color: #f85149;
+            text-align: center;
+            font-size: 56px;
+            font-weight: bold;
+            margin-bottom: 60px;
+        }}
+        .links-container {{
+            display: flex;
+            flex-direction: column;
+            gap: 20px;
+            align-items: center;
+        }}
+        .link-box {{
+            background: #161b22;
+            border: 1px solid #30363d;
+            border-radius: 6px;
+            padding: 15px 30px;
+            min-width: 300px;
+            text-align: center;
+            transition: all 0.3s ease;
+        }}
+        .link-box:hover {{
+            background: #1c2128;
+            border-color: #58a6ff;
+            transform: translateY(-2px);
+            box-shadow: 0 4px 12px rgba(88, 166, 255, 0.2);
+        }}
+        a {{
+            color: #58a6ff;
+            text-decoration: none;
+            font-size: 20px;
+            font-weight: 700;
+        }}
+        a:hover {{
+            color: #79c0ff;
+        }}
+        .canary-token {{
+            background: #1c1917;
+            border: 2px solid #f85149;
+            border-radius: 8px;
+            padding: 30px 50px;
+            margin: 40px auto;
+            max-width: 800px;
+            overflow-x: auto;
+        }}
+        .canary-token a {{
+            color: #f85149;
+            font-size: 18px;
+            white-space: nowrap;
+        }}
+    </style>
+</head>
+<body>
+    <div class="container">
+        <h1>Krawl me! &#128376;</h1>
+        <div class="counter">{counter}</div>
+        
+        <div class="links-container">
+{content}
+        </div>
+    </div>
+</body>
+</html>