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

splash: убрать вращающееся кольцо, оставить только опилки + breathing

Browse Source 
Cache bust v=20260513zm.
This commit is contained in:
wasrusgen 2026-05-13 22:58:09 +03:00
parent ec3929ae94
commit 18c2325440
2 changed files with 12 additions and 35 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
miniapp/assets/styles.css
View File

@ -233,24 +233,6 @@ button { font: inherit; cursor: pointer; border: none; background: none; color:
filter: drop-shadow(0 6px 16px rgba(44, 62, 80, 0.18)); filter: drop-shadow(0 6px 16px rgba(44, 62, 80, 0.18));
} }
/* Вращающийся диск-кольцо поверх саблона.
Позиция и размер подобраны под расположение диска пилы в лого. */
.saw-rotor {
position: absolute;
top: 22%; /* центр диска пилы примерно тут */
left: 50%;
width: 36%;
aspect-ratio: 1 / 1;
transform: translate(-50%, -50%);
pointer-events: none;
opacity: 0.55;
animation: rotorSpin 3.5s linear infinite;
}
@keyframes rotorSpin {
from { transform: translate(-50%, -50%) rotate(0deg); }
to { transform: translate(-50%, -50%) rotate(360deg); }
}
/* Опилки — 16 точек летают вокруг пилы */ /* Опилки — 16 точек летают вокруг пилы */
.splash-dust { .splash-dust {
position: absolute; position: absolute;

29
miniapp/index.html
View File

@ -12,19 +12,14 @@
<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=20260513zl"> <link rel="stylesheet" href="assets/styles.css?v=20260513zm">
<link rel="stylesheet" href="assets/podbor.css?v=20260513zl"> <link rel="stylesheet" href="assets/podbor.css?v=20260513zm">
</head> </head>
<body> <body>
<!-- Splash — лого @wasrusgen1 + опилки (16) + вращающийся диск --> <!-- Splash — лого @wasrusgen1 + опилки (16) + вращающийся диск -->
<div class="loader splash" id="splash"> <div class="loader splash" id="splash">
<div class="brand-logo-wrap"> <div class="brand-logo-wrap">
<img class="brand-logo" src="assets/wasrusgen-logo.svg?v=20260513zl" alt="@wasrusgen1"> <img class="brand-logo" src="assets/wasrusgen-logo.svg?v=20260513zm" alt="@wasrusgen1">
<!-- Вращающийся диск-кольцо поверх саблона -->
<svg class="saw-rotor" viewBox="-50 -50 100 100" aria-hidden="true">
<circle r="40" cx="0" cy="0" fill="none" stroke="#2C3E50" stroke-width="3.2" stroke-dasharray="3 4.5"/>
<circle r="33" cx="0" cy="0" fill="none" stroke="#2C3E50" stroke-width="1" opacity="0.35"/>
</svg>
<div class="splash-dust" aria-hidden="true"> <div class="splash-dust" aria-hidden="true">
<span class="dust d1"></span> <span class="dust d2"></span> <span class="dust d1"></span> <span class="dust d2"></span>
<span class="dust d3"></span> <span class="dust d4"></span> <span class="dust d3"></span> <span class="dust d4"></span>
@ -40,14 +35,14 @@
<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=20260513zl"></script> <script src="assets/icons.js?v=20260513zm"></script>
<script src="assets/podbor.config.js?v=20260513zl"></script> <script src="assets/podbor.config.js?v=20260513zm"></script>
<script src="assets/podbor.picts.js?v=20260513zl"></script> <script src="assets/podbor.picts.js?v=20260513zm"></script>
<script src="assets/podbor.js?v=20260513zl"></script> <script src="assets/podbor.js?v=20260513zm"></script>
<script src="assets/clients.js?v=20260513zl"></script> <script src="assets/clients.js?v=20260513zm"></script>
<script src="assets/zamer-picts.js?v=20260513zl"></script> <script src="assets/zamer-picts.js?v=20260513zm"></script>
<script src="assets/measurements.js?v=20260513zl"></script> <script src="assets/measurements.js?v=20260513zm"></script>
<script src="assets/request.js?v=20260513zl"></script> <script src="assets/request.js?v=20260513zm"></script>
<script src="assets/app.js?v=20260513zl"></script> <script src="assets/app.js?v=20260513zm"></script>
</body> </body>
</html> </html>