admin/softclick-landing
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: customize coming soon page

Browse Source
This commit is contained in:
Zotov Ivan Yuryevich
2026-06-22 23:57:21 +03:00
parent 226aedaf70
commit 72779920fd
1 changed files with 14 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
src/pages/coming-soon.astro
View File

@@ -24,7 +24,7 @@ Astro.response.headers.set('X-Robots-Tag', 'noindex, nofollow')
</h1> </h1>
<div class="media"> <div class="media">
<img class="astronaut" src="/astronaut.png" alt="Космонавт" width="960" height="1200" /> <img class="astronaut" src="/astronaut.png" alt="Космонавт" />
</div> </div>
<p class="status">Сайт в разработке. Следите за обновлениями.</p> <p class="status">Сайт в разработке. Следите за обновлениями.</p>
@@ -63,9 +63,11 @@ Astro.response.headers.set('X-Robots-Tag', 'noindex, nofollow')
.screen { .screen {
display: grid; display: grid;
grid-template-columns: 1fr 1fr; grid-template-columns: 1fr 1fr;
grid-template-rows: 1fr auto; /* logo row shrinks (status row is always reserved) so nothing scrolls */
min-height: 100vh; grid-template-rows: minmax(0, 1fr) auto;
min-height: 100dvh; height: 100vh;
height: 100dvh;
overflow: hidden;
} }
.logo { .logo {
@@ -73,11 +75,13 @@ Astro.response.headers.set('X-Robots-Tag', 'noindex, nofollow')
grid-row: 1; grid-row: 1;
align-self: start; align-self: start;
margin: 0; margin: 0;
padding: calc(var(--pad) * 4) var(--pad) 0 var(--pad); /* top padding and size track viewport height so it fits at any height */
font-weight: 800; padding: clamp(20px, 10vh, 100px) var(--pad) 0 var(--pad);
font-weight: 500;
text-transform: uppercase; text-transform: uppercase;
line-height: 0.88; line-height: 0.88;
font-size: clamp(44px, 7vw, 104px); font-size: clamp(56px, min(9vw, 15vh), 134px);
overflow: hidden;
} }
.logo__line { .logo__line {
display: block; display: block;
@@ -93,7 +97,8 @@ Astro.response.headers.set('X-Robots-Tag', 'noindex, nofollow')
margin: 0; margin: 0;
padding: 0 var(--pad) var(--pad); padding: 0 var(--pad) var(--pad);
font-size: clamp(15px, 1.6vw, 20px); font-size: clamp(15px, 1.6vw, 20px);
font-weight: 500; font-weight: 400;
text-transform: uppercase;
line-height: 1.5; line-height: 1.5;
} }
@@ -121,12 +126,11 @@ Astro.response.headers.set('X-Robots-Tag', 'noindex, nofollow')
.logo { .logo {
grid-column: 1; grid-column: 1;
grid-row: 1; grid-row: 1;
font-size: clamp(40px, 16vw, 72px); font-size: clamp(36px, min(16vw, 11vh), 72px);
} }
.media { .media {
grid-column: 1; grid-column: 1;
grid-row: 2; grid-row: 2;
min-height: 42vh;
} }
.status { .status {
grid-column: 1; grid-column: 1;