role-chooser: «Сделано с душой!» каллиграфическим Caveat

Заменили kicker «ЗОВ — кухня и техника» (моно-uppercase) на
рукописный tagline «Сделано с душой!» — Caveat 34pt walnut,
лёгкий поворот -2°.

Cache bust v=20260513p.
This commit is contained in:
wasrusgen 2026-05-13 10:23:44 +03:00
parent c9b78d9e5b
commit 7f01c1e595
3 changed files with 22 additions and 19 deletions

View File

@ -356,7 +356,7 @@ function renderRoleChooser() {
app.appendChild(el(`
<div class="role-chooser">
<div class="role-chooser-head">
<div class="kicker">ЗОВ кухня и техника</div>
<div class="tagline">Сделано с душой!</div>
<h1 class="display-title">Кто <span class="accent">вы?</span></h1>
<p class="lede">Выберите роль кабинет откроется одним тапом.</p>
</div>

View File

@ -2003,13 +2003,16 @@
text-align: center;
margin-bottom: 28px;
}
.role-chooser-head .kicker {
font-family: var(--font-mono, "JetBrains Mono", monospace);
font-size: 10.5px;
letter-spacing: 0.18em;
text-transform: uppercase;
color: var(--muted, #998877);
margin-bottom: 12px;
.role-chooser-head .tagline {
font-family: "Caveat", "Brush Script MT", cursive;
font-weight: 700;
font-size: 34px;
line-height: 1;
color: var(--walnut, #6B4A2B);
margin: 0 0 8px;
transform: rotate(-2deg);
display: inline-block;
letter-spacing: 0.5px;
}
.role-chooser-head .display-title {
font-size: 36px;

View File

@ -10,10 +10,10 @@
<title>ЗОВ — Кабинет</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Geist:wght@400;500;600&family=Newsreader:ital,wght@0,400..600;1,400..600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&display=swap">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Geist:wght@400;500;600&family=Newsreader:ital,wght@0,400..600;1,400..600&family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500&family=Caveat:wght@500;700&display=swap">
<script src="https://telegram.org/js/telegram-web-app.js"></script>
<link rel="stylesheet" href="assets/styles.css?v=20260513o">
<link rel="stylesheet" href="assets/podbor.css?v=20260513o">
<link rel="stylesheet" href="assets/styles.css?v=20260513p">
<link rel="stylesheet" href="assets/podbor.css?v=20260513p">
</head>
<body>
<!-- Splash — за пределами #app, render-функции его не смывают -->
@ -34,13 +34,13 @@
</div>
</div>
<main id="app"></main>
<script src="assets/icons.js?v=20260513o"></script>
<script src="assets/podbor.config.js?v=20260513o"></script>
<script src="assets/podbor.picts.js?v=20260513o"></script>
<script src="assets/podbor.js?v=20260513o"></script>
<script src="assets/clients.js?v=20260513o"></script>
<script src="assets/measurements.js?v=20260513o"></script>
<script src="assets/request.js?v=20260513o"></script>
<script src="assets/app.js?v=20260513o"></script>
<script src="assets/icons.js?v=20260513p"></script>
<script src="assets/podbor.config.js?v=20260513p"></script>
<script src="assets/podbor.picts.js?v=20260513p"></script>
<script src="assets/podbor.js?v=20260513p"></script>
<script src="assets/clients.js?v=20260513p"></script>
<script src="assets/measurements.js?v=20260513p"></script>
<script src="assets/request.js?v=20260513p"></script>
<script src="assets/app.js?v=20260513p"></script>
</body>
</html>