132 lines
5.5 KiB
HTML
132 lines
5.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>railwayka.ru - Infrastructure & Services</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body>
|
|
<div class="stars"></div>
|
|
<div class="container">
|
|
<header>
|
|
<h1 class="glitch" data-text="railwayka.ru">railwayka.ru</h1>
|
|
<p class="tagline">Self-Hosted Infrastructure & Services</p>
|
|
</header>
|
|
|
|
<section class="intro">
|
|
<p>Welcome to my personal infrastructure platform, powered by modern DevOps technologies and GitOps workflows.</p>
|
|
</section>
|
|
|
|
<section class="services">
|
|
<h2>Available Services</h2>
|
|
<div class="service-grid">
|
|
<div class="service-card">
|
|
<div class="service-icon">🔧</div>
|
|
<h3>Git Repository</h3>
|
|
<p>Self-hosted Git server with web interface</p>
|
|
<a href="https://git.dc.railwayka.ru" class="service-link">Visit Gitea →</a>
|
|
</div>
|
|
|
|
<div class="service-card coming-soon">
|
|
<div class="service-icon">💬</div>
|
|
<h3>Matrix Server</h3>
|
|
<p>Decentralized, secure messaging</p>
|
|
<span class="badge">Coming Soon</span>
|
|
</div>
|
|
|
|
<div class="service-card coming-soon">
|
|
<div class="service-icon">📝</div>
|
|
<h3>Blog</h3>
|
|
<p>Technical writing and documentation</p>
|
|
<span class="badge">Coming Soon</span>
|
|
</div>
|
|
|
|
<div class="service-card coming-soon">
|
|
<div class="service-icon">🔐</div>
|
|
<h3>Password Manager</h3>
|
|
<p>Self-hosted credential storage</p>
|
|
<span class="badge">Coming Soon</span>
|
|
</div>
|
|
|
|
<div class="service-card coming-soon">
|
|
<div class="service-icon">☁️</div>
|
|
<h3>Cloud Storage</h3>
|
|
<p>Private file storage and sync</p>
|
|
<span class="badge">Coming Soon</span>
|
|
</div>
|
|
|
|
<div class="service-card coming-soon">
|
|
<div class="service-icon">📊</div>
|
|
<h3>Monitoring</h3>
|
|
<p>System metrics and dashboards</p>
|
|
<span class="badge">Coming Soon</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="tech-stack">
|
|
<h2>Technology Stack</h2>
|
|
<div class="tech-info">
|
|
<div class="tech-item">
|
|
<h3>🚀 Dcape</h3>
|
|
<p>GitOps-based infrastructure management platform. Deploy applications with simple <code>git push</code> commands.</p>
|
|
</div>
|
|
<div class="tech-item">
|
|
<h3>🐳 Docker</h3>
|
|
<p>All services run in isolated containers with automatic orchestration and health monitoring.</p>
|
|
</div>
|
|
<div class="tech-item">
|
|
<h3>🔒 Let's Encrypt</h3>
|
|
<p>Automatic SSL/TLS certificates with wildcard domain support for secure HTTPS connections.</p>
|
|
</div>
|
|
<div class="tech-item">
|
|
<h3>🌐 Traefik</h3>
|
|
<p>Modern reverse proxy with automatic service discovery and HTTPS routing.</p>
|
|
</div>
|
|
<div class="tech-item">
|
|
<h3>🗄️ PostgreSQL</h3>
|
|
<p>Shared production-grade database for application data persistence.</p>
|
|
</div>
|
|
<div class="tech-item">
|
|
<h3>📡 PowerDNS</h3>
|
|
<p>Self-hosted authoritative DNS server with API-driven zone management.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="about-gitops">
|
|
<h2>What is GitOps?</h2>
|
|
<p>GitOps is a modern infrastructure management approach where Git serves as the single source of truth. All infrastructure changes and application deployments are made through Git commits and pull requests.</p>
|
|
<div class="gitops-flow">
|
|
<div class="flow-step">
|
|
<span class="step-number">1</span>
|
|
<p>Push code to Git repository</p>
|
|
</div>
|
|
<div class="flow-arrow">→</div>
|
|
<div class="flow-step">
|
|
<span class="step-number">2</span>
|
|
<p>CI/CD pipeline builds</p>
|
|
</div>
|
|
<div class="flow-arrow">→</div>
|
|
<div class="flow-step">
|
|
<span class="step-number">3</span>
|
|
<p>Automatic deployment</p>
|
|
</div>
|
|
<div class="flow-arrow">→</div>
|
|
<div class="flow-step">
|
|
<span class="step-number">4</span>
|
|
<p>Service goes live</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<footer>
|
|
<p>Powered by open-source technologies and self-hosted infrastructure</p>
|
|
<p class="footer-note">This server runs on <strong>Ubuntu 24.04</strong> with hardened SSH security (key-only authentication)</p>
|
|
</footer>
|
|
</div>
|
|
<script src="script.js"></script>
|
|
</body>
|
|
</html>
|