ruslan/Stend_mont
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

redesign: stylish two-column login page (dark navy split layout)

Browse Source
This commit is contained in:
Ruslan
2026-05-11 08:50:02 +00:00
parent 55da535f44
commit 020793a3e2
2 changed files with 352 additions and 113 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/templates/login.html
+55 -26
View File
@@ -6,6 +6,10 @@
<title>МОНТ - инфрастуктурный полигон</title>
<link rel="stylesheet" href="/static/style.css" />
<link rel="icon" type="image/png" href="/static/favicon.png" />
<style>
body { background: #070f1c; overflow: hidden; height: 100vh; }
@media (max-width: 820px) { body { overflow: auto; height: auto; } }
</style>
<!-- Yandex.Metrika counter -->
<script type="text/javascript">
(function(m,e,t,r,i,k,a){
@@ -20,34 +24,59 @@
<!-- /Yandex.Metrika counter -->
</head>
<body>
<div class="login-corner-brand">МОНТ - инфрастуктурный полигон</div>
<main class="center-box login-page">
<div class="login-about">
<div class="login-about-title">Инфраструктурный полигон МОНТ</div>
<div class="login-about-desc">Платформа для демонстрации и практического знакомства с отечественным ПО. Получите браузерный доступ к рабочим стендам с российскими операционными системами, платформами виртуализации, средствами резервного копирования, почтовыми системами и другими решениями — без установки и настройки.</div>
<div class="login-about-chips">
<span class="login-chip">🖥 Рабочие столы (RDP)</span>
<span class="login-chip">🌐 Веб-интерфейсы</span>
<span class="login-chip">⚡ Доступ в один клик</span>
<span class="login-chip">🔒 Защищённый контур</span>
</div>
<div class="login-wrap">
<aside class="login-left">
<div class="login-left-glow login-left-glow-top"></div>
<div class="login-left-glow login-left-glow-bottom"></div>
<div class="login-left-inner">
<img src="/static/logo.png" alt="MONT" class="login-left-logo" />
<h1 class="login-left-title">Инфраструктурный<br>полигон МОНТ</h1>
<p class="login-left-desc">Платформа для демонстрации и практического знакомства с отечественным ПО. Браузерный доступ к рабочим стендам с российскими ОС, платформами виртуализации, СРК и другими решениями — без установки и настройки.</p>
<ul class="login-features">
<li class="login-feature">
<span class="login-feature-icon">🖥</span>
<span>Рабочие столы через RDP</span>
</li>
<li class="login-feature">
<span class="login-feature-icon">🌐</span>
<span>Веб-интерфейсы сервисов</span>
</li>
<li class="login-feature">
<span class="login-feature-icon">⚡</span>
<span>Доступ в один клик</span>
</li>
<li class="login-feature">
<span class="login-feature-icon">🔒</span>
<span>Защищённый контур</span>
</li>
</ul>
</div>
<section class="login-shell">
<img src="/static/logo.png" alt="MONT" class="brand-logo brand-logo-fullscreen" />
<div style="height:3.5rem"></div>
{% if session_notice %}<div class="session-notice">{{ session_notice }}</div>{% endif %}
{% if login_error %}<div class="auth-error">{{ login_error }}</div>{% endif %}
<form method="post" action="/login" class="panel login-panel">
<input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
<label>Логин</label>
<input type="text" name="username" placeholder="Введите логин" required />
<label>Пароль</label>
<input type="password" name="password" placeholder="Введите пароль" required />
<button type="submit">Войти</button>
</aside>
<main class="login-right">
<div class="login-right-inner">
<img src="/static/logo.png" alt="MONT" class="login-right-logo" />
<div class="login-form-title">Вход в систему</div>
<div class="login-form-subtitle">Инфраструктурный полигон</div>
{% if session_notice %}<div class="session-notice lp-session-notice">{{ session_notice }}</div>{% endif %}
{% if login_error %}<div class="auth-error lp-auth-error">{{ login_error }}</div>{% endif %}
<form method="post" action="/login" class="login-form">
<input type="hidden" name="csrf_token" value="{{ csrf_token }}" />
<div class="login-field">
<label>Логин</label>
<input type="text" name="username" placeholder="Введите логин" required autocomplete="username" />
</div>
<div class="login-field">
<label>Пароль</label>
<input type="password" name="password" placeholder="Введите пароль" required autocomplete="current-password" />
</div>
<button type="submit" class="login-submit">Войти</button>
</form>
<a class="request-access-btn" href="mailto:rgalyaviev@mont.com?subject=%D0%94%D0%BE%D1%81%D1%82%D1%83%D0%BF%20%D0%BA%20%D0%BF%D0%BE%D0%BB%D0%B8%D0%B3%D0%BE%D0%BD%D1%83">Запросить доступ</a>
</section>
<a class="login-request-btn" href="mailto:rgalyaviev@mont.com?subject=%D0%94%D0%BE%D1%81%D1%82%D1%83%D0%BF%20%D0%BA%20%D0%BF%D0%BE%D0%BB%D0%B8%D0%B3%D0%BE%D0%BD%D1%83">Запросить доступ</a>
</div>
<footer class="login-footer">
<a href="mailto:rgalyaviev@mont.com" class="login-footer-link">Made by Galyaviev</a>
</footer>
</main>
<footer class="login-made-by-wrap"><a class="made-by login-made-by" href="mailto:rgalyaviev@mont.com">Made by Galyaviev</a></footer>
</div>
</body>
</html>