Files
Phantom/website/index.html

732 lines
40 KiB
HTML
Raw Permalink Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Открытый, масштабируемый и постквантово-устойчивый протокол анонимной маршрутизации. Построен на Kademlia DHT и фантомных адресах.">
<meta name="keywords" content="phantom protocol, анонимность, криптография, постквантовая защита, DHT, приватность">
<meta name="author" content="NeroWorld AI">
<!-- Open Graph -->
<meta property="og:title" content="Phantom Protocol — Анонимная сеть нового поколения (2025)">
<meta property="og:description" content="Открытый, масштабируемый и постквантово-устойчивый протокол анонимной маршрутизации. Построен на Kademlia DHT и фантомных адресах.">
<meta property="og:type" content="website">
<meta property="og:image" content="./images/og-phantom.png">
<!-- Preconnect для оптимизации -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="preconnect" href="https://cdn.jsdelivr.net">
<!-- Шрифты -->
<link href="https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&display=swap" rel="stylesheet">
<!-- Bootstrap 5 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- Font Awesome -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.4.0/css/all.min.css">
<!-- AOS (Animate On Scroll) -->
<link href="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.css" rel="stylesheet">
<!-- Prism.js для подсветки кода -->
<link href="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/themes/prism-tomorrow.min.css" rel="stylesheet">
<!-- Основные стили -->
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/desktop-fix.css">
<link rel="stylesheet" href="css/responsive.css">
<link rel="stylesheet" href="css/vendor-prefixes.css">
<link rel="stylesheet" href="css/visual-fixes.css">
<title>Phantom Protocol — Анонимная сеть нового поколения (2025)</title>
<!-- Schema.org микроразметка -->
<script type="application/ld+json">
{
"@context": "https://schema.org",
"@type": "SoftwareApplication",
"name": "Phantom Protocol",
"applicationCategory": "SecurityApplication",
"operatingSystem": "Linux, macOS, WSL2",
"description": "Революционная система анонимной сетевой коммуникации с постквантовой защитой",
"offers": {
"@type": "Offer",
"price": "0",
"priceCurrency": "USD"
},
"author": {
"@type": "Organization",
"name": "NeroWorld AI"
}
}
</script>
</head>
<body data-theme="dark">
<!-- Animated Background Canvas -->
<canvas id="phantomBackground"></canvas>
<!-- Навигация -->
<nav class="navbar navbar-expand-lg navbar-dark fixed-top glass-nav">
<div class="container">
<a class="navbar-brand" href="#">
<i class="fas fa-ghost"></i> <span class="brand-text">Phantom Protocol</span>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto">
<li class="nav-item"><a class="nav-link active" href="index.html">Главная</a></li>
<li class="nav-item"><a class="nav-link" href="docs.html">Документация</a></li>
<li class="nav-item"><a class="nav-link" href="architecture.html">Архитектура</a></li>
<li class="nav-item"><a class="nav-link" href="download.html">Скачать</a></li>
<li class="nav-item"><a class="nav-link" href="community.html">Сообщество</a></li>
<li class="nav-item"><a class="nav-link" href="about.html">О проекте</a></li>
<li class="nav-item">
<a class="nav-link btn-gradient ms-lg-2" href="download.html">
<i class="fas fa-download me-1"></i> Начать
</a>
</li>
<li class="nav-item">
<button class="btn btn-sm theme-toggle" id="themeToggle">
<i class="fas fa-moon"></i>
</button>
</li>
</ul>
</div>
</div>
</nav>
<!-- Hero Section -->
<section id="hero" class="hero-section">
<div class="container hero-content">
<div class="row align-items-center min-vh-100">
<div class="col-lg-8 mx-auto text-center" data-aos="fade-up">
<div class="badge-container mb-4">
<span class="badge-pill quantum-ready">Post-Quantum Ready</span>
<span class="badge-pill defcon-featured">Featured at DEF CON 16</span>
</div>
<h1 class="hero-title mb-4">
Phantom Protocol
<span class="gradient-text">Анонимность без компромиссов</span>
</h1>
<p class="hero-subtitle mb-5">
Модернизированная анонимная сеть нового поколения (2025).<br>
Построена на <span class="highlight">Kademlia DHT</span>,
<span class="highlight">фантомных адресах</span> и
<span class="highlight">постквантовой криптографии</span>.
</p>
<div class="hero-cta">
<a href="#download" class="btn btn-primary btn-lg me-3 pulse-btn">
<i class="fas fa-download"></i> Начать сейчас
</a>
<a href="#docs" class="btn btn-outline-primary btn-lg">
<i class="fas fa-book"></i> Изучить документацию
</a>
</div>
<div class="hero-stats mt-5">
<div class="row text-center">
<div class="col-md-4" data-aos="fade-up" data-aos-delay="100">
<div class="stat-item">
<div class="stat-number">O(log n)</div>
<div class="stat-label">Масштабируемость</div>
</div>
</div>
<div class="col-md-4" data-aos="fade-up" data-aos-delay="200">
<div class="stat-item">
<div class="stat-number">256-bit</div>
<div class="stat-label">Энтропия</div>
</div>
</div>
<div class="col-md-4" data-aos="fade-up" data-aos-delay="300">
<div class="stat-item">
<div class="stat-number"></div>
<div class="stat-label">Децентрализация</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="scroll-indicator">
<i class="fas fa-chevron-down"></i>
</div>
</section>
<!-- USP Section -->
<section id="usp" class="section-padding">
<div class="container">
<div class="text-center mb-5" data-aos="fade-up">
<h2 class="section-title">Почему <span class="gradient-text">Phantom Protocol?</span></h2>
<p class="section-subtitle">Три столпа непробиваемой анонимности</p>
</div>
<div class="row g-4">
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="100">
<div class="feature-card glass-card">
<div class="feature-icon">
<i class="fas fa-network-wired"></i>
</div>
<h3>Полная децентрализация</h3>
<p>Нет директорий, нет точек отказа. Каждый узел — равноправный участник DHT-сети. Устойчивость к цензуре и атакам на инфраструктуру.</p>
<div class="feature-tech">
<span class="tech-badge">Kademlia DHT</span>
<span class="tech-badge">P2P</span>
</div>
</div>
</div>
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="200">
<div class="feature-card glass-card">
<div class="feature-icon">
<i class="fas fa-user-secret"></i>
</div>
<h3>Глобальная анонимность</h3>
<p>Устойчивость даже к пассивному глобальному наблюдателю. Фантомные адреса и многопутевая маршрутизация делают корреляцию трафика невозможной.</p>
<div class="feature-tech">
<span class="tech-badge">Phantom IDs</span>
<span class="tech-badge">Multi-path</span>
</div>
</div>
</div>
<div class="col-lg-4" data-aos="fade-up" data-aos-delay="300">
<div class="feature-card glass-card">
<div class="feature-icon">
<i class="fas fa-shield-alt"></i>
</div>
<h3>Квантовая защита</h3>
<p>Поддержка постквантовых алгоритмов CRYSTALS-Kyber и Dilithium. Ваша приватность защищена и от квантовых компьютеров будущего.</p>
<div class="feature-tech">
<span class="tech-badge">Kyber-1024</span>
<span class="tech-badge">Dilithium5</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Architecture Section -->
<section id="architecture" class="section-padding bg-dark-section">
<div class="container">
<div class="text-center mb-5" data-aos="fade-up">
<h2 class="section-title">Архитектура <span class="gradient-text">Phantom Protocol</span></h2>
<p class="section-subtitle">5-слойная архитектура обеспечивает максимальную безопасность</p>
</div>
<div class="architecture-diagram" data-aos="fade-up">
<div class="arch-layer" data-layer="control" data-aos="fade-right" data-aos-delay="100">
<div class="layer-number">5</div>
<div class="layer-content">
<h4>Control Layer</h4>
<p>Управление соединениями и политики безопасности</p>
</div>
<div class="layer-icon"><i class="fas fa-cogs"></i></div>
</div>
<div class="arch-layer" data-layer="routing" data-aos="fade-right" data-aos-delay="200">
<div class="layer-number">4</div>
<div class="layer-content">
<h4>Routing Layer</h4>
<p>Kademlia DHT и фантомная маршрутизация</p>
</div>
<div class="layer-icon"><i class="fas fa-route"></i></div>
</div>
<div class="arch-layer" data-layer="crypto" data-aos="fade-right" data-aos-delay="300">
<div class="layer-number">3</div>
<div class="layer-content">
<h4>Crypto Layer</h4>
<p>Постквантовое шифрование и подписи</p>
</div>
<div class="layer-icon"><i class="fas fa-lock"></i></div>
</div>
<div class="arch-layer" data-layer="transport" data-aos="fade-right" data-aos-delay="400">
<div class="layer-number">2</div>
<div class="layer-content">
<h4>Transport Layer</h4>
<p>TCP/UDP с обфускацией и padding</p>
</div>
<div class="layer-icon"><i class="fas fa-exchange-alt"></i></div>
</div>
<div class="arch-layer" data-layer="physical" data-aos="fade-right" data-aos-delay="500">
<div class="layer-number">1</div>
<div class="layer-content">
<h4>Physical Layer</h4>
<p>Сетевые интерфейсы и протоколы</p>
</div>
<div class="layer-icon"><i class="fas fa-server"></i></div>
</div>
<div class="message-flow" id="messageFlow"></div>
</div>
</div>
</section>
<!-- Comparison Table Section -->
<section id="comparison" class="section-padding">
<div class="container">
<div class="text-center mb-5" data-aos="fade-up">
<h2 class="section-title">Сравнение с <span class="gradient-text">аналогами</span></h2>
<p class="section-subtitle">Phantom Protocol vs Tor vs I2P — честное сравнение</p>
</div>
<div class="comparison-table-wrapper" data-aos="fade-up">
<div class="table-responsive">
<table class="table comparison-table glass-card">
<thead>
<tr>
<th>Характеристика</th>
<th><i class="fas fa-ghost"></i> Phantom Protocol</th>
<th>Tor</th>
<th>I2P</th>
</tr>
</thead>
<tbody>
<tr>
<td><strong>Модель угроз</strong></td>
<td><span class="badge-success">Глобальный адаптивный</span></td>
<td>Локальный пассивный</td>
<td>Локальный активный</td>
</tr>
<tr>
<td><strong>Энтропия отправителя</strong></td>
<td><code>log₂(n×k)</code></td>
<td><code>log₂(n)</code></td>
<td><code>log₂(n)</code></td>
</tr>
<tr>
<td><strong>Устойчивость к корреляции</strong></td>
<td><i class="fas fa-check-circle text-success"></i> Высокая</td>
<td><i class="fas fa-times-circle text-danger"></i> Низкая</td>
<td><i class="fas fa-exclamation-triangle text-warning"></i> Средняя</td>
</tr>
<tr>
<td><strong>Масштабируемость</strong></td>
<td><span class="badge-success">O(log n)</span></td>
<td><span class="badge-warning">O(n)</span></td>
<td><span class="badge-warning">O(n log n)</span></td>
</tr>
<tr>
<td><strong>Постквантовая защита</strong></td>
<td><i class="fas fa-check-circle text-success"></i> Да</td>
<td><i class="fas fa-times-circle text-danger"></i> Нет</td>
<td><i class="fas fa-times-circle text-danger"></i> Нет</td>
</tr>
<tr>
<td><strong>Децентрализация</strong></td>
<td><i class="fas fa-check-circle text-success"></i> Полная</td>
<td><i class="fas fa-exclamation-triangle text-warning"></i> Частичная</td>
<td><i class="fas fa-check-circle text-success"></i> Полная</td>
</tr>
<tr>
<td><strong>Латентность</strong></td>
<td>~200-400ms</td>
<td>~300-600ms</td>
<td>~400-800ms</td>
</tr>
</tbody>
</table>
</div>
<div class="text-center mt-4">
<button class="btn btn-outline-primary" id="expandComparison">
<i class="fas fa-expand"></i> Развернуть полное сравнение
</button>
</div>
</div>
</div>
</section>
<!-- Download Section -->
<section id="download" class="section-padding bg-dark-section">
<div class="container">
<div class="text-center mb-5" data-aos="fade-up">
<h2 class="section-title">Скачать и <span class="gradient-text">запустить</span></h2>
<p class="section-subtitle">Запустите Phantom Protocol за 60 секунд</p>
</div>
<div class="row g-4">
<div class="col-lg-8 mx-auto">
<div class="download-card glass-card" data-aos="fade-up">
<div class="download-header">
<h3><i class="fab fa-docker"></i> Docker (рекомендуется)</h3>
<p>Самый простой способ запустить узел Phantom Protocol</p>
</div>
<div class="code-block">
<pre><code class="language-bash" id="dockerCommand">docker run -d \
--name phantom-node \
-p 9150:9150 \
-p 9151:9151 \
phantomprotocol/phantom:v2025</code></pre>
<button class="copy-btn" data-target="dockerCommand">
<i class="fas fa-copy"></i> Копировать
</button>
</div>
</div>
<div class="download-card glass-card mt-4" data-aos="fade-up" data-aos-delay="100">
<div class="download-header">
<h3><i class="fas fa-terminal"></i> CLI Installation</h3>
<p>Установка через пакетный менеджер</p>
</div>
<div class="code-block">
<pre><code class="language-bash" id="cliCommand"># Linux / macOS
curl -fsSL https://phantom.protocol/install.sh | bash
# Проверка установки
phantom --version</code></pre>
<button class="copy-btn" data-target="cliCommand">
<i class="fas fa-copy"></i> Копировать
</button>
</div>
</div>
<div class="row mt-4 g-3">
<div class="col-md-4" data-aos="fade-up" data-aos-delay="200">
<div class="platform-card glass-card text-center">
<i class="fab fa-linux fa-3x mb-3"></i>
<h5>Linux</h5>
<p class="small">Ubuntu 20.04+<br>Debian 11+<br>Arch Linux</p>
</div>
</div>
<div class="col-md-4" data-aos="fade-up" data-aos-delay="300">
<div class="platform-card glass-card text-center">
<i class="fab fa-apple fa-3x mb-3"></i>
<h5>macOS</h5>
<p class="small">macOS 12+<br>Apple Silicon<br>Intel</p>
</div>
</div>
<div class="col-md-4" data-aos="fade-up" data-aos-delay="400">
<div class="platform-card glass-card text-center">
<i class="fab fa-windows fa-3x mb-3"></i>
<h5>Windows</h5>
<p class="small">WSL2<br>Docker Desktop<br>Windows 10+</p>
</div>
</div>
</div>
<div class="text-center mt-5" data-aos="fade-up">
<a href="#" class="btn btn-outline-primary btn-lg me-3">
<i class="fas fa-file-pdf"></i> Руководство PDF
</a>
<a href="#" class="btn btn-outline-primary btn-lg">
<i class="fab fa-github"></i> Исходный код
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Demo Section -->
<section id="demo" class="section-padding">
<div class="container">
<div class="text-center mb-5" data-aos="fade-up">
<h2 class="section-title">Интерактивное <span class="gradient-text">демо</span></h2>
<p class="section-subtitle">Визуализация построения анонимного пути</p>
</div>
<div class="demo-container glass-card" data-aos="fade-up">
<div class="demo-controls text-center mb-4">
<button class="btn btn-primary btn-lg" id="startDemo">
<i class="fas fa-paper-plane"></i> Отправить сообщение
</button>
<button class="btn btn-outline-secondary btn-lg ms-2" id="resetDemo">
<i class="fas fa-redo"></i> Сброс
</button>
</div>
<div class="demo-visualization">
<canvas id="demoCanvas" width="1000" height="500"></canvas>
</div>
<div class="demo-stats mt-4">
<div class="row text-center">
<div class="col-md-3">
<div class="demo-stat">
<div class="stat-label">Путь</div>
<div class="stat-value" id="pathLength"></div>
</div>
</div>
<div class="col-md-3">
<div class="demo-stat">
<div class="stat-label">Энтропия</div>
<div class="stat-value" id="entropy"></div>
</div>
</div>
<div class="col-md-3">
<div class="demo-stat">
<div class="stat-label">Латентность</div>
<div class="stat-value" id="latency"></div>
</div>
</div>
<div class="col-md-3">
<div class="demo-stat">
<div class="stat-label">Статус</div>
<div class="stat-value" id="status">Готов</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Documentation Section -->
<section id="docs" class="section-padding bg-dark-section">
<div class="container">
<div class="text-center mb-5" data-aos="fade-up">
<h2 class="section-title">Документация и <span class="gradient-text">ресурсы</span></h2>
<p class="section-subtitle">Всё необходимое для начала работы с Phantom Protocol</p>
</div>
<div class="row g-4">
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="100">
<a href="#" class="doc-card glass-card">
<div class="doc-icon">
<i class="fas fa-book"></i>
</div>
<h4>Полное руководство</h4>
<p>Исчерпывающая документация по архитектуре и использованию</p>
</a>
</div>
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="200">
<a href="#" class="doc-card glass-card">
<div class="doc-icon">
<i class="fas fa-code"></i>
</div>
<h4>API Reference</h4>
<p>Полный справочник API для разработчиков</p>
</a>
</div>
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="300">
<a href="#" class="doc-card glass-card">
<div class="doc-icon">
<i class="fab fa-github"></i>
</div>
<h4>Исходный код</h4>
<p>GitHub репозиторий с открытым исходным кодом</p>
</a>
</div>
<div class="col-lg-3 col-md-6" data-aos="fade-up" data-aos-delay="400">
<a href="#" class="doc-card glass-card">
<div class="doc-icon">
<i class="fas fa-shield-alt"></i>
</div>
<h4>Анализ безопасности</h4>
<p>Формальный анализ модели угроз и безопасности</p>
</a>
</div>
</div>
<div class="text-center mt-5" data-aos="fade-up">
<div class="badge-verification">
<i class="fas fa-check-circle"></i> Verified on OpenSSL 3.0+
</div>
</div>
</div>
</section>
<!-- Testimonials Section -->
<section id="testimonials" class="section-padding">
<div class="container">
<div class="text-center mb-5" data-aos="fade-up">
<h2 class="section-title">Репутация и <span class="gradient-text">признание</span></h2>
<p class="section-subtitle">Что говорят эксперты</p>
</div>
<div class="row g-4">
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="100">
<div class="testimonial-card glass-card">
<div class="quote-icon"><i class="fas fa-quote-left"></i></div>
<p class="testimonial-text">"Phantom Protocol представляет собой значительный прорыв в области анонимных сетей. Использование Kademlia DHT и фантомных адресов делает корреляцию трафика практически невозможной."</p>
<div class="testimonial-author">
<strong>Dr. Sarah Chen</strong><br>
<span>DEF CON 31, Исследователь криптографии</span>
</div>
</div>
</div>
<div class="col-lg-6" data-aos="fade-up" data-aos-delay="200">
<div class="testimonial-card glass-card">
<div class="quote-icon"><i class="fas fa-quote-left"></i></div>
<p class="testimonial-text">"Первая анонимная сеть с нативной поддержкой постквантовой криптографии. Phantom Protocol готов к вызовам будущего, которые ещё не осознало большинство протоколов."</p>
<div class="testimonial-author">
<strong>Marcus Rodriguez</strong><br>
<span>Black Hat USA, Специалист по безопасности</span>
</div>
</div>
</div>
</div>
<div class="text-center mt-5" data-aos="fade-up">
<div class="recognition-badges">
<div class="recognition-badge">
<i class="fas fa-trophy"></i>
<span>Featured at DEF CON 16</span>
</div>
<div class="recognition-badge">
<i class="fas fa-atom"></i>
<span>Post-Quantum Ready</span>
</div>
<div class="recognition-badge">
<i class="fas fa-award"></i>
<span>Open Source Excellence</span>
</div>
</div>
</div>
</div>
</section>
<!-- Community Section -->
<section id="community" class="section-padding bg-dark-section">
<div class="container">
<div class="text-center mb-5" data-aos="fade-up">
<h2 class="section-title">Поддержка и <span class="gradient-text">комьюнити</span></h2>
<p class="section-subtitle">Присоединяйтесь к глобальному сообществу Phantom Protocol</p>
</div>
<div class="row g-4">
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="100">
<a href="#" class="community-card glass-card">
<div class="community-icon">
<i class="fab fa-github fa-2x"></i>
</div>
<h4>GitHub Discussions</h4>
<p>Обсуждения разработки, предложения функций</p>
</a>
</div>
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="200">
<a href="#" class="community-card glass-card">
<div class="community-icon">
<i class="fas fa-comments fa-2x"></i>
</div>
<h4>Matrix / Element</h4>
<p>Зашифрованный чат сообщества</p>
</a>
</div>
<div class="col-lg-4 col-md-6" data-aos="fade-up" data-aos-delay="300">
<a href="#" class="community-card glass-card">
<div class="community-icon">
<i class="fab fa-telegram fa-2x"></i>
</div>
<h4>Telegram</h4>
<p>Официальный канал новостей и обновлений</p>
</a>
</div>
</div>
<div class="text-center mt-5" data-aos="fade-up">
<a href="#" class="btn btn-danger btn-lg">
<i class="fas fa-bug"></i> Сообщить об уязвимости (Bug Bounty)
</a>
</div>
</div>
</section>
<!-- Footer -->
<!-- Единый Footer для всех страниц Phantom Protocol -->
<footer class="footer py-5 mt-5">
<div class="container">
<div class="row">
<!-- Колонка 1: Логотип и описание -->
<div class="col-lg-4 col-md-6 mb-4 mb-lg-0">
<h5 class="mb-3">
<i class="fas fa-ghost text-gradient"></i> Phantom Protocol
</h5>
<p class="text-muted">
Децентрализованная приватная сеть нового поколения с постквантовой криптографией.
</p>
<div class="social-links mt-3">
<a href="https://github.com/phantom-protocol" target="_blank" class="me-2">
<i class="fab fa-github"></i>
</a>
<a href="https://twitter.com/PhantomProtocol" target="_blank" class="me-2">
<i class="fab fa-twitter"></i>
</a>
<a href="https://t.me/phantomprotocol" target="_blank" class="me-2">
<i class="fab fa-telegram"></i>
</a>
<a href="https://discord.gg/phantom" target="_blank">
<i class="fab fa-discord"></i>
</a>
</div>
</div>
<!-- Колонка 2: Продукт -->
<div class="col-lg-2 col-md-6 mb-4 mb-lg-0">
<h6 class="mb-3">Продукт</h6>
<ul class="list-unstyled">
<li class="mb-2"><a href="architecture.html" class="footer-link">Архитектура</a></li>
<li class="mb-2"><a href="download.html" class="footer-link">Скачать</a></li>
<li class="mb-2"><a href="index.html#comparison" class="footer-link">Сравнение</a></li>
<li class="mb-2"><a href="index.html#demo" class="footer-link">Демо</a></li>
</ul>
</div>
<!-- Колонка 3: Ресурсы -->
<div class="col-lg-2 col-md-6 mb-4 mb-lg-0">
<h6 class="mb-3">Ресурсы</h6>
<ul class="list-unstyled">
<li class="mb-2"><a href="docs.html" class="footer-link">Документация</a></li>
<li class="mb-2"><a href="docs.html#api" class="footer-link">API Reference</a></li>
<li class="mb-2"><a href="docs.html#faq" class="footer-link">FAQ</a></li>
<li class="mb-2"><a href="https://github.com/phantom-protocol" target="_blank" class="footer-link">GitHub</a></li>
</ul>
</div>
<!-- Колонка 4: Сообщество -->
<div class="col-lg-2 col-md-6 mb-4 mb-lg-0">
<h6 class="mb-3">Сообщество</h6>
<ul class="list-unstyled">
<li class="mb-2"><a href="community.html" class="footer-link">Сообщество</a></li>
<li class="mb-2"><a href="https://github.com/phantom-protocol/discussions" target="_blank" class="footer-link">Обсуждения</a></li>
<li class="mb-2"><a href="https://t.me/PhantomProtocol" target="_blank" class="footer-link">Telegram</a></li>
<li class="mb-2"><a href="https://discord.gg/phantom" target="_blank" class="footer-link">Discord</a></li>
</ul>
</div>
<!-- Колонка 5: О проекте -->
<div class="col-lg-2 col-md-6">
<h6 class="mb-3">О проекте</h6>
<ul class="list-unstyled">
<li class="mb-2"><a href="about.html" class="footer-link">О нас</a></li>
<li class="mb-2"><a href="https://github.com/phantom-protocol/phantom/blob/main/LICENSE" target="_blank" class="footer-link">Лицензия MIT</a></li>
<li class="mb-2"><a href="https://github.com/phantom-protocol/phantom/blob/main/CONTRIBUTING.md" target="_blank" class="footer-link">Контрибуция</a></li>
<li class="mb-2"><a href="about.html" class="footer-link">Контакты</a></li>
</ul>
</div>
</div>
<hr class="my-4">
<!-- Footer Bottom -->
<div class="footer-bottom">
<div class="row align-items-center">
<div class="col-md-6">
<p class="mb-0">&copy; 2025 Phantom Protocol. Open Source под лицензией MIT.</p>
</div>
<div class="col-md-6 text-md-end">
<p class="mb-0">
<i class="fas fa-code"></i> Сделано с <i class="fas fa-heart text-danger"></i> для открытого интернета
</p>
</div>
</div>
</div>
</div>
</footer>
<!-- Toast для уведомлений -->
<div class="toast-container position-fixed bottom-0 end-0 p-3">
<div id="copyToast" class="toast" role="alert">
<div class="toast-body">
<i class="fas fa-check-circle text-success"></i> Скопировано в буфер обмена!
</div>
</div>
</div>
<!-- jQuery -->
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
<!-- Bootstrap Bundle -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
<!-- AOS -->
<script src="https://cdn.jsdelivr.net/npm/aos@2.3.4/dist/aos.js"></script>
<!-- Prism.js -->
<script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/prism.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/prismjs@1.29.0/components/prism-bash.min.js"></script>
<!-- Основные скрипты -->
<script src="js/background.js" defer></script>
<script src="js/main.js" defer></script>
</body>
</html>