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