v0.0.01b

.design/prefetch/page.html

@@ -0,0 +1,94 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>Malenia — Свобода в сети</title>
+  <link rel="preconnect" href="https://fonts.googleapis.com" />
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+  <link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Tenor+Sans&display=swap" rel="stylesheet" />
+  <link rel="stylesheet" href="styles.css" />
+  <link rel="icon" type="image/x-icon" href="favicon.ico">
+</head>
+<body>
+
+  <!-- Cursor -->
+  <div id="cursor-dot"></div>
+  <div id="cursor-ring"></div>
+
+  <div class="page">
+
+    <!-- Header -->
+    <header>
+      <a class="logo" href="#">Mal<span>e</span>nia</a>
+      <div class="header-rule"></div>
+      <span class="header-tag">Свобода. Практика. Простота.</span>
+    </header>
+
+    <!-- Hero -->
+    <main class="hero">
+
+      <!-- Emblem -->
+      <div class="emblem" aria-hidden="true">
+        <svg viewBox="0 0 90 90" fill="none" xmlns="http://www.w3.org/2000/svg">
+          <!-- outer ring -->
+          <circle cx="45" cy="45" r="42" stroke="#C9A84C" stroke-width=".8" stroke-dasharray="3 4"/>
+          <!-- inner ring -->
+          <circle cx="45" cy="45" r="32" stroke="#C9A84C" stroke-width=".5" opacity=".5"/>
+          <!-- diamond -->
+          <path d="M45 18 L72 45 L45 72 L18 45 Z" stroke="#C9A84C" stroke-width=".9" fill="none"/>
+          <!-- center dot -->
+          <circle cx="45" cy="45" r="3.5" fill="#C9A84C"/>
+          <!-- cardinal marks -->
+          <line x1="45" y1="3" x2="45" y2="12" stroke="#C9A84C" stroke-width=".8"/>
+          <line x1="45" y1="78" x2="45" y2="87" stroke="#C9A84C" stroke-width=".8"/>
+          <line x1="3" y1="45" x2="12" y2="45" stroke="#C9A84C" stroke-width=".8"/>
+          <line x1="78" y1="45" x2="87" y2="45" stroke="#C9A84C" stroke-width=".8"/>
+        </svg>
+      </div>
+
+      <!-- Quote -->
+      <div class="quote-block">
+        <p class="quote-text" id="quote-text"></p>
+        <p class="quote-author">malenia.space</p>
+      </div>
+
+      <!-- Divider -->
+      <div class="divider" aria-hidden="true">
+        <div class="divider-diamond"></div>
+      </div>
+
+      <!-- CTA Buttons -->
+      <div class="cta-group">
+
+        <a class="btn btn-primary" href="https://t.me/maleniavpn" target="_blank" rel="noopener">
+          <!-- Telegram icon -->
+          <svg class="btn-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+            <path d="M22.265 2.428a1.523 1.523 0 0 0-1.547-.232L1.91 9.9a1.523 1.523 0 0 0 .089 2.844l4.498 1.498 1.815 5.784a.761.761 0 0 0 1.295.3l2.617-2.818 4.898 3.674a1.523 1.523 0 0 0 2.389-.98l3.047-16.762a1.523 1.523 0 0 0-.293-1.012zM9.94 13.88l-.98 3.267-.98-3.143L18.5 6.04z"/>
+          </svg>
+          <span>Канал</span>
+        </a>
+
+        <a class="btn btn-secondary" href="https://t.me/maleniasupportbot" target="_blank" rel="noopener">
+          <!-- Bot icon -->
+          <svg class="btn-icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
+            <path d="M12 2a2 2 0 0 1 2 2 2 2 0 0 1-1 1.732V7h3a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H8a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3h3V5.732A2 2 0 0 1 10 4a2 2 0 0 1 2-2zm-3 9a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3zm6 0a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z"/>
+          </svg>
+          <span>Поддержка</span>
+        </a>
+
+      </div>
+    </main>
+
+    <!-- Footer -->
+    <footer>
+      <span class="footer-copy">© 2026 Malenia</span>
+      <div class="footer-dot"></div>
+      <span class="footer-copy">malenia.space</span>
+    </footer>
+
+  </div>
+
+  <script type="text/od-defused-script" src="script.js"></script>
+</body>
+</html>