94 lines
3.7 KiB
HTML
94 lines
3.7 KiB
HTML
<!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> |