unified: Phantom Protocol 2025 complete archive integration
This commit is contained in:
856
website/community.html
Normal file
856
website/community.html
Normal file
@@ -0,0 +1,856 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ru">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<title>Сообщество - Phantom Protocol</title>
|
||||
<meta name="description" content="Присоединяйтесь к глобальному сообществу Phantom Protocol - форумы, вклад в разработку, поддержка">
|
||||
|
||||
<!-- Bootstrap CSS -->
|
||||
<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://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
|
||||
|
||||
<!-- Google Fonts -->
|
||||
<link href="https://fonts.googleapis.com/css2?family=Orbitron:wght@400;500;600;700;900&family=Rajdhani:wght@300;400;500;600;700&display=swap" rel="stylesheet">
|
||||
|
||||
<!-- Custom CSS -->
|
||||
<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">
|
||||
</head>
|
||||
<body data-theme="dark">
|
||||
|
||||
<!-- Animated Background Canvas -->
|
||||
<canvas id="phantomBackground"></canvas>
|
||||
|
||||
<!-- Navigation -->
|
||||
<nav class="navbar navbar-expand-lg navbar-dark fixed-top glass-nav">
|
||||
<div class="container">
|
||||
<a class="navbar-brand" href="index.html">
|
||||
<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" 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 active" 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 class="hero-section d-flex align-items-center" style="padding-top: 120px; padding-bottom: 60px; min-height: 40vh;">
|
||||
<div class="container">
|
||||
<div class="row justify-content-center text-center">
|
||||
<div class="col-lg-10">
|
||||
<div class="animate-fade-in-up">
|
||||
<h1 class="display-3 fw-bold mb-4">
|
||||
<i class="fas fa-users text-primary me-3"></i>
|
||||
Сообщество
|
||||
</h1>
|
||||
<p class="lead text-muted mb-4">
|
||||
Присоединяйтесь к глобальному сообществу разработчиков, исследователей и активистов,
|
||||
работающих над будущим приватности и свободы в интернете
|
||||
</p>
|
||||
<div class="d-flex justify-content-center gap-3 flex-wrap">
|
||||
<span class="badge bg-primary fs-6 px-3 py-2">
|
||||
<i class="fas fa-users me-2"></i>15,000+ участников
|
||||
</span>
|
||||
<span class="badge bg-success fs-6 px-3 py-2">
|
||||
<i class="fas fa-code-branch me-2"></i>500+ контрибьюторов
|
||||
</span>
|
||||
<span class="badge bg-info fs-6 px-3 py-2">
|
||||
<i class="fas fa-comments me-2"></i>100+ активных дискуссий
|
||||
</span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Community Channels -->
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="fw-bold mb-3">Присоединяйтесь к Нам</h2>
|
||||
<p class="text-muted">Выберите платформу для общения и вклада в проект</p>
|
||||
</div>
|
||||
|
||||
<div class="row g-4">
|
||||
<!-- GitHub -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card glass-card h-100 hover-lift">
|
||||
<div class="card-body p-4 text-center">
|
||||
<div class="icon-box mb-3 mx-auto" style="width: 80px; height: 80px; background: linear-gradient(135deg, #333 0%, #666 100%); border-radius: 16px; display: flex; align-items: center; justify-content: center;">
|
||||
<i class="fab fa-github fa-3x text-white"></i>
|
||||
</div>
|
||||
<h4 class="mb-3">GitHub</h4>
|
||||
<p class="text-muted mb-4">
|
||||
Исходный код, issue tracker, pull requests и обсуждения разработки
|
||||
</p>
|
||||
<div class="d-flex justify-content-center gap-3 mb-4 small">
|
||||
<div>
|
||||
<i class="fas fa-star text-warning me-1"></i>
|
||||
<strong>5.2k</strong> stars
|
||||
</div>
|
||||
<div>
|
||||
<i class="fas fa-code-branch text-info me-1"></i>
|
||||
<strong>892</strong> forks
|
||||
</div>
|
||||
</div>
|
||||
<a href="https://github.com/phantom-protocol" class="btn btn-outline-light">
|
||||
<i class="fab fa-github me-2"></i>Открыть GitHub
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Discord -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card glass-card h-100 hover-lift">
|
||||
<div class="card-body p-4 text-center">
|
||||
<div class="icon-box mb-3 mx-auto" style="width: 80px; height: 80px; background: linear-gradient(135deg, #5865F2 0%, #3d46b8 100%); border-radius: 16px; display: flex; align-items: center; justify-content: center;">
|
||||
<i class="fab fa-discord fa-3x text-white"></i>
|
||||
</div>
|
||||
<h4 class="mb-3">Discord</h4>
|
||||
<p class="text-muted mb-4">
|
||||
Реалтайм чат, голосовые каналы, помощь пользователям и обсуждения
|
||||
</p>
|
||||
<div class="d-flex justify-content-center gap-3 mb-4 small">
|
||||
<div>
|
||||
<i class="fas fa-circle text-success me-1"></i>
|
||||
<strong>3.2k</strong> онлайн
|
||||
</div>
|
||||
<div>
|
||||
<i class="fas fa-users text-primary me-1"></i>
|
||||
<strong>12.5k</strong> участников
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="btn btn-outline-light">
|
||||
<i class="fab fa-discord me-2"></i>Присоединиться
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Forum -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card glass-card h-100 hover-lift">
|
||||
<div class="card-body p-4 text-center">
|
||||
<div class="icon-box mb-3 mx-auto" style="width: 80px; height: 80px; background: linear-gradient(135deg, #FF6B35 0%, #c94d24 100%); border-radius: 16px; display: flex; align-items: center; justify-content: center;">
|
||||
<i class="fas fa-comments fa-3x text-white"></i>
|
||||
</div>
|
||||
<h4 class="mb-3">Форум</h4>
|
||||
<p class="text-muted mb-4">
|
||||
Долгосрочные дискуссии, технические вопросы и предложения по развитию
|
||||
</p>
|
||||
<div class="d-flex justify-content-center gap-3 mb-4 small">
|
||||
<div>
|
||||
<i class="fas fa-comment text-info me-1"></i>
|
||||
<strong>8.7k</strong> тем
|
||||
</div>
|
||||
<div>
|
||||
<i class="fas fa-reply text-success me-1"></i>
|
||||
<strong>42k</strong> ответов
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="btn btn-outline-light">
|
||||
<i class="fas fa-comments me-2"></i>Перейти на форум
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Telegram -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card glass-card h-100 hover-lift">
|
||||
<div class="card-body p-4 text-center">
|
||||
<div class="icon-box mb-3 mx-auto" style="width: 80px; height: 80px; background: linear-gradient(135deg, #0088cc 0%, #005f8a 100%); border-radius: 16px; display: flex; align-items: center; justify-content: center;">
|
||||
<i class="fab fa-telegram fa-3x text-white"></i>
|
||||
</div>
|
||||
<h4 class="mb-3">Telegram</h4>
|
||||
<p class="text-muted mb-4">
|
||||
Оперативные новости, анонсы релизов и быстрые обсуждения
|
||||
</p>
|
||||
<div class="d-flex justify-content-center gap-3 mb-4 small">
|
||||
<div>
|
||||
<i class="fas fa-users text-primary me-1"></i>
|
||||
<strong>8.1k</strong> участников
|
||||
</div>
|
||||
<div>
|
||||
<i class="fas fa-language text-warning me-1"></i>
|
||||
<strong>15</strong> языков
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="btn btn-outline-light">
|
||||
<i class="fab fa-telegram me-2"></i>Открыть Telegram
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Reddit -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card glass-card h-100 hover-lift">
|
||||
<div class="card-body p-4 text-center">
|
||||
<div class="icon-box mb-3 mx-auto" style="width: 80px; height: 80px; background: linear-gradient(135deg, #FF4500 0%, #c9350a 100%); border-radius: 16px; display: flex; align-items: center; justify-content: center;">
|
||||
<i class="fab fa-reddit fa-3x text-white"></i>
|
||||
</div>
|
||||
<h4 class="mb-3">Reddit</h4>
|
||||
<p class="text-muted mb-4">
|
||||
Обсуждения, новости, AMA с разработчиками и исследователями безопасности
|
||||
</p>
|
||||
<div class="d-flex justify-content-center gap-3 mb-4 small">
|
||||
<div>
|
||||
<i class="fas fa-users text-primary me-1"></i>
|
||||
<strong>6.3k</strong> подписчиков
|
||||
</div>
|
||||
<div>
|
||||
<i class="fas fa-circle text-success me-1"></i>
|
||||
<strong>234</strong> онлайн
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="btn btn-outline-light">
|
||||
<i class="fab fa-reddit me-2"></i>r/PhantomProtocol
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Twitter/X -->
|
||||
<div class="col-lg-4 col-md-6">
|
||||
<div class="card glass-card h-100 hover-lift">
|
||||
<div class="card-body p-4 text-center">
|
||||
<div class="icon-box mb-3 mx-auto" style="width: 80px; height: 80px; background: linear-gradient(135deg, #1DA1F2 0%, #0c85d0 100%); border-radius: 16px; display: flex; align-items: center; justify-content: center;">
|
||||
<i class="fab fa-twitter fa-3x text-white"></i>
|
||||
</div>
|
||||
<h4 class="mb-3">Twitter / X</h4>
|
||||
<p class="text-muted mb-4">
|
||||
Короткие обновления, анонсы, новости о безопасности и приватности
|
||||
</p>
|
||||
<div class="d-flex justify-content-center gap-3 mb-4 small">
|
||||
<div>
|
||||
<i class="fas fa-users text-primary me-1"></i>
|
||||
<strong>18.2k</strong> подписчиков
|
||||
</div>
|
||||
<div>
|
||||
<i class="fas fa-retweet text-success me-1"></i>
|
||||
<strong>2.5k</strong> репостов/день
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="btn btn-outline-light">
|
||||
<i class="fab fa-twitter me-2"></i>@PhantomProtocol
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contribution Section -->
|
||||
<section class="py-5 bg-dark bg-opacity-25">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="fw-bold mb-3">Внесите Свой Вклад</h2>
|
||||
<p class="text-muted">Phantom Protocol - open source проект, и мы приветствуем любой вклад</p>
|
||||
</div>
|
||||
|
||||
<div class="row g-4">
|
||||
<!-- Code Contribution -->
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card glass-card h-100">
|
||||
<div class="card-body p-4 text-center">
|
||||
<i class="fas fa-code fa-3x text-primary mb-3"></i>
|
||||
<h5 class="mb-3">Разработка</h5>
|
||||
<p class="text-muted small mb-3">
|
||||
Пишите код, исправляйте баги, добавляйте новые фичи
|
||||
</p>
|
||||
<a href="#" class="btn btn-sm btn-outline-primary">Начать кодить</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Documentation -->
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card glass-card h-100">
|
||||
<div class="card-body p-4 text-center">
|
||||
<i class="fas fa-book fa-3x text-success mb-3"></i>
|
||||
<h5 class="mb-3">Документация</h5>
|
||||
<p class="text-muted small mb-3">
|
||||
Улучшайте документацию, пишите гайды и туториалы
|
||||
</p>
|
||||
<a href="#" class="btn btn-sm btn-outline-success">Улучшить docs</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Translation -->
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card glass-card h-100">
|
||||
<div class="card-body p-4 text-center">
|
||||
<i class="fas fa-language fa-3x text-info mb-3"></i>
|
||||
<h5 class="mb-3">Переводы</h5>
|
||||
<p class="text-muted small mb-3">
|
||||
Переводите интерфейс и документацию на другие языки
|
||||
</p>
|
||||
<a href="#" class="btn btn-sm btn-outline-info">Перевести</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Testing -->
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card glass-card h-100">
|
||||
<div class="card-body p-4 text-center">
|
||||
<i class="fas fa-bug fa-3x text-danger mb-3"></i>
|
||||
<h5 class="mb-3">Тестирование</h5>
|
||||
<p class="text-muted small mb-3">
|
||||
Находите баги, тестируйте новые релизы, security audit
|
||||
</p>
|
||||
<a href="#" class="btn btn-sm btn-outline-danger">Репорт баг</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Run Node -->
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card glass-card h-100">
|
||||
<div class="card-body p-4 text-center">
|
||||
<i class="fas fa-server fa-3x text-warning mb-3"></i>
|
||||
<h5 class="mb-3">Запустите Ноду</h5>
|
||||
<p class="text-muted small mb-3">
|
||||
Станьте частью сети, запустив свою relay ноду
|
||||
</p>
|
||||
<a href="#" class="btn btn-sm btn-outline-warning">Setup node</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Design -->
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card glass-card h-100">
|
||||
<div class="card-body p-4 text-center">
|
||||
<i class="fas fa-palette fa-3x text-primary mb-3"></i>
|
||||
<h5 class="mb-3">Дизайн</h5>
|
||||
<p class="text-muted small mb-3">
|
||||
Создавайте UI/UX дизайны, иконки, графику
|
||||
</p>
|
||||
<a href="#" class="btn btn-sm btn-outline-primary">Дизайн</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Research -->
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card glass-card h-100">
|
||||
<div class="card-body p-4 text-center">
|
||||
<i class="fas fa-flask fa-3x text-success mb-3"></i>
|
||||
<h5 class="mb-3">Исследования</h5>
|
||||
<p class="text-muted small mb-3">
|
||||
Криптографические исследования, security analysis
|
||||
</p>
|
||||
<a href="#" class="btn btn-sm btn-outline-success">Research</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Funding -->
|
||||
<div class="col-lg-3 col-md-6">
|
||||
<div class="card glass-card h-100">
|
||||
<div class="card-body p-4 text-center">
|
||||
<i class="fas fa-donate fa-3x text-info mb-3"></i>
|
||||
<h5 class="mb-3">Поддержка</h5>
|
||||
<p class="text-muted small mb-3">
|
||||
Финансовая поддержка разработки проекта
|
||||
</p>
|
||||
<a href="#" class="btn btn-sm btn-outline-info">Donate</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Contribution Guidelines -->
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="row">
|
||||
<div class="col-lg-8 mx-auto">
|
||||
<div class="card glass-card">
|
||||
<div class="card-body p-5">
|
||||
<h2 class="mb-4">
|
||||
<i class="fas fa-hands-helping text-primary me-2"></i>
|
||||
Руководство по Контрибуции
|
||||
</h2>
|
||||
|
||||
<div class="mb-4">
|
||||
<h5><i class="fas fa-code-branch text-success me-2"></i>Как внести вклад в код</h5>
|
||||
<ol class="text-muted">
|
||||
<li>Форкните репозиторий на GitHub</li>
|
||||
<li>Создайте feature branch (<code>git checkout -b feature/amazing-feature</code>)</li>
|
||||
<li>Commit ваши изменения (<code>git commit -m 'Add amazing feature'</code>)</li>
|
||||
<li>Push в branch (<code>git push origin feature/amazing-feature</code>)</li>
|
||||
<li>Откройте Pull Request с подробным описанием</li>
|
||||
</ol>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<h5><i class="fas fa-check-circle text-info me-2"></i>Code Review Process</h5>
|
||||
<p class="text-muted mb-2">Все pull requests проходят code review:</p>
|
||||
<ul class="text-muted">
|
||||
<li>Минимум 2 approve от core contributors</li>
|
||||
<li>Все CI/CD тесты должны пройти успешно</li>
|
||||
<li>Security review для изменений в криптографии</li>
|
||||
<li>Документация обновлена при необходимости</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="mb-4">
|
||||
<h5><i class="fas fa-shield-alt text-warning me-2"></i>Security Policy</h5>
|
||||
<p class="text-muted mb-2">Нашли уязвимость? Следуйте responsible disclosure:</p>
|
||||
<ul class="text-muted">
|
||||
<li>НЕ публикуйте уязвимость публично</li>
|
||||
<li>Отправьте email на <code>security@phantom-protocol.org</code></li>
|
||||
<li>Используйте PGP ключ для шифрования сообщения</li>
|
||||
<li>Дайте нам 90 дней на исправление перед раскрытием</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="alert alert-info">
|
||||
<i class="fas fa-info-circle me-2"></i>
|
||||
<strong>Совет:</strong> Прочтите полное
|
||||
<a href="#" class="text-info">CONTRIBUTING.md</a>
|
||||
руководство перед началом работы.
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-4">
|
||||
<a href="https://github.com/phantom-protocol/phantom/blob/main/CONTRIBUTING.md" class="btn btn-primary btn-lg">
|
||||
<i class="fab fa-github me-2"></i>Прочитать CONTRIBUTING.md
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Team & Contributors -->
|
||||
<section class="py-5 bg-dark bg-opacity-25">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="fw-bold mb-3">Команда и Контрибьюторы</h2>
|
||||
<p class="text-muted">Люди, создающие Phantom Protocol</p>
|
||||
</div>
|
||||
|
||||
<!-- Core Team -->
|
||||
<div class="mb-5">
|
||||
<h4 class="text-center mb-4">Core Team</h4>
|
||||
<div class="row g-4 justify-content-center">
|
||||
<div class="col-lg-3 col-md-4 col-sm-6">
|
||||
<div class="card glass-card h-100 text-center">
|
||||
<div class="card-body p-4">
|
||||
<div class="avatar mb-3 mx-auto" style="width: 100px; height: 100px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: bold;">
|
||||
AK
|
||||
</div>
|
||||
<h5 class="mb-1">Alex Kowalski</h5>
|
||||
<p class="text-muted small mb-2">Project Lead & Cryptographer</p>
|
||||
<div class="social-links">
|
||||
<a href="#" class="text-light me-2"><i class="fab fa-github"></i></a>
|
||||
<a href="#" class="text-light me-2"><i class="fab fa-twitter"></i></a>
|
||||
<a href="#" class="text-light"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-4 col-sm-6">
|
||||
<div class="card glass-card h-100 text-center">
|
||||
<div class="card-body p-4">
|
||||
<div class="avatar mb-3 mx-auto" style="width: 100px; height: 100px; background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: bold;">
|
||||
SN
|
||||
</div>
|
||||
<h5 class="mb-1">Sarah Nakamoto</h5>
|
||||
<p class="text-muted small mb-2">Core Developer</p>
|
||||
<div class="social-links">
|
||||
<a href="#" class="text-light me-2"><i class="fab fa-github"></i></a>
|
||||
<a href="#" class="text-light me-2"><i class="fab fa-twitter"></i></a>
|
||||
<a href="#" class="text-light"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-4 col-sm-6">
|
||||
<div class="card glass-card h-100 text-center">
|
||||
<div class="card-body p-4">
|
||||
<div class="avatar mb-3 mx-auto" style="width: 100px; height: 100px; background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: bold;">
|
||||
MC
|
||||
</div>
|
||||
<h5 class="mb-1">Michael Chen</h5>
|
||||
<p class="text-muted small mb-2">Security Researcher</p>
|
||||
<div class="social-links">
|
||||
<a href="#" class="text-light me-2"><i class="fab fa-github"></i></a>
|
||||
<a href="#" class="text-light me-2"><i class="fab fa-twitter"></i></a>
|
||||
<a href="#" class="text-light"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-lg-3 col-md-4 col-sm-6">
|
||||
<div class="card glass-card h-100 text-center">
|
||||
<div class="card-body p-4">
|
||||
<div class="avatar mb-3 mx-auto" style="width: 100px; height: 100px; background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 2rem; font-weight: bold;">
|
||||
EP
|
||||
</div>
|
||||
<h5 class="mb-1">Elena Petrov</h5>
|
||||
<p class="text-muted small mb-2">Network Architect</p>
|
||||
<div class="social-links">
|
||||
<a href="#" class="text-light me-2"><i class="fab fa-github"></i></a>
|
||||
<a href="#" class="text-light me-2"><i class="fab fa-twitter"></i></a>
|
||||
<a href="#" class="text-light"><i class="fab fa-linkedin"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Top Contributors -->
|
||||
<div>
|
||||
<h4 class="text-center mb-4">Top Contributors</h4>
|
||||
<div class="card glass-card">
|
||||
<div class="card-body p-4">
|
||||
<div class="row">
|
||||
<div class="col-md-6 mb-3">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="avatar me-3" style="width: 50px; height: 50px; background: linear-gradient(135deg, #667eea 0%, #764ba2 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold;">
|
||||
JD
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-0">John Doe</h6>
|
||||
<small class="text-muted">127 commits, 23 PRs</small>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#" class="text-light"><i class="fab fa-github"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="avatar me-3" style="width: 50px; height: 50px; background: linear-gradient(135deg, #f093fb 0%, #f5576c 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold;">
|
||||
JS
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-0">Jane Smith</h6>
|
||||
<small class="text-muted">98 commits, 31 PRs</small>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#" class="text-light"><i class="fab fa-github"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="avatar me-3" style="width: 50px; height: 50px; background: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold;">
|
||||
RK
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-0">Robert Kim</h6>
|
||||
<small class="text-muted">76 commits, 18 PRs</small>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#" class="text-light"><i class="fab fa-github"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="col-md-6 mb-3">
|
||||
<div class="d-flex align-items-center">
|
||||
<div class="avatar me-3" style="width: 50px; height: 50px; background: linear-gradient(135deg, #fa709a 0%, #fee140 100%); border-radius: 50%; display: flex; align-items: center; justify-content: center; font-weight: bold;">
|
||||
LM
|
||||
</div>
|
||||
<div class="flex-grow-1">
|
||||
<h6 class="mb-0">Lisa Martinez</h6>
|
||||
<small class="text-muted">64 commits, 15 PRs</small>
|
||||
</div>
|
||||
<div>
|
||||
<a href="#" class="text-light"><i class="fab fa-github"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="text-center mt-3">
|
||||
<a href="#" class="btn btn-outline-light btn-sm">
|
||||
<i class="fas fa-users me-2"></i>Посмотреть всех 500+ контрибьюторов
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<!-- Events & News -->
|
||||
<section class="py-5">
|
||||
<div class="container">
|
||||
<div class="text-center mb-5">
|
||||
<h2 class="fw-bold mb-3">События и Новости</h2>
|
||||
<p class="text-muted">Следите за последними событиями в сообществе</p>
|
||||
</div>
|
||||
|
||||
<div class="row g-4">
|
||||
<!-- Upcoming Event -->
|
||||
<div class="col-lg-6">
|
||||
<div class="card glass-card h-100">
|
||||
<div class="card-body p-4">
|
||||
<div class="d-flex justify-content-between align-items-start mb-3">
|
||||
<span class="badge bg-success">Предстоящее</span>
|
||||
<small class="text-muted">
|
||||
<i class="far fa-calendar me-1"></i>15 ноября 2024
|
||||
</small>
|
||||
</div>
|
||||
<h4 class="mb-3">Online Security Summit 2024</h4>
|
||||
<p class="text-muted mb-3">
|
||||
Виртуальная конференция с докладами о пост-квантовой криптографии,
|
||||
анонимных сетях и будущем приватности. Регистрация бесплатная.
|
||||
</p>
|
||||
<ul class="list-unstyled small text-muted mb-3">
|
||||
<li><i class="fas fa-clock text-primary me-2"></i>14:00 - 18:00 UTC</li>
|
||||
<li><i class="fas fa-video text-success me-2"></i>Zoom + YouTube Live</li>
|
||||
<li><i class="fas fa-users text-info me-2"></i>Ожидается 5,000+ участников</li>
|
||||
</ul>
|
||||
<a href="#" class="btn btn-primary">
|
||||
<i class="fas fa-ticket-alt me-2"></i>Зарегистрироваться
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Past Event -->
|
||||
<div class="col-lg-6">
|
||||
<div class="card glass-card h-100">
|
||||
<div class="card-body p-4">
|
||||
<div class="d-flex justify-content-between align-items-start mb-3">
|
||||
<span class="badge bg-secondary">Прошедшее</span>
|
||||
<small class="text-muted">
|
||||
<i class="far fa-calendar me-1"></i>22 октября 2024
|
||||
</small>
|
||||
</div>
|
||||
<h4 class="mb-3">Hackathon: Privacy Tools</h4>
|
||||
<p class="text-muted mb-3">
|
||||
48-часовой хакатон по разработке инструментов приватности на базе Phantom Protocol.
|
||||
Призовой фонд $50,000.
|
||||
</p>
|
||||
<div class="mb-3">
|
||||
<div class="d-flex justify-content-between small mb-1">
|
||||
<span class="text-muted">Участники</span>
|
||||
<span class="text-light">250 разработчиков</span>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between small mb-1">
|
||||
<span class="text-muted">Проекты</span>
|
||||
<span class="text-light">47 submissions</span>
|
||||
</div>
|
||||
<div class="d-flex justify-content-between small">
|
||||
<span class="text-muted">Победители</span>
|
||||
<span class="text-light">5 команд</span>
|
||||
</div>
|
||||
</div>
|
||||
<a href="#" class="btn btn-outline-light">
|
||||
<i class="fas fa-trophy me-2"></i>Посмотреть результаты
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Blog Post 1 -->
|
||||
<div class="col-lg-4">
|
||||
<div class="card glass-card h-100">
|
||||
<div class="card-body p-4">
|
||||
<small class="text-muted">
|
||||
<i class="far fa-calendar me-1"></i>5 ноября 2024
|
||||
</small>
|
||||
<h5 class="my-3">Phantom Protocol v2.0: Что нового?</h5>
|
||||
<p class="text-muted small mb-3">
|
||||
Обзор основных изменений в новом мажорном релизе: улучшенная производительность,
|
||||
новые транспорты и усиленная криптография.
|
||||
</p>
|
||||
<a href="#" class="text-primary small">
|
||||
Читать далее <i class="fas fa-arrow-right ms-1"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Blog Post 2 -->
|
||||
<div class="col-lg-4">
|
||||
<div class="card glass-card h-100">
|
||||
<div class="card-body p-4">
|
||||
<small class="text-muted">
|
||||
<i class="far fa-calendar me-1"></i>28 октября 2024
|
||||
</small>
|
||||
<h5 class="my-3">Гайд по запуску Exit Node</h5>
|
||||
<p class="text-muted small mb-3">
|
||||
Пошаговая инструкция по настройке exit node с правильными политиками безопасности
|
||||
и legal considerations.
|
||||
</p>
|
||||
<a href="#" class="text-primary small">
|
||||
Читать далее <i class="fas fa-arrow-right ms-1"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- Blog Post 3 -->
|
||||
<div class="col-lg-4">
|
||||
<div class="card glass-card h-100">
|
||||
<div class="card-body p-4">
|
||||
<small class="text-muted">
|
||||
<i class="far fa-calendar me-1"></i>15 октября 2024
|
||||
</small>
|
||||
<h5 class="my-3">Security Audit Results</h5>
|
||||
<p class="text-muted small mb-3">
|
||||
Результаты независимого security audit от Trail of Bits.
|
||||
Все критические issues исправлены.
|
||||
</p>
|
||||
<a href="#" class="text-primary small">
|
||||
Читать далее <i class="fas fa-arrow-right ms-1"></i>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</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">© 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>
|
||||
|
||||
<!-- jQuery -->
|
||||
<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
|
||||
|
||||
<!-- Bootstrap JS -->
|
||||
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js"></script>
|
||||
|
||||
<!-- Main JavaScript -->
|
||||
<script src="js/background.js" defer></script>
|
||||
<script src="js/main.js" defer></script>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
Reference in New Issue
Block a user