Добавлена страница 'О проекте' (about.html)

2025-12-12 04:32:32 +03:00 · 2025-12-12 04:32:32 +03:00 · d21598db6e
commit d21598db6e
parent d49e3d83bb
1 changed files with 119 additions and 0 deletions
--- a/about.html
+++ b/about.html
@ -0,0 +1,119 @@
+<!DOCTYPE html>
+<html lang="ru">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>О проекте - PegiNelab</title>
+    <style>
+        body {
+            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
+            background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
+            color: white;
+            margin: 0;
+            padding: 20px;
+            min-height: 100vh;
+        }
+        .container {
+            max-width: 1000px;
+            margin: 0 auto;
+            background: rgba(255, 255, 255, 0.08);
+            backdrop-filter: blur(10px);
+            border-radius: 20px;
+            padding: 40px;
+            box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
+        }
+        .logo {
+            max-width: 150px;
+            display: block;
+            margin: 0 auto 30px;
+        }
+        nav {
+            text-align: center;
+            margin-bottom: 40px;
+        }
+        nav a {
+            color: white;
+            text-decoration: none;
+            margin: 0 15px;
+            padding: 10px 20px;
+            border: 2px solid rgba(255,255,255,0.3);
+            border-radius: 8px;
+            transition: all 0.3s;
+        }
+        nav a:hover {
+            background: rgba(255,255,255,0.1);
+            border-color: white;
+        }
+        h1 {
+            text-align: center;
+            font-size: 2.8rem;
+            margin-bottom: 20px;
+            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
+        }
+        .highlight {
+            color: #4CAF50;
+            font-weight: bold;
+        }
+        .tech-stack {
+            display: flex;
+            flex-wrap: wrap;
+            gap: 15px;
+            justify-content: center;
+            margin: 30px 0;
+        }
+        .tech-item {
+            background: rgba(255,255,255,0.15);
+            padding: 10px 20px;
+            border-radius: 20px;
+            font-size: 0.9rem;
+        }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <img src="peginelab.png" alt="PegiNelab Logo" class="logo">
+        
+        <nav>
+            <a href="index.html">🏠 Главная</a>
+            <a href="projects.html">📁 Проекты</a>
+            <a href="status.html">📊 Статус</a>
+            <a href="about.html">ℹ️ О системе</a>
+        </nav>
+        
+        <h1>🚀 О проекте PegiNelab</h1>
+        
+        <p>Добро пожаловать в <span class="highlight">PegiNelab</span> — автоматизированную платформу непрерывной интеграции и доставки (CI/CD), созданную с нуля для управления инфраструктурой, развертывания приложений и мониторинга.</p>
+        
+        <h2>🎯 Наша миссия</h2>
+        <p>Упростить и автоматизировать процессы разработки и эксплуатации программного обеспечения, предоставляя надежный, самодостаточный инструментарий для небольших команд и персональных проектов.</p>
+        
+        <h2>⚙️ Технологический стек</h2>
+        <div class="tech-stack">
+            <div class="tech-item">🐳 Docker & Docker Compose</div>
+            <div class="tech-item">🤖 Python & Telegram Bot API</div>
+            <div class="tech-item">🔐 Nginx & Let's Encrypt (SSL)</div>
+            <div class="tech-item">🚀 Git (Forgejo) & CI/CD</div>
+            <div class="tech-item">📊 Bash & Cron</div>
+            <div class="tech-item">🌐 HTML/CSS/JavaScript</div>
+        </div>
+        
+        <h2>🌟 Основные возможности</h2>
+        <ul>
+            <li><strong>Автоматический деплой:</strong> Веб-сайт обновляется автоматически при пуше в Git-репозиторий.</li>
+            <li><strong>Telegram-бот для управления:</strong> Проверка статуса SSL, управление контейнерами.</li>
+            <li><strong>Мониторинг SSL-сертификатов:</strong> Автоматическое обновление и проверка срока действия.</li>
+            <li><strong>Полная контейнеризация:</strong> Все сервисы изолированы в Docker-контейнерах.</li>
+            <li><strong>Собственный Git-хостинг:</strong> Forgejo для полного контроля над исходным кодом.</li>
+        </ul>
+        
+        <h2>📞 Контакты и обратная связь</h2>
+        <p>Проект находится в активной разработке. Идеи, предложения и сообщения об ошибках можно отправлять через репозитории на нашем <a href="https://peginelab.com/git" style="color:#4CAF50;">Git-сервере</a> или Telegram-боту.</p>
+        
+        <div style="text-align: center; margin-top: 50px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,0.2);">
+            <p><em>Создано с ❤️ для автоматизации и эффективности.</em></p>
+            <p>© 2025 PegiNelab. Все компоненты с открытым исходным кодом.</p>
+            <p><a href="index.html" style="color: #4CAF50;">← Вернуться на главную</a></p>
+        </div>
+    </div>
+</body>
+</html>