MyResume/templates/DevOps.html

<!DOCTYPE html>
<html lang="ru">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Кирилл Ремизов</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap">
    <link rel="stylesheet" href="{{ url_for('static', filename='css/style.css') }}">
</head>
<body>
    <!-- Шапка с фото и контактами -->
    <div class="header">
        <div class="photo-section">
            <div class="photo-slider" id="photoSlider">
                <!-- Фотографии будут добавлены через JavaScript -->
            </div>
            <div class="slider-controls" id="sliderControls">
                <!-- Точки управления слайдером будут добавлены через JavaScript -->
            </div>
        </div>
        
        <div class="info-section">
            <h1>Ремизов Кирилл Львович</h1>
            <div class="subtitle">SRE/DevOps инженер</div>
            
            <div class="contacts">
                <div class="contact-item">
                    <div class="contact-icon">
                        <i class="fas fa-phone"></i>
                    </div>
                    <div>
                        <div><a href="tel:+79051932953">+7 (905) 193-29-53</a></div>
                    </div>
                </div>
                
                <div class="contact-item">
                    <div class="contact-icon">
                        <i class="fas fa-envelope"></i>
                    </div>
                    <div>
                        <div><a href="mailto:remizov.kirill2005@yandex.ru">remizov.kirill2005@yandex.ru</a></div>
                    </div>
                </div>
                
                <div class="contact-item">
                    <div class="contact-icon">
                        <i class="fab fa-telegram"></i>
                    </div>
                    <div>
                        <div><a href="https://t.me/simpleRussianProger" target="_blank">@simpleRussianProger</a></div>
                    </div>
                </div>
                
                <div class="contact-item">
                    <div class="contact-icon">
                        <i class="fab fa-github"></i>
                    </div>
                    <div>
                        <div><a href="https://github.com/BlackCorbeau" target="_blank">BlackCorbeau (GitHub)</a></div>
                    </div>
                </div>
                
                <div class="contact-item">
                    <div class="contact-icon">
                        <i class="fab fa-git-alt"></i>
                    </div>
                    <div>
                        <div><a href="https://git.rustprogersteam.ru/Black_Raven" target="_blank">RemizovKL (Forgejo)</a></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="container">
        <!-- Левая колонка -->
        <div class="left-column">
            <!-- Образование -->
            <div class="card">
                <div class="card-title">
                    <i class="fas fa-graduation-cap"></i>
                    <span>Образование</span>
                </div>
                <p><strong>2023–2027 ННГУ им. Лобачевского</strong>, Нижний Новгород</p>
                <p style="color: var(--text-muted); margin-top: 5px;">Программная инженерия</p>
            </div>
            
            <!-- Достижения -->
            <div class="card">
                <div class="card-title">
                    <i class="fas fa-trophy"></i>
                    <span>Достижения</span>
                </div>
                <p><strong>2025</strong> Участие в хакатоне от IT-холдинга Т1, 3-е место.</p>
            </div>
            
            <!-- Языки -->
            <div class="card">
                <div class="card-title">
                    <i class="fas fa-globe"></i>
                    <span>Языки</span>
                </div>
                <ul class="list">
                    <li>Английский (B2)</li>
                    <li>Французский (разговорный)</li>
                </ul>
            </div>
            
            <!-- Soft Skills -->
            <div class="card">
                <div class="card-title">
                    <i class="fas fa-users"></i>
                    <span>Soft Skills</span>
                </div>
                <ul class="list">
                    <li>Ответственный и пунктуальный</li>
                    <li>Любовь к своему делу</li>
                    <li>Умение работать в команде</li>
                    <li>Открыт к обмену опытом</li>
                </ul>
            </div>
        </div>
        
        <!-- Правая колонка -->
        <div class="right-column">
            <!-- Технические навыки -->
            <div class="card">
                <div class="card-title">
                    <i class="fas fa-cogs"></i>
                    <span>Технические навыки</span>
                </div>
                
                <div class="skill-item">
                    <div class="skill-header">
                        <span>Linux</span>
                        <span>продвинутый</span>
                    </div>
                    <div class="skill-bar">
                        <div class="skill-level" style="width: 100%;"></div>
                    </div>
                </div>
                
                <div class="skill-item">
                    <div class="skill-header">
                        <span>Docker / Docker Compose</span>
                        <span>продвинутый</span>
                    </div>
                    <div class="skill-bar">
                        <div class="skill-level" style="width: 100%;"></div>
                    </div>
                </div>
                
                <div class="skill-item">
                    <div class="skill-header">
                        <span>Ansible</span>
                        <span>уверенный</span>
                    </div>
                    <div class="skill-bar">
                        <div class="skill-level" style="width: 80%;"></div>
                    </div>
                </div>
                
                <div class="skill-item">
                    <div class="skill-header">
                        <span>Terraform</span>
                        <span>уверенный</span>
                    </div>
                    <div class="skill-bar">
                        <div class="skill-level" style="width: 80%;"></div>
                    </div>
                </div>
                
                <div class="skill-item">
                    <div class="skill-header">
                        <span>Git</span>
                        <span>уверенный</span>
                    </div>
                    <div class="skill-bar">
                        <div class="skill-level" style="width: 80%;"></div>
                    </div>
                </div>
                
                <div class="skill-item">
                    <div class="skill-header">
                        <span>GitHub Actions</span>
                        <span>уверенный</span>
                    </div>
                    <div class="skill-bar">
                        <div class="skill-level" style="width: 80%;"></div>
                    </div>
                </div>
                
                <div class="skill-item">
                    <div class="skill-header">
                        <span>Bash</span>
                        <span>основы</span>
                    </div>
                    <div class="skill-bar">
                        <div class="skill-level" style="width: 40%;"></div>
                    </div>
                </div>
                
                <div class="skill-item">
                    <div class="skill-header">
                        <span>Python</span>
                        <span>основы</span>
                    </div>
                    <div class="skill-bar">
                        <div class="skill-level" style="width: 40%;"></div>
                    </div>
                </div>
                
                <div class="skill-item">
                    <div class="skill-header">
                        <span>Kubernetes</span>
                        <span>основы</span>
                    </div>
                    <div class="skill-bar">
                        <div class="skill-level" style="width: 40%;"></div>
                    </div>
                </div>
                
                <div class="skill-item">
                    <div class="skill-header">
                        <span>Argo CD</span>
                        <span>основы</span>
                    </div>
                    <div class="skill-bar">
                        <div class="skill-level" style="width: 40%;"></div>
                    </div>
                </div>
                
                <p style="color: var(--text-muted); margin-top: 10px;"><strong>Дополнительно:</strong> понимание архитектуры сети и безопасности, работа с терминалом, Vim, *nix-системы.</p>
            </div>
            
            <!-- Проекты -->
            <div class="card">
                <div class="card-title">
                    <i class="fas fa-code-branch"></i>
                    <span>Проекты</span>
                </div>
                <div class="project-item">
                    <div class="project-title">Terraform (IaC)</div>
                    <p>Автоматизация развёртывания инфраструктуры, инфраструктура как код.</p>
                    <div class="project-links">
                        <a href="https://github.com/BlackCorbeau/final_assessment" target="_blank"><i class="fab fa-github"></i> github.com/BlackCorbeau/final_assessment</a>
                    </div>
                </div>
                <div class="project-item">
                    <div class="project-title">Argo CD (GitOps)</div>
                    <p>GitOps-доставка и синхронизация приложений в Kubernetes.</p>
                    <div class="project-links">
                        <a href="https://github.com/BlackCorbeau/lab4" target="_blank"><i class="fab fa-github"></i> github.com/BlackCorbeau/lab4</a>
                    </div>
                </div>
                <div class="project-item">
                    <div class="project-title">Ansible + Docker</div>
                    <p>Конфигурация серверов Ansible и контейнеризация приложений с Docker (исходный код резюме).</p>
                    <div class="project-links">
                        <a href="https://git.rustprogersteam.ru/Black_Raven/MyResume" target="_blank"><i class="fab fa-git-alt"></i> git.rustprogersteam.ru/Black_Raven/MyResume</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="footer">
        <p><i class="fas fa-heart" style="color: var(--primary);"></i> Обновлено: <span id="currentDate"></span></p>
        <p style="margin-top: 10px; font-size: 0.8rem;">Стиль вдохновлен Forgejo | Черно-оранжевая цветовая схема</p>
    </div>

    <script src="{{ url_for('static', filename='js/script.js') }}"></script>
</body>
</html>