wasrusgen/zov-tech
1
0
Fork 0
mirror of https://github.com/wasrusgen/zov-tech.git synced 2026-06-03 15:44:47 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

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

Browse Source 
Заменили 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
miniapp/assets/app.js
View File

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

17
miniapp/assets/podbor.css
View File

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

22
miniapp/index.html
View File

@ -10,10 +10,10 @@
<title>ЗОВ — Кабинет</title> <title>ЗОВ — Кабинет</title>
<link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <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> <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/styles.css?v=20260513p">
<link rel="stylesheet" href="assets/podbor.css?v=20260513o"> <link rel="stylesheet" href="assets/podbor.css?v=20260513p">
</head> </head>
<body> <body>
<!-- Splash — за пределами #app, render-функции его не смывают --> <!-- Splash — за пределами #app, render-функции его не смывают -->
@ -34,13 +34,13 @@
</div> </div>
</div> </div>
<main id="app"></main> <main id="app"></main>
<script src="assets/icons.js?v=20260513o"></script> <script src="assets/icons.js?v=20260513p"></script>
<script src="assets/podbor.config.js?v=20260513o"></script> <script src="assets/podbor.config.js?v=20260513p"></script>
<script src="assets/podbor.picts.js?v=20260513o"></script> <script src="assets/podbor.picts.js?v=20260513p"></script>
<script src="assets/podbor.js?v=20260513o"></script> <script src="assets/podbor.js?v=20260513p"></script>
<script src="assets/clients.js?v=20260513o"></script> <script src="assets/clients.js?v=20260513p"></script>
<script src="assets/measurements.js?v=20260513o"></script> <script src="assets/measurements.js?v=20260513p"></script>
<script src="assets/request.js?v=20260513o"></script> <script src="assets/request.js?v=20260513p"></script>
<script src="assets/app.js?v=20260513o"></script> <script src="assets/app.js?v=20260513p"></script>
</body> </body>
</html> </html>