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

splash: точный viewBox + цвет blue-grey #2C3E50

Browse Source 
- Посчитал tight bbox SVG-содержимого (5280 5260 → 11630×5570),
  viewBox теперь точно по контенту → лого центруется
- Цвет #C9A227 (золото) → #2C3E50 (слейт blue-grey) везде:
  · сам SVG (саблон + wordmark)
  · CRM tagline (без рамки, чистый текст)
  · loader bar gradient
  · theme-color
- Лого: max-width 360px, margin auto

Cache bust v=20260513zi.
This commit is contained in:
wasrusgen 2026-05-13 22:15:01 +03:00
parent 0a3d6598f6
commit f71590b05a
3 changed files with 22 additions and 21 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
miniapp/assets/styles.css
View File

@ -218,10 +218,11 @@ button { font: inherit; cursor: pointer; border: none; background: none; color:
/* Бренд @wasrusgen1 на splash — SVG-лого + CRM */ /* Бренд @wasrusgen1 на splash — SVG-лого + CRM */
.brand-logo { .brand-logo {
width: 70%; width: 80%;
max-width: 320px; max-width: 360px;
height: auto; height: auto;
display: block; display: block;
margin: 0 auto;
animation: logoBreath 2.2s ease-in-out infinite; animation: logoBreath 2.2s ease-in-out infinite;
} }
.brand-tagline-gold { .brand-tagline-gold {
@ -229,7 +230,7 @@ button { font: inherit; cursor: pointer; border: none; background: none; color:
font-weight: 800; font-weight: 800;
font-size: 18px; font-size: 18px;
letter-spacing: 0.4em; letter-spacing: 0.4em;
color: #C9A227; color: #2C3E50;
margin-top: 6px; margin-top: 6px;
line-height: 1; line-height: 1;
display: inline-block; display: inline-block;
@ -279,7 +280,7 @@ button { font: inherit; cursor: pointer; border: none; background: none; color:
top: 0; left: -40%; top: 0; left: -40%;
width: 40%; width: 40%;
height: 100%; height: 100%;
background: linear-gradient(90deg, transparent, #C9A227 50%, transparent); background: linear-gradient(90deg, transparent, #2C3E50 50%, transparent);
animation: loaderBarSlide 1.4s ease-in-out infinite; animation: loaderBarSlide 1.4s ease-in-out infinite;
} }

8
miniapp/assets/wasrusgen-logo.svg
View File

@ -2,15 +2,15 @@
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"> <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<!-- Creator: CorelDRAW --> <!-- Creator: CorelDRAW -->
<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="100%" height="100%" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd" <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" width="100%" height="100%" version="1.1" style="shape-rendering:geometricPrecision; text-rendering:geometricPrecision; image-rendering:optimizeQuality; fill-rule:evenodd; clip-rule:evenodd"
viewBox="4500 4900 17500 6500" viewBox="5280 5260 11630 5570"
xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns:xodm="http://www.corel.com/coreldraw/odm/2003"> xmlns:xodm="http://www.corel.com/coreldraw/odm/2003">
<defs> <defs>
<style type="text/css"> <style type="text/css">
<![CDATA[ <![CDATA[
.fil0 {fill:#C9A227;fill-rule:nonzero} .fil0 {fill:#2C3E50;fill-rule:nonzero}
.fil2 {fill:#C9A227;fill-opacity:0.984314} .fil2 {fill:#2C3E50;fill-opacity:0.984314}
.fil1 {fill:#C9A227;fill-opacity:0.988235} .fil1 {fill:#2C3E50;fill-opacity:0.988235}
]]> ]]>
</style> </style>
</defs> </defs>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 12 KiB

26
miniapp/index.html
View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover, user-scalable=no">
<meta name="theme-color" content="#C9A227"> <meta name="theme-color" content="#2C3E50">
<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate"> <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache"> <meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="0"> <meta http-equiv="Expires" content="0">
@ -12,25 +12,25 @@
<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;800&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=Cormorant+Garamond:ital,wght@1,400;1,500;1,600&family=Caveat:wght@500;700&display=swap"> <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&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=Cormorant+Garamond:ital,wght@1,400;1,500;1,600&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=20260513zh"> <link rel="stylesheet" href="assets/styles.css?v=20260513zi">
<link rel="stylesheet" href="assets/podbor.css?v=20260513zh"> <link rel="stylesheet" href="assets/podbor.css?v=20260513zi">
</head> </head>
<body> <body>
<!-- Splash — лого @wasrusgen1 в кривых (золото), CRM как слоган --> <!-- Splash — лого @wasrusgen1 в кривых (золото), CRM как слоган -->
<div class="loader splash" id="splash"> <div class="loader splash" id="splash">
<img class="brand-logo" src="assets/wasrusgen-logo.svg?v=20260513zh" alt="@wasrusgen1"> <img class="brand-logo" src="assets/wasrusgen-logo.svg?v=20260513zi" alt="@wasrusgen1">
<div class="loader-bar"></div> <div class="loader-bar"></div>
<div class="brand-tagline-gold">CRM</div> <div class="brand-tagline-gold">CRM</div>
</div> </div>
<main id="app"></main> <main id="app"></main>
<script src="assets/icons.js?v=20260513zh"></script> <script src="assets/icons.js?v=20260513zi"></script>
<script src="assets/podbor.config.js?v=20260513zh"></script> <script src="assets/podbor.config.js?v=20260513zi"></script>
<script src="assets/podbor.picts.js?v=20260513zh"></script> <script src="assets/podbor.picts.js?v=20260513zi"></script>
<script src="assets/podbor.js?v=20260513zh"></script> <script src="assets/podbor.js?v=20260513zi"></script>
<script src="assets/clients.js?v=20260513zh"></script> <script src="assets/clients.js?v=20260513zi"></script>
<script src="assets/zamer-picts.js?v=20260513zh"></script> <script src="assets/zamer-picts.js?v=20260513zi"></script>
<script src="assets/measurements.js?v=20260513zh"></script> <script src="assets/measurements.js?v=20260513zi"></script>
<script src="assets/request.js?v=20260513zh"></script> <script src="assets/request.js?v=20260513zi"></script>
<script src="assets/app.js?v=20260513zh"></script> <script src="assets/app.js?v=20260513zi"></script>
</body> </body>
</html> </html>