From a6d7db68dd1351e039cf831962aebac5535eaef6 Mon Sep 17 00:00:00 2001 From: emptywork <22065214+EmptyWork@users.noreply.github.com> Date: Wed, 5 Oct 2022 19:53:16 +0900 Subject: [PATCH 1/9] =?UTF-8?q?update:=20`header.njk`=20=E2=80=94=20rename?= =?UTF-8?q?d=20to=20hero.njk?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/_includes/sections/{header.njk => hero.njk} | 0 1 file changed, 0 insertions(+), 0 deletions(-) rename src/_includes/sections/{header.njk => hero.njk} (100%) diff --git a/src/_includes/sections/header.njk b/src/_includes/sections/hero.njk similarity index 100% rename from src/_includes/sections/header.njk rename to src/_includes/sections/hero.njk From 45dd800f931b00a697f67ccb189ee5db1ce71842 Mon Sep 17 00:00:00 2001 From: emptywork <22065214+EmptyWork@users.noreply.github.com> Date: Wed, 5 Oct 2022 19:56:51 +0900 Subject: [PATCH 2/9] =?UTF-8?q?update:=20`=5Fheader`=20=E2=80=94=20remove?= =?UTF-8?q?=20unused=20styling?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/scss/modules/_header.scss | 28 ---------------------------- 1 file changed, 28 deletions(-) diff --git a/src/assets/scss/modules/_header.scss b/src/assets/scss/modules/_header.scss index 644ba12..9d10836 100644 --- a/src/assets/scss/modules/_header.scss +++ b/src/assets/scss/modules/_header.scss @@ -41,32 +41,4 @@ height: auto; } } - - &-svg { - &_bottom { - z-index: -1; - position: absolute; - bottom: 0; - left: 0; - width: 100%; - overflow: hidden; - line-height: 0; - transform: rotate(180deg); - - svg { - position: relative; - display: block; - width: calc(100% + 0.08125rem); - height: 9.375rem; - - @include breakpoint-down("small") { - height: 3.125rem; - } - } - - .shape-fill { - fill: var(--clr-background-900); - } - } - } } From 4ab6c2994c351870d11c8c0d2b9287764e3cc910 Mon Sep 17 00:00:00 2001 From: emptywork <22065214+EmptyWork@users.noreply.github.com> Date: Wed, 5 Oct 2022 19:57:29 +0900 Subject: [PATCH 3/9] =?UTF-8?q?create:=20`=5Fhero`=20=E2=80=94=20to=20supp?= =?UTF-8?q?ort=20new=20section?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/scss/modules/component/_hero.scss | 41 ++++++++++++++++++++ 1 file changed, 41 insertions(+) create mode 100644 src/assets/scss/modules/component/_hero.scss diff --git a/src/assets/scss/modules/component/_hero.scss b/src/assets/scss/modules/component/_hero.scss new file mode 100644 index 0000000..875fcb5 --- /dev/null +++ b/src/assets/scss/modules/component/_hero.scss @@ -0,0 +1,41 @@ +.hero { + .decoration { + position: absolute; + width: 100%; + height: 100%; + user-select: none; + pointer-events: none; + + .relative { + position: relative; + } + } + + &-svg { + &_bottom { + z-index: -1; + position: absolute; + bottom: 0; + left: 0; + width: 100%; + overflow: hidden; + line-height: 0; + transform: rotate(180deg); + + svg { + position: relative; + display: block; + width: calc(100% + 0.08125rem); + height: 9.375rem; + + @include breakpoint-down("small") { + height: 3.125rem; + } + } + + .shape-fill { + fill: var(--clr-background-900); + } + } + } +} From fd30d447f923b8506f9e8939cfdabc3a58710c9c Mon Sep 17 00:00:00 2001 From: emptywork <22065214+EmptyWork@users.noreply.github.com> Date: Wed, 5 Oct 2022 19:57:59 +0900 Subject: [PATCH 4/9] =?UTF-8?q?update:=20`style`=20=E2=80=94=20add=20refer?= =?UTF-8?q?ence=20towards=20hero.css?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/scss/style.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/src/assets/scss/style.scss b/src/assets/scss/style.scss index 0d2e267..2f0c8d8 100644 --- a/src/assets/scss/style.scss +++ b/src/assets/scss/style.scss @@ -14,6 +14,7 @@ @import "./modules/component/preload"; @import "./modules/component/aboutme"; +@import "./modules/component/hero"; @import "./modules/component/featured"; @import "./modules/component/post"; @import "./modules/component/article"; From e9aa298b4c87ed223275fe305b2df13d8df99e83 Mon Sep 17 00:00:00 2001 From: emptywork <22065214+EmptyWork@users.noreply.github.com> Date: Wed, 5 Oct 2022 20:02:09 +0900 Subject: [PATCH 5/9] =?UTF-8?q?update:=20`index.njk`=20=E2=80=94=20changed?= =?UTF-8?q?=20header=20to=20hero?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/_includes/layouts/primary.njk | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/_includes/layouts/primary.njk b/src/_includes/layouts/primary.njk index ffdbd01..ef7a994 100644 --- a/src/_includes/layouts/primary.njk +++ b/src/_includes/layouts/primary.njk @@ -20,7 +20,7 @@ {% include 'components/nav.njk' %} - {% include 'sections/header.njk' %} + {% include 'sections/hero.njk' %} {{ content | safe }} From 7a0bcee64bb5e53eef8117f5fa7b19125c80197f Mon Sep 17 00:00:00 2001 From: emptywork <22065214+EmptyWork@users.noreply.github.com> Date: Wed, 5 Oct 2022 20:03:28 +0900 Subject: [PATCH 6/9] =?UTF-8?q?update:=20`hero`=20=E2=80=94=20change=20`.h?= =?UTF-8?q?eader`=20to=20`.hero`?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/_includes/sections/hero.njk | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/_includes/sections/hero.njk b/src/_includes/sections/hero.njk index 2ab4d47..d26830d 100644 --- a/src/_includes/sections/hero.njk +++ b/src/_includes/sections/hero.njk @@ -1,4 +1,4 @@ -
+
From 25e5ae37597066f9bcff4bf4377b063702490aea Mon Sep 17 00:00:00 2001 From: emptywork <22065214+EmptyWork@users.noreply.github.com> Date: Wed, 5 Oct 2022 20:18:12 +0900 Subject: [PATCH 7/9] =?UTF-8?q?update:=20`header`=20=E2=80=94=20remove=20u?= =?UTF-8?q?nused=20styling?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/scss/modules/_header.scss | 23 ----------------------- 1 file changed, 23 deletions(-) diff --git a/src/assets/scss/modules/_header.scss b/src/assets/scss/modules/_header.scss index 9d10836..89ba20b 100644 --- a/src/assets/scss/modules/_header.scss +++ b/src/assets/scss/modules/_header.scss @@ -1,27 +1,4 @@ .header { - overflow: hidden; - display: flex; - isolation: isolate; - align-items: center; - justify-content: center; - max-height: 50em; - flex-direction: column; - background-color: var(--clr-background); - z-index: 3; - position: relative; - - .decoration { - position: absolute; - width: 100%; - height: 100%; - user-select: none; - pointer-events: none; - - .relative { - position: relative; - } - } - &_article { all: unset; position: relative; From e7a0d8eca1fb6a7f8ec6400f51c033a2fdf24bc9 Mon Sep 17 00:00:00 2001 From: emptywork <22065214+EmptyWork@users.noreply.github.com> Date: Wed, 5 Oct 2022 20:18:59 +0900 Subject: [PATCH 8/9] =?UTF-8?q?update:=20`=5Fhero`=20=E2=80=94=20add=20the?= =?UTF-8?q?=20styling=20for=20hero?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/assets/scss/modules/component/_hero.scss | 13 ++++++++++++- 1 file changed, 12 insertions(+), 1 deletion(-) diff --git a/src/assets/scss/modules/component/_hero.scss b/src/assets/scss/modules/component/_hero.scss index 875fcb5..a5252f3 100644 --- a/src/assets/scss/modules/component/_hero.scss +++ b/src/assets/scss/modules/component/_hero.scss @@ -1,4 +1,15 @@ .hero { + overflow: hidden; + display: flex; + isolation: isolate; + align-items: center; + justify-content: center; + max-height: 50em; + flex-direction: column; + background-color: var(--clr-background); + z-index: 3; + position: relative; + .decoration { position: absolute; width: 100%; @@ -10,7 +21,7 @@ position: relative; } } - + &-svg { &_bottom { z-index: -1; From e6ea702aba2a65411e8c1ef2d244c6a820171ba4 Mon Sep 17 00:00:00 2001 From: emptywork <22065214+EmptyWork@users.noreply.github.com> Date: Wed, 5 Oct 2022 20:19:47 +0900 Subject: [PATCH 9/9] =?UTF-8?q?update:=20`hero.njk`=20=E2=80=94=20change?= =?UTF-8?q?=20svg=20decorative?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/_includes/sections/hero.njk | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/_includes/sections/hero.njk b/src/_includes/sections/hero.njk index d26830d..2caacf7 100644 --- a/src/_includes/sections/hero.njk +++ b/src/_includes/sections/hero.njk @@ -135,7 +135,7 @@ -
+