116 lines
No EOL
3.8 KiB
HTML
116 lines
No EOL
3.8 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="ru">
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||
<title>PegiNelab - Автоматизация CI/CD</title>
|
||
<style>
|
||
body {
|
||
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
|
||
background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
|
||
color: white;
|
||
margin: 0;
|
||
padding: 0;
|
||
min-height: 100vh;
|
||
display: flex;
|
||
flex-direction: column;
|
||
align-items: center;
|
||
justify-content: center;
|
||
}
|
||
.container {
|
||
max-width: 900px;
|
||
text-align: center;
|
||
padding: 2rem;
|
||
background: rgba(255, 255, 255, 0.1);
|
||
backdrop-filter: blur(10px);
|
||
border-radius: 20px;
|
||
box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3);
|
||
}
|
||
/* Стиль для логотипа */
|
||
.logo {
|
||
max-width: 150px;
|
||
margin-bottom: 1rem;
|
||
border-radius: 10px;
|
||
}
|
||
/* Стиль для кнопки */
|
||
.project-button {
|
||
display: inline-block;
|
||
margin: 1.5rem;
|
||
padding: 1rem 2rem;
|
||
background: #4CAF50;
|
||
color: white;
|
||
text-decoration: none;
|
||
border-radius: 10px;
|
||
font-weight: bold;
|
||
transition: all 0.3s;
|
||
}
|
||
.project-button:hover {
|
||
background: #45a049;
|
||
transform: scale(1.05);
|
||
}
|
||
/* Стиль для списка проектов */
|
||
.projects-list {
|
||
margin-top: 2rem;
|
||
text-align: left;
|
||
background: rgba(255, 255, 255, 0.15);
|
||
padding: 1rem;
|
||
border-radius: 10px;
|
||
min-height: 150px;
|
||
}
|
||
</style>
|
||
</head>
|
||
<body>
|
||
<div class="container">
|
||
<!-- ЛОГОТИП -->
|
||
<img src="peginelab.png" alt="PegiNelab Logo" class="logo">
|
||
|
||
<h1>🚀 PegiNelab CI/CD</h1>
|
||
<p>Автоматизированная система сборки и деплоя</p>
|
||
|
||
<div class="status">
|
||
<div class="status-item">
|
||
<div class="emoji">🔐</div>
|
||
<div>SSL Monitor</div>
|
||
<div id="ssl-status">00:00:00</div>
|
||
</div>
|
||
<div class="status-item">
|
||
<div class="emoji">🤖</div>
|
||
<div>Telegram Bot</div>
|
||
<div id="bot-status">Online</div>
|
||
</div>
|
||
<div class="status-item">
|
||
<div class="emoji">🐳</div>
|
||
<div>Docker</div>
|
||
<div id="docker-status">Running</div>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- КНОПКА НА ПРОЕКТ -->
|
||
<a href="https://git.peginelab.com" class="project-button" target="_blank">
|
||
📁 Git Repository
|
||
</a>
|
||
|
||
<!-- СПИСОК ПРОЕКТОВ -->
|
||
<div class="projects-list">
|
||
<h3>📋 Проекты в CI/CD:</h3>
|
||
<div id="projects-container">
|
||
<p>CI/CD Bot | SSL Monitor | Docker Manager</p>
|
||
</div>
|
||
</div>
|
||
|
||
<p>Система автоматизации успешно запущена!</p>
|
||
<p><small>IP: 84.22.132.42 | Сертификат действует до: Dec 2 13:57:24 2026 GMT</small></p>
|
||
</div>
|
||
|
||
<script>
|
||
// Обновление времени SSL монитора
|
||
function updateTime() {
|
||
const now = new Date();
|
||
const timeStr = now.toLocaleTimeString();
|
||
document.getElementById('ssl-status').textContent = timeStr;
|
||
}
|
||
setInterval(updateTime, 1000);
|
||
updateTime();
|
||
</script>
|
||
</body>
|
||
</html> |