unified: Phantom Protocol 2025 complete archive integration

2026-05-18 17:28:53 +01:00
commit b680c5aeca
553 changed files with 112091 additions and 0 deletions
--- a/website/README.md
+++ b/website/README.md
@@ -0,0 +1,799 @@
+# 🔮 Phantom Protocol - Complete Website
+
+```
+    ____  __                 __                     ____             __                  __
+   / __ \/ /_  ____ _____  / /_____  ____ ___     / __ \_________  / /_____  _________  / /
+  / /_/ / __ \/ __ `/ __ \/ __/ __ \/ __ `__ \   / /_/ / ___/ __ \/ __/ __ \/ ___/ __ \/ / 
+ / ____/ / / / /_/ / / / / /_/ /_/ / / / / / /  / ____/ /  / /_/ / /_/ /_/ / /__/ /_/ / /  
+/_/   /_/ /_/\__,_/_/ /_/\__/\____/_/ /_/ /_/  /_/   /_/   \____/\__/\____/\___/\____/_/   
+```
+
+Полноценный многостраничный сайт для **Phantom Protocol** — революционной системы анонимной сетевой коммуникации с постквантовой защитой.
+
+![Phantom Protocol](https://img.shields.io/badge/Status-Production-success)
+![Version](https://img.shields.io/badge/Version-2.3.0-blue)
+![Pages](https://img.shields.io/badge/Pages-6-green)
+![License](https://img.shields.io/badge/License-MIT-green)
+![HTML5](https://img.shields.io/badge/HTML5-E34F26?logo=html5&logoColor=white)
+![CSS3](https://img.shields.io/badge/CSS3-1572B6?logo=css3&logoColor=white)
+![JavaScript](https://img.shields.io/badge/JavaScript-F7DF1E?logo=javascript&logoColor=black)
+![Bootstrap](https://img.shields.io/badge/Bootstrap-5.3.2-7952B3)
+
+---
+
+## 🆕 ПОСЛЕДНИЕ ОБНОВЛЕНИЯ
+
+### ✅ Анимированный фон DHT-сети на всех страницах (НОВОЕ!)
+- 🌌 Продвинутая анимация DHT-сети (как в Hero секции) на **ВСЕХ 6 страницах**
+- 🔷 60 узлов с разной скоростью, размером и прозрачностью
+- 🔗 Динамические связи между узлами (purple)
+- ✨ Эффект свечения для крупных узлов
+- 🎨 Cyan узлы + Purple связи (киберпанк стиль)
+- 📱 Оптимизирован для мобильных устройств
+- 📄 Подробности в [ANIMATED-BACKGROUND.md](ANIMATED-BACKGROUND.md)
+
+### ✅ Desktop Grid Fix
+- 🔧 Исправлена проблема с отображением блоков в столбик на компьютерах
+- ✅ Добавлен файл `css/desktop-fix.css` для исправления Bootstrap Grid
+- ✅ Применён ко всем 6 страницам
+- 📄 Подробности в [DESKTOP-FIX.md](DESKTOP-FIX.md)
+
+**Убедитесь что порядок загрузки CSS правильный:**
+```html
+<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">
+```
+
+---
+
+## 📋 Содержание
+
+- [О проекте](#о-проекте)
+- [Структура сайта](#структура-сайта)
+- [Реализованные страницы](#реализованные-страницы)
+- [Технологический стек](#технологический-стек)
+- [Установка и запуск](#установка-и-запуск)
+- [Функциональные возможности](#функциональные-возможности)
+- [Дизайн](#дизайн)
+- [SEO и производительность](#seo-и-производительность)
+- [Дальнейшее развитие](#дальнейшее-развитие)
+- [Лицензия](#лицензия)
+
+---
+
+## 🎯 О проекте
+
+Полноценный многостраничный сайт для Phantom Protocol, включающий:
+- Презентационную главную страницу
+- Подробную документацию
+- Техническую архитектуру
+- Страницу загрузки
+- Раздел сообщества
+- Информацию о проекте
+
+**Целевая аудитория:**
+- Разработчики анонимных сетей и децентрализованных систем
+- Исследователи в области информационной безопасности
+- Криптографы и специалисты по приватности
+- Корпоративные команды по кибербезопасности
+- Активисты и журналисты
+
+**Дизайн:** Киберпанк / неоглиф стилистика с glassmorphism эффектами
+
+---
+
+## 📁 Структура сайта
+
+### Реализованные страницы
+
+| Страница | URI | Описание | Размер |
+|----------|-----|----------|--------|
+| **Главная** | `index.html` | Landing page с hero-секцией, USP, архитектурой, сравнением, интерактивным демо | ~150KB |
+| **Документация** | `docs.html` | Полная документация: quick start, установка, API, CLI, FAQ | ~21KB |
+| **Архитектура** | `architecture.html` | Детальное описание 5 слоев защиты, DHT, криптографии, маршрутизации | ~70KB |
+| **Скачать** | `download.html` | Все методы установки: Docker, NPM, бинарники, исходники | ~21KB |
+| **Сообщество** | `community.html` | Каналы сообщества, контрибьюция, команда, события | ~46KB |
+| **О проекте** | `about.html` | Миссия, видение, история, статистика, контакты | ~44KB |
+
+### Структура файлов
+
+```
+phantom-protocol-website/
+│
+├── index.html                  # Главная страница (landing)
+├── docs.html                   # Документация
+├── architecture.html           # Архитектура протокола
+├── download.html               # Страница загрузки
+├── community.html              # Сообщество
+├── about.html                  # О проекте
+│
+
+├── css/
+│   ├── style.css              # Основные стили (23KB)
+│   ├── desktop-fix.css        # 🆕 Desktop Grid Fix (9KB) - исправление колонок на компьютерах
+│   ├── responsive.css         # Адаптивные стили (8KB)
+│   ├── vendor-prefixes.css    # Кроссбраузерность (10KB)
+│   └── visual-fixes.css       # Визуальные исправления (13KB)
+│
+├── js/
+│   ├── main.js                # Главный JavaScript (19KB)
+│   └── background.js          # 🆕 Анимированный фон с частицами (6KB)
+│
+├── images/                    # Изображения
+│   └── og-phantom.png         # Open Graph изображение
+│
+├── README.md                  # Эта документация
+├── ANIMATED-BACKGROUND.md     # 🆕 Анимированный фон (8KB)
+├── DESKTOP-FIX.md             # Исправление Desktop Grid (9KB)
+├── VISUAL-FIXES.md            # Документация визуальных исправлений
+├── FIXES-SUMMARY.md           # Сводка всех исправлений
+├── TESTING-GUIDE.md           # Руководство по тестированию
+├── QUICKSTART.md              # Быстрый старт
+├── CHANGELOG.md               # История изменений
+├── LICENSE                    # MIT лицензия
+└── robots.txt                 # SEO - robots
+```
+
+---
+
+## ✅ Реализованные страницы
+
+### 1. Главная страница (`index.html`)
+
+**Основные секции:**
+
+- ✅ **Hero-секция**
+  - Анимированный фоновый эффект DHT-сети (Canvas)
+  - Градиентные заголовки
+  - Бейджи: Post-Quantum Ready, Featured at DEF CON 16
+  - Живая статистика
+  - Кнопки CTA
+
+- ✅ **USP (Уникальные преимущества)**
+  - 3 карточки с glassmorphism
+  - Технические бейджи: Kademlia DHT, Phantom IDs, Kyber-1024
+  - Hover-эффекты
+
+- ✅ **Архитектура**
+  - Интерактивная 5-слойная диаграмма
+  - Анимация при наведении
+  - Цветовая кодировка
+
+- ✅ **Сравнение с аналогами**
+  - Таблица: Phantom vs Tor vs I2P
+  - Визуальные индикаторы
+
+- ✅ **Скачать / Запустить**
+  - Docker команда с подсветкой синтаксиса
+  - CLI установка
+  - Кнопки копирования
+
+- ✅ **Интерактивное демо**
+  - Canvas-визуализация DHT-сети
+  - Анимация построения пути
+  - Реалтайм статистика
+
+- ✅ **Документация**
+  - 4 карточки ресурсов
+
+- ✅ **Репутация и цитаты**
+  - Отзывы экспертов
+
+- ✅ **Footer**
+  - Навигация
+  - Социальные сети
+  - Копирайт
+
+### 2. Документация (`docs.html`)
+
+**8 основных разделов:**
+
+1. **Quick Start**
+   - Docker установка
+   - NPM установка
+   - Первый запуск
+
+2. **Установка**
+   - Системные требования
+   - Установка через Docker
+   - Установка через NPM
+   - Сборка из исходников
+
+3. **Конфигурация**
+   - Базовая конфигурация
+   - Настройка транспорта
+   - Настройка маршрутизации
+   - Exit node политики
+
+4. **API Reference**
+   - REST API endpoints
+   - WebSocket API
+   - Примеры запросов/ответов
+
+5. **CLI Commands**
+   - phantom start
+   - phantom status
+   - phantom peers
+   - phantom send
+   - phantom config
+
+6. **Примеры использования**
+   - Анонимный HTTP запрос
+   - Запуск Hidden Service
+   - P2P мессенджер
+
+7. **Troubleshooting**
+   - Частые проблемы и решения
+
+8. **FAQ**
+   - 10+ популярных вопросов
+
+**Особенности:**
+- Sidebar навигация с плавной прокруткой
+- Code highlighting (Prism.js)
+- Копирование кода в один клик
+- Accordion для FAQ
+- Breadcrumbs навигация
+
+### 3. Архитектура (`architecture.html`)
+
+**7 основных разделов:**
+
+1. **Обзор архитектуры**
+   - Философия дизайна
+   - Основные принципы
+
+2. **5 Слоев Защиты**
+   - Транспортный слой (obfs4, meek)
+   - Слой маршрутизации (onion routing)
+   - Криптографический слой (ChaCha20-Poly1305)
+   - Слой обнаружения (Kademlia DHT)
+   - Прикладной слой (hidden services)
+
+3. **Система Маршрутизации**
+   - Path selection алгоритм
+   - Типы нод (Guard, Middle, Exit)
+   - Circuit building
+
+4. **DHT Система**
+   - Kademlia архитектура
+   - XOR metric
+   - K-buckets
+   - Защита от атак (Sybil, Eclipse)
+
+5. **Криптографическая Защита**
+   - Используемые примитивы
+   - Гибридная криптосистема (Classic + Post-quantum)
+   - Onion encryption
+   - Perfect Forward Secrecy
+
+6. **Сравнение с Другими Системами**
+   - Детальная таблица: Phantom vs Tor vs I2P vs VPN
+   - Когда использовать каждую систему
+
+7. **Производительность и Оптимизация**
+   - Метрики производительности
+   - Circuit preemption
+   - Protocol compression
+   - Hardware acceleration
+   - Stream multiplexing
+
+**Особенности:**
+- Интерактивные code snippets
+- Диаграммы маршрутизации
+- Accordion для оптимизаций
+- Статистические карточки
+
+### 4. Страница загрузки (`download.html`)
+
+**6 методов установки:**
+
+1. **Docker** (рекомендуется)
+   - Quick start команда
+   - Docker Compose файл
+
+2. **NPM Package**
+   - npm install команда
+   - Использование в Node.js
+
+3. **Curl Script**
+   - Автоматическая установка
+   - Для Linux/macOS
+
+4. **Binary Downloads**
+   - Linux (x64, ARM64)
+   - macOS (Intel, Apple Silicon)
+   - Windows (x64)
+
+5. **Source Code**
+   - GitHub clone
+   - Build инструкции
+
+6. **System Requirements**
+   - Минимальные и рекомендуемые требования
+   - Таблица сравнения
+
+**Дополнительно:**
+- GPG signature verification
+- Checksums (SHA-256)
+- Release notes
+- Installation troubleshooting
+
+### 5. Сообщество (`community.html`)
+
+**Основные разделы:**
+
+1. **Каналы сообщества**
+   - GitHub (5.2k stars, 892 forks)
+   - Discord (12.5k участников, 3.2k онлайн)
+   - Forum (8.7k тем, 42k ответов)
+   - Telegram (8.1k участников, 15 языков)
+   - Reddit (6.3k подписчиков)
+   - Twitter/X (18.2k подписчиков)
+
+2. **Способы контрибуции**
+   - Разработка
+   - Документация
+   - Переводы
+   - Тестирование
+   - Запуск ноды
+   - Дизайн
+   - Исследования
+   - Финансовая поддержка
+
+3. **Руководство по контрибуции**
+   - Как внести вклад в код
+   - Code review process
+   - Security policy
+
+4. **Команда и контрибьюторы**
+   - Core team (4 человека)
+   - Top contributors
+   - Ссылка на полный список (500+ человек)
+
+5. **События и новости**
+   - Предстоящие события
+   - Прошедшие события
+   - Блог посты
+
+### 6. О проекте (`about.html`)
+
+**Основные разделы:**
+
+1. **Миссия и Видение**
+   - Миссия проекта
+   - Видение будущего
+   - Core values (6 ценностей)
+
+2. **История проекта**
+   - Timeline от 2021 до 2025
+   - Ключевые вехи развития
+
+3. **Статистика**
+   - 12,847 активных нод
+   - 156,000+ пользователей
+   - 128 стран покрытия
+   - 500+ контрибьюторов
+   - 2.5 PB данных передано
+   - 99.97% uptime
+   - 5.2k GitHub stars
+   - 420k+ загрузок
+
+4. **Технологические партнеры**
+   - MIT Media Lab
+   - Electronic Frontier Foundation
+   - Trail of Bits
+   - Open Technology Fund
+
+5. **Лицензия и правовая информация**
+   - MIT License
+   - Disclaimer
+   - Privacy Policy
+
+6. **Контакты**
+   - General: contact@phantom-protocol.org
+   - Security: security@phantom-protocol.org
+   - Press: press@phantom-protocol.org
+
+---
+
+## 🛠 Технологический стек
+
+### Frontend библиотеки (CDN)
+
+- **Bootstrap 5.3.2** - Grid system, компоненты, utilities
+- **Font Awesome 6.4.0** - Иконки (2000+ icons)
+- **AOS 2.3.4** (Animate On Scroll) - Scroll-анимации
+- **Prism.js 1.29.0** - Подсветка синтаксиса кода
+
+
+### Шрифты (Google Fonts)
+
+- **Orbitron** - Заголовки, бренд (cyberpunk стиль)
+- **Rajdhani** - Основной текст (geometric sans-serif)
+- **Space Grotesk** - Альтернативный шрифт
+- **JetBrains Mono** - Моноширинный для кода
+
+### CSS Features
+
+- CSS Variables для тем
+- Flexbox & Grid Layout
+- CSS Animations & Transitions
+- Backdrop Filter (glassmorphism)
+- Custom Scrollbar
+- Media Queries (responsive 320px-1920px+)
+- Gradient text effects
+- Box shadows с glow
+
+### JavaScript Features
+
+- Canvas API (Hero background, Demo)
+- Clipboard API (копирование команд)
+- LocalStorage (сохранение темы)
+- IntersectionObserver (lazy loading)
+- RequestAnimationFrame (плавные анимации)
+- ES6+ (arrow functions, async/await, modules)
+
+---
+
+## 🚀 Установка и запуск
+
+### Быстрый старт
+
+**Локальное открытие:**
+
+```bash
+# Просто откройте файлы в браузере
+open index.html
+# или
+open docs.html
+# или любую другую страницу
+```
+
+### Локальный веб-сервер (рекомендуется)
+
+Для корректной работы некоторых функций рекомендуется использовать локальный сервер:
+
+```bash
+# Python 3
+python -m http.server 8000
+
+# Node.js (http-server)
+npx http-server -p 8000
+
+# PHP
+php -S localhost:8000
+```
+
+Затем откройте `http://localhost:8000` в браузере.
+
+### Навигация по сайту
+
+- **Главная:** `index.html` - Landing page
+- **Документация:** `docs.html` - Полная документация
+- **Архитектура:** `architecture.html` - Техническая архитектура
+- **Скачать:** `download.html` - Все методы установки
+- **Сообщество:** `community.html` - Каналы и контрибуция
+- **О проекте:** `about.html` - Миссия, история, контакты
+
+Все страницы связаны через унифицированную навигацию.
+
+### Деплой
+
+**GitHub Pages:**
+```bash
+git add .
+git commit -m "Deploy website"
+git push origin main
+```
+
+Настройте GitHub Pages в Settings → Pages → Source: main branch
+
+**Cloudflare Pages / Netlify / Vercel:**
+- Подключите репозиторий
+- Build command: оставьте пустым (статический сайт)
+- Publish directory: `/` (корень)
+
+---
+
+## ⚙️ Функциональные возможности
+
+### 1. Унифицированная навигация
+
+Все страницы имеют одинаковую навигационную панель:
+
+```html
+<nav class="navbar navbar-expand-lg navbar-dark fixed-top glass-nav">
+    <!-- Phantom Protocol logo -->
+    <!-- Links: Главная, Документация, Архитектура, Скачать, Сообщество, О проекте -->
+    <!-- CTA button: Начать -->
+</nav>
+```
+
+- Фиксированная позиция при скролле
+- Glassmorphism эффект
+- Активное состояние текущей страницы
+- Мобильное меню (hamburger)
+- Smooth transitions
+
+### 2. Sidebar навигация (docs.html, architecture.html)
+
+Страницы с большим объемом контента имеют боковую навигацию:
+
+```html
+<div class="sidebar sticky-top">
+    <!-- Links to sections -->
+</div>
+```
+
+- Sticky positioning
+- Плавная прокрутка к якорям
+- Визуальное выделение активной секции
+
+### 3. Копирование кода
+
+Все code blocks имеют кнопки копирования:
+
+```html
+<button class="copy-btn" data-copy="command">
+    <i class="fas fa-copy"></i>
+</button>
+```
+
+- Clipboard API
+- Visual feedback (иконка меняется на checkmark)
+- Toast уведомления
+
+### 4. Responsive дизайн
+
+Адаптация для всех размеров экранов:
+
+- **Desktop** (1200px+): Full layout с sidebar
+- **Tablet** (768px-1199px): Адаптированная сетка
+- **Mobile** (320px-767px): Single column, hamburger menu
+
+### 5. Анимации
+
+- **AOS** для scroll animations
+- **CSS transitions** для hover effects
+- **Canvas animations** для hero background
+
+### 6. Dark/Light Theme
+
+Автоматическое определение и ручное переключение:
+
+```javascript
+const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+localStorage.setItem('phantom-theme', 'dark'); // или 'light'
+```
+
+### 7. Интерактивное демо (index.html)
+
+- 20 узлов DHT сети
+- Построение анонимного пути
+- Анимация передачи пакета
+- Реалтайм метрики
+
+---
+
+## 🎨 Дизайн
+
+### Цветовая схема
+
+**Dark Mode (по умолчанию):**
+```css
+--color-bg: #0a0a0f;              /* Темный фон */
+--color-bg-card: rgba(15, 15, 30, 0.7); /* Карточки */
+--color-text: #e0e0ff;            /* Основной текст */
+--color-accent: #00f0ff;          /* Cyan accent */
+--color-accent-secondary: #7a3eff; /* Purple accent */
+--color-success: #00ff9d;         /* Зеленый */
+--color-error: #ff2a6d;           /* Розовый/красный */
+```
+
+**Градиенты:**
+```css
+.btn-gradient {
+    background: linear-gradient(135deg, #00f0ff 0%, #7a3eff 100%);
+}
+
+.text-gradient {
+    background: linear-gradient(90deg, #00f0ff, #7a3eff, #ff2a6d);
+    -webkit-background-clip: text;
+}
+```
+
+### Эффекты
+
+**Glassmorphism:**
+```css
+.glass-card {
+    background: rgba(15, 15, 30, 0.7);
+    backdrop-filter: blur(20px);
+    border: 1px solid rgba(255, 255, 255, 0.1);
+}
+```
+
+**Hover Effects:**
+```css
+.card:hover {
+    transform: translateY(-10px);
+    box-shadow: 0 20px 60px rgba(0, 240, 255, 0.3);
+}
+```
+
+### Типографика
+
+- **Заголовки:** Orbitron (cyberpunk style)
+- **Текст:** Rajdhani (clean, readable)
+- **Код:** JetBrains Mono (monospace)
+
+**Размеры:**
+- h1: 3rem (48px)
+- h2: 2.5rem (40px)
+- h3: 2rem (32px)
+- h4: 1.5rem (24px)
+- body: 1rem (16px)
+
+---
+
+## 🔍 SEO и производительность
+
+### Meta теги
+
+Каждая страница имеет уникальные meta теги:
+
+```html
+<title>Phantom Protocol - [Page Title]</title>
+<meta name="description" content="[Unique description]">
+<meta name="keywords" content="phantom protocol, anonymity, privacy, ...">
+```
+
+### Open Graph
+
+```html
+<meta property="og:title" content="...">
+<meta property="og:description" content="...">
+<meta property="og:image" content="./images/og-phantom.png">
+```
+
+### Performance
+
+**Optimization:**
+- Preconnect to CDNs
+- Defer script loading
+- Lazy loading images
+- Minified CSS/JS for production
+
+**Expected Lighthouse Score:**
+- Performance: 90-95
+- Accessibility: 95-100
+- Best Practices: 95-100
+- SEO: 95-100
+
+---
+
+## 🚧 Дальнейшее развитие
+
+### Планируемые функции
+
+1. **Дополнительные страницы:**
+   - [ ] Blog / News section
+   - [ ] Team page с фото и bio
+   - [ ] Detailed roadmap
+   - [ ] Security audit reports
+   - [ ] Press kit
+
+2. **Интерактивность:**
+   - [ ] Interactive architecture diagram (SVG + JS)
+   - [ ] Advanced DHT demo с настройками
+   - [ ] Network statistics dashboard
+   - [ ] Live node map
+
+3. **Контент:**
+   - [ ] Video tutorials
+   - [ ] Case studies
+   - [ ] White paper PDF
+   - [ ] Technical specifications
+   - [ ] Migration guides
+
+4. **Функции:**
+   - [ ] Multi-language support (i18n)
+   - [ ] Search functionality
+   - [ ] Newsletter subscription
+   - [ ] Contact form
+   - [ ] GitHub API integration (real-time stats)
+
+5. **Оптимизация:**
+   - [ ] WebP images
+   - [ ] CSS/JS minification
+   - [ ] Critical CSS inline
+   - [ ] Service Worker (PWA)
+   - [ ] CDN setup
+
+6. **SEO:**
+   - [ ] sitemap.xml
+   - [ ] robots.txt
+   - [ ] Schema.org markup expansion
+   - [ ] RSS feed
+   - [ ] Social media cards
+
+7. **Аналитика:**
+   - [ ] Privacy-friendly analytics (Plausible)
+   - [ ] Heatmaps
+   - [ ] A/B testing
+   - [ ] User feedback widget
+
+---
+
+## 📊 Текущий статус
+
+### Завершенные компоненты ✅
+
+- [x] Главная страница (index.html) - Landing с hero, USP, demo
+- [x] Страница документации (docs.html) - 8 разделов
+- [x] Страница архитектуры (architecture.html) - Детальная техническая информация
+- [x] Страница загрузки (download.html) - Все методы установки
+- [x] Страница сообщества (community.html) - Каналы, контрибуция
+- [x] Страница о проекте (about.html) - Миссия, история
+- [x] Унифицированная навигация на всех страницах
+- [x] Responsive дизайн для всех страниц
+- [x] Glassmorphism UI design
+- [x] Code highlighting и копирование
+- [x] Footer на всех страницах
+- [x] Dark theme (default)
+
+### В процессе разработки 🚧
+
+- [ ] Light theme implementation
+- [ ] Multi-language support
+- [ ] Images and media content
+
+### Планируется 📅
+
+- [ ] Blog section
+- [ ] Advanced interactive demos
+- [ ] Video content
+- [ ] Analytics integration
+
+---
+
+## 📄 Лицензия
+
+Распространяется под лицензией MIT. См. `LICENSE` для деталей.
+
+---
+
+## 👨‍💻 Автор
+
+**NeroWorld AI**
+
+- Website: [phantom.protocol](https://phantom.protocol)
+- GitHub: [@neroworld](https://github.com/neroworld)
+- Twitter: [@PhantomProtocol](https://twitter.com/PhantomProtocol)
+
+---
+
+## 🙏 Благодарности
+
+- [Bootstrap](https://getbootstrap.com/) - Frontend framework
+- [Font Awesome](https://fontawesome.com/) - Icon library
+- [AOS](https://michalsnik.github.io/aos/) - Animate On Scroll
+- [Prism.js](https://prismjs.com/) - Syntax highlighting
+- [Google Fonts](https://fonts.google.com/) - Web fonts
+
+---
+
+<div align="center">
+
+**Сделано с 💜 для открытого интернета**
+
+[![GitHub stars](https://img.shields.io/github/stars/yourusername/phantom-protocol?style=social)](https://github.com/yourusername/phantom-protocol)
+[![Twitter Follow](https://img.shields.io/twitter/follow/PhantomProtocol?style=social)](https://twitter.com/PhantomProtocol)
+
+**🔮 Приватность — это право, не привилегия 🔮**
+
+</div>