nordabiz/static/maintenance.html
Maciej Pienczyn 725cf5dbad
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions
feat(ux): Add branded maintenance page with Norda Biznes logo
Shown by nginx during gunicorn restart (502/503/504). Auto-refreshes
after 8 seconds. Replaces generic NPM error page.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-02-09 13:05:15 +01:00

93 lines
6.1 KiB
HTML

<!DOCTYPE html>
<html lang="pl">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="robots" content="noindex, nofollow">
<title>Norda Biznes Partner - Aktualizacja</title>
<style>
* { margin: 0; padding: 0; box-sizing: border-box; }
body {
font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
background: linear-gradient(135deg, #1e3a5f 0%, #2563eb 100%);
color: white;
min-height: 100vh;
display: flex;
align-items: center;
justify-content: center;
padding: 20px;
}
.container { max-width: 520px; text-align: center; }
.logo-wrap {
margin: 0 auto 40px;
width: 200px;
opacity: 0.95;
}
.logo-wrap svg { width: 100%; height: auto; }
h1 {
font-size: 1.75rem;
font-weight: 700;
margin-bottom: 16px;
}
.subtitle {
font-size: 1.1rem;
opacity: 0.85;
line-height: 1.6;
margin-bottom: 40px;
}
.spinner {
width: 36px; height: 36px;
margin: 0 auto 32px;
border: 3px solid rgba(255,255,255,0.25);
border-top-color: white;
border-radius: 50%;
animation: spin 1s linear infinite;
}
@keyframes spin { to { transform: rotate(360deg); } }
.hint {
font-size: 0.875rem;
opacity: 0.55;
line-height: 1.5;
}
.hint a { color: white; }
</style>
<script>setTimeout(function(){ location.reload(); }, 8000);</script>
</head>
<body>
<div class="container">
<div class="logo-wrap">
<!-- Norda Biznes logo - top part (N+orda text + compass) in white -->
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 50 1060 250" fill="white">
<path d="M184.801 335.112H145.6L35.326 89.571v245.541H0V33.136h55.993l93.054 214.963V33.136H184.8v301.976"/>
<path d="M447.551 300.621c21.183-21.182 34.287-50.45 34.287-82.78 0-32.329-13.104-61.598-34.288-82.782-21.184-21.186-50.452-34.288-82.78-34.288-32.333 0-61.605 13.104-82.79 34.288-21.187 21.184-34.291 50.453-34.291 82.782 0 32.33 13.104 61.598 34.29 82.782 21.186 21.184 50.458 34.286 82.791 34.286 32.328 0 61.596-13.102 82.782-34.288zm39.525-82.78c0 33.774-13.691 64.351-35.823 86.483-22.132 22.132-52.71 35.823-86.483 35.823-33.777 0-64.358-13.69-86.493-35.823-22.135-22.132-35.825-52.71-35.825-86.483s13.69-64.352 35.826-86.485c22.134-22.132 52.715-35.823 86.492-35.823 33.772 0 64.351 13.691 86.483 35.824 22.132 22.132 35.823 52.711 35.823 86.484"/>
<path d="M530.868 169.264c0-13.197.937-24.47 2.804-33.81 1.868-9.34 5.305-16.942 10.337-22.833 5.014-5.878 11.694-10.117 20.031-12.71 8.317-2.582 18.944-3.88 31.875-3.88h44.809v25.853h-29.293c-7.758.012-14.008.583-18.744 1.725-4.747 1.156-8.406 3.375-10.988 6.672-2.582 3.306-4.386 7.974-5.383 13.996-1.013 6.034-1.505 13.79-1.505 23.263v167.572h-43.943V169.264z"/>
<path d="M748.524 121.884c-7.767.012-14.01.583-18.745 1.725-4.735 1.156-8.394 3.375-10.976 6.672-2.594 3.306-4.396 7.974-5.384 13.996-1.01 6.034-1.506 13.79-1.506 23.263l.002 96.064c0 9.483.494 17.24 1.504 23.26.988 6.044 2.79 10.703 5.384 13.999 2.582 3.308 6.241 5.538 10.976 6.681 4.736 1.152 10.978 1.724 18.744 1.724h56.862V24.523h43.94v310.589H733.021c-12.933 0-23.557-1.285-31.886-3.879-8.328-2.572-15.008-6.813-20.03-12.702-5.032-5.887-8.484-13.427-10.34-22.614-1.868-9.184-2.79-20.525-2.79-34.037v-92.616c0-13.197.922-24.47 2.79-33.81 1.856-9.34 5.307-16.942 10.34-22.833 5.022-5.878 11.702-10.117 20.03-12.71 8.329-2.582 18.953-3.88 31.886-3.88h48.675v25.853h-33.172z"/>
<path d="M984.45 191.668v24.987h-18.525c-7.754.009-14.008.582-18.733 1.724-4.745 1.153-8.405 2.945-10.988 5.384-2.592 2.44-4.384 5.67-5.383 9.69-1.01 4.023-1.516 9.055-1.505 15.078l.001 27.565c-.012 6.615.494 12 1.504 16.163.999 4.165 2.791 7.538 5.383 10.12 2.583 2.582 6.243 4.386 10.988 5.384 4.725 1.013 10.979 1.505 18.733 1.505h48.676V167.54c-.01-9.473-.506-17.23-1.504-23.263-1.01-6.022-2.813-10.69-5.384-13.996-2.593-3.297-6.253-5.516-10.988-6.672-4.746-1.142-10.989-1.713-18.733-1.725h-62.036V96.031h77.539c12.91 0 23.534 1.298 31.874 3.88 8.319 2.593 14.999 6.832 20.031 12.71 5.032 5.891 8.472 13.494 10.34 22.832 1.856 9.342 2.79 20.614 2.801 33.811v165.848H950.424c-12.945 0-23.57-1.221-31.887-3.66-8.328-2.439-15.009-6.021-20.03-10.767-5.031-4.725-8.472-10.616-10.34-17.656-1.867-7.033-2.802-15.153-2.791-24.35l.001-30.58c-.012-9.183.923-17.304 2.79-24.336 1.868-7.032 5.308-12.923 10.34-17.667 5.021-4.737 11.702-8.319 20.03-10.768 8.318-2.43 18.942-3.648 31.887-3.66z"/>
<!-- Compass rose inside O -->
<path d="M363.737 217.215l-1.1 23.006-73.11 76.51z" fill="rgba(255,255,255,0.3)"/>
<path d="M363.737 217.245l-22.162 7.286-52.026 92.188z" fill="rgba(255,255,255,0.7)"/>
<path d="M363.879 219.245l-23.007-1.097-76.499-73.11z" fill="rgba(255,255,255,0.3)"/>
<path d="M363.856 219.245l-7.283-22.16-92.2-52.029 96.414 71.9 3.069 2.29" fill="rgba(255,255,255,0.7)"/>
<path d="M363.44 217.116l23.008 1.085 76.507 73.123z" fill="rgba(255,255,255,0.3)"/>
<path d="M363.473 217.116l7.286 22.163 92.185 52.014z" fill="rgba(255,255,255,0.7)"/>
<path d="M363.307 218.292l1.1-23.01 73.11-76.495z" fill="rgba(255,255,255,0.3)"/>
<path d="M363.307 218.27l22.162-7.286 52.027-92.197z" fill="rgba(255,255,255,0.7)"/>
</svg>
</div>
<h1>Trwa aktualizacja portalu</h1>
<p class="subtitle">
Wgrywamy nową wersję Norda Biznes Partner.<br>
Strona odświeży się automatycznie za kilka sekund.
</p>
<div class="spinner"></div>
<p class="hint">
Jeśli strona nie załaduje się po minucie,<br>
skontaktuj się z administratorem.
</p>
</div>
</body>
</html>