From 3c42ec5b2feb51dc102917d30697d9d352e6423f Mon Sep 17 00:00:00 2001 From: Alena Batitskaia Date: Tue, 19 Mar 2024 13:47:16 +0000 Subject: [PATCH 01/16] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB?= =?UTF-8?q?=D1=8F=D0=B5=D1=82=20=D0=B1=D0=B0=D0=BD=D0=BD=D0=B5=D1=80=20?= =?UTF-8?q?=D0=B2=D0=B2=D0=B5=D1=80=D1=85=20=D1=81=D0=B0=D0=B9=D1=82=D0=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/images/top-banner/mouse.svg | 7 +++++ src/includes/blocks/top-banner.njk | 4 +++ src/layouts/base.njk | 1 + src/styles/blocks/top-banner.css | 48 ++++++++++++++++++++++++++++++ src/styles/index.css | 1 + 5 files changed, 61 insertions(+) create mode 100644 src/images/top-banner/mouse.svg create mode 100644 src/includes/blocks/top-banner.njk create mode 100644 src/styles/blocks/top-banner.css diff --git a/src/images/top-banner/mouse.svg b/src/images/top-banner/mouse.svg new file mode 100644 index 000000000..e14a1941e --- /dev/null +++ b/src/images/top-banner/mouse.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/src/includes/blocks/top-banner.njk b/src/includes/blocks/top-banner.njk new file mode 100644 index 000000000..d328e3695 --- /dev/null +++ b/src/includes/blocks/top-banner.njk @@ -0,0 +1,4 @@ + diff --git a/src/layouts/base.njk b/src/layouts/base.njk index b63f64680..2bf4a5e1f 100644 --- a/src/layouts/base.njk +++ b/src/layouts/base.njk @@ -18,6 +18,7 @@ + {% include "blocks/top-banner.njk" %} {{ content | safe }} diff --git a/src/styles/blocks/top-banner.css b/src/styles/blocks/top-banner.css new file mode 100644 index 000000000..d022191b8 --- /dev/null +++ b/src/styles/blocks/top-banner.css @@ -0,0 +1,48 @@ +.top-banner { + position: relative; + justify-content: space-between; + align-items: center; + margin-block-end: 12px; + padding-inline-start: 150px; + font-size: 24px; + color: #fff; + background-color: #000; + z-index: 999; +} + +.top-banner::before { + content: ""; + position: absolute; + inset-inline-start: 15px; + inset-block-end: -12px; + inline-size: 120px; + block-size: 70px; + background-image: url("../../images/top-banner/mouse.svg"); + background-repeat: no-repeat; + background-position: center; + background-size: contain; +} + +.top-banner__content { + margin: 0; +} + +.top-banner__button { + padding-block: 15px; +} + +@media (width <= 768px) { + .top-banner { + margin-block-end: 0; + padding-inline-start: 15px; + font-size: 14px; + } + + .top-banner::before { + display: none; + } + + .top-banner__button { + padding-block: initial; + } +} diff --git a/src/styles/index.css b/src/styles/index.css index b633d0541..a72a8fd02 100644 --- a/src/styles/index.css +++ b/src/styles/index.css @@ -88,3 +88,4 @@ @import url("blocks/subscribe-popup.css"); @import url("blocks/subscribe-page.css"); @import url("blocks/baseline.css"); +@import url("blocks/top-banner.css"); From 2f02f815d2f66c7fb465176e400e95a23cc36cb1 Mon Sep 17 00:00:00 2001 From: Alena Batitskaia Date: Tue, 19 Mar 2024 14:23:45 +0000 Subject: [PATCH 02/16] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=BB?= =?UTF-8?q?=D1=8F=D0=B5=D1=82=20=D1=83=D1=81=D0=BB=D0=BE=D0=B2=D0=B8=D0=B5?= =?UTF-8?q?=20=D0=B4=D0=BB=D1=8F=20=D1=81=D1=81=D1=8B=D0=BB=D0=BA=D0=B8?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/includes/blocks/top-banner.njk | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/includes/blocks/top-banner.njk b/src/includes/blocks/top-banner.njk index d328e3695..cedaf488c 100644 --- a/src/includes/blocks/top-banner.njk +++ b/src/includes/blocks/top-banner.njk @@ -1,4 +1,4 @@ From 0fc5fc4a8db6f0e3188e50fa8fda890c48c41160 Mon Sep 17 00:00:00 2001 From: Alena Batitskaia Date: Tue, 19 Mar 2024 15:00:43 +0000 Subject: [PATCH 03/16] =?UTF-8?q?=D0=A3=D0=B4=D0=B0=D0=BB=D1=8F=D0=B5?= =?UTF-8?q?=D1=82=20hidden?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/includes/blocks/top-banner.njk | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/includes/blocks/top-banner.njk b/src/includes/blocks/top-banner.njk index cedaf488c..922af34c4 100644 --- a/src/includes/blocks/top-banner.njk +++ b/src/includes/blocks/top-banner.njk @@ -1,4 +1,4 @@ -