diff --git a/public/logo.jpg b/public/logo.jpg new file mode 100644 index 0000000..33ff8fc Binary files /dev/null and b/public/logo.jpg differ diff --git a/src/pages/coming-soon.astro b/src/pages/coming-soon.astro index 86990f2..e8ba515 100644 --- a/src/pages/coming-soon.astro +++ b/src/pages/coming-soon.astro @@ -18,10 +18,13 @@ Astro.response.headers.set('X-Robots-Tag', 'noindex, nofollow')
-

- СОФТ - КЛИК -

+
+

+ СОФТ + КЛИК +

+ +
Космонавт @@ -70,13 +73,23 @@ Astro.response.headers.set('X-Robots-Tag', 'noindex, nofollow') overflow: hidden; } - .logo { + .brand { grid-column: 1; grid-row: 1; align-self: start; - margin: 0; + display: flex; + align-items: center; /* top padding and size track viewport height so it fits at any height */ padding: clamp(20px, 10vh, 100px) var(--pad) 0 var(--pad); + overflow: hidden; + } + .brand__logo { + flex: none; + width: clamp(96px, min(14vw, 24vh), 220px); + height: auto; + } + .logo { + margin: 0; font-weight: 600; text-transform: uppercase; line-height: 0.88; @@ -123,9 +136,11 @@ Astro.response.headers.set('X-Robots-Tag', 'noindex, nofollow') grid-template-columns: 1fr; grid-template-rows: auto minmax(0, 1fr) auto; } - .logo { + .brand { grid-column: 1; grid-row: 1; + } + .logo { font-size: clamp(36px, min(16vw, 11vh), 72px); } .media {