diff --git a/src/_includes/components/snippets/article.njk b/src/_includes/components/snippets/article.njk index 4130cc2..0f6623e 100644 --- a/src/_includes/components/snippets/article.njk +++ b/src/_includes/components/snippets/article.njk @@ -14,7 +14,7 @@ diff --git a/src/_includes/components/snippets/prototype.njk b/src/_includes/components/snippets/prototype.njk index c05c77b..69540c3 100644 --- a/src/_includes/components/snippets/prototype.njk +++ b/src/_includes/components/snippets/prototype.njk @@ -29,7 +29,13 @@
-

{{ post.data.title }}

+
+ + + Link to heading "{{ post.data.title }}" + +

{{ post.data.title }}

+

{{ post.data.description }} [{{ post.data.language }}] diff --git a/src/_includes/components/svg/7mu.njk b/src/_includes/components/svg/7mu.njk index d638c36..1a4d3b1 100644 --- a/src/_includes/components/svg/7mu.njk +++ b/src/_includes/components/svg/7mu.njk @@ -1,4 +1,4 @@ - + diff --git a/src/_includes/components/svg/bank-indonesia.njk b/src/_includes/components/svg/bank-indonesia.njk index ab0ceb3..4f2e2fa 100644 --- a/src/_includes/components/svg/bank-indonesia.njk +++ b/src/_includes/components/svg/bank-indonesia.njk @@ -1,4 +1,4 @@ - + diff --git a/src/_includes/components/svg/genbi.njk b/src/_includes/components/svg/genbi.njk index bbc107b..feed1de 100644 --- a/src/_includes/components/svg/genbi.njk +++ b/src/_includes/components/svg/genbi.njk @@ -1,4 +1,4 @@ - + diff --git a/src/_includes/components/svg/koni.njk b/src/_includes/components/svg/koni.njk index 72e3060..b0612ad 100644 --- a/src/_includes/components/svg/koni.njk +++ b/src/_includes/components/svg/koni.njk @@ -1,4 +1,4 @@ - + diff --git a/src/_includes/components/svg/scc.njk b/src/_includes/components/svg/scc.njk index 0eb0a46..7c16a59 100644 --- a/src/_includes/components/svg/scc.njk +++ b/src/_includes/components/svg/scc.njk @@ -1,4 +1,4 @@ - + diff --git a/src/_includes/components/svg/slbnania.njk b/src/_includes/components/svg/slbnania.njk index 9bed5f9..116dd3f 100644 --- a/src/_includes/components/svg/slbnania.njk +++ b/src/_includes/components/svg/slbnania.njk @@ -1,4 +1,4 @@ - + \ No newline at end of file diff --git a/src/_includes/sections/header.njk b/src/_includes/sections/header.njk index 1a003dd..92e790a 100644 --- a/src/_includes/sections/header.njk +++ b/src/_includes/sections/header.njk @@ -134,7 +134,11 @@

- - - +
+ + + + + +
\ No newline at end of file diff --git a/src/_includes/sections/partof.njk b/src/_includes/sections/partof.njk index 9f31a83..c08a189 100644 --- a/src/_includes/sections/partof.njk +++ b/src/_includes/sections/partof.njk @@ -2,9 +2,9 @@

- + - Link to heading "clients" + Link to heading "part-of" I'm diff --git a/src/assets/scss/modules/_header.scss b/src/assets/scss/modules/_header.scss index 27f236c..d88c5a3 100644 --- a/src/assets/scss/modules/_header.scss +++ b/src/assets/scss/modules/_header.scss @@ -46,16 +46,26 @@ &-svg { &_bottom { position: absolute; - bottom: -0.0625em; - z-index: -1; - color: var(--clr-background-900); + 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-up("medium") { - bottom: -4.0625em; + @include breakpoint-down("small") { + height: 3.125rem; + } } - @include breakpoint-up("large") { - bottom: -8.0625em; + .shape-fill { + fill: var(--clr-background-900); } } } diff --git a/src/assets/scss/modules/_main.scss b/src/assets/scss/modules/_main.scss index 1e56c85..0349ca1 100644 --- a/src/assets/scss/modules/_main.scss +++ b/src/assets/scss/modules/_main.scss @@ -4,6 +4,7 @@ display: flex; flex-direction: column; gap: 6rem; + overflow: hidden; &-container { max-width: 64rem; diff --git a/src/assets/scss/modules/component/_card.scss b/src/assets/scss/modules/component/_card.scss index 9c63e87..231b2f0 100644 --- a/src/assets/scss/modules/component/_card.scss +++ b/src/assets/scss/modules/component/_card.scss @@ -14,7 +14,8 @@ scroll-snap-align: center; color: var(--clr-white); - &:hover { + &:hover, + &:has(:focus) { scale: 1.1; z-index: 10; } @@ -46,8 +47,8 @@ } &-background { - height: 100%; - width: 100%; + height: inherit; + width: fit-content; } &-empty { @@ -74,9 +75,10 @@ } &.cards-horizontal { - padding: 1rem 2rem 3rem 2rem; + padding: 2rem 2rem 4.5rem 2rem; margin: 0 -2rem; scroll-snap-type: x proximity; + overflow-y: hidden; &::-webkit-scrollbar { width: 0; @@ -146,10 +148,10 @@ width: 100%; justify-content: space-between; - span { + .disabled { display: block; margin-top: 1rem; - padding: 1rem 1.5rem; + padding: 1rem 1.25rem; color: var(--clr-disabled-text); cursor: not-allowed; user-select: none; diff --git a/src/assets/scss/modules/component/_nav.scss b/src/assets/scss/modules/component/_nav.scss index 500a488..36db1a9 100644 --- a/src/assets/scss/modules/component/_nav.scss +++ b/src/assets/scss/modules/component/_nav.scss @@ -30,10 +30,10 @@ display: flex; padding: 0 0.3rem; align-self: center; - scale: 0; + scale: 0 1; order: 2; transform-origin: left; - transition: transform 200ms ease; + transition: scale 200ms ease; &:focus { color: var(--clr-white); diff --git a/src/assets/scss/modules/component/_prototype.scss b/src/assets/scss/modules/component/_prototype.scss index 238bd8b..59cf692 100644 --- a/src/assets/scss/modules/component/_prototype.scss +++ b/src/assets/scss/modules/component/_prototype.scss @@ -78,10 +78,6 @@ } } - h3 { - margin-bottom: 1rem; - } - .text { padding: 1rem; padding-left: 2rem; @@ -133,6 +129,14 @@ } } } + + &_header { + display: flex; + margin-bottom: 1em; + gap: 0.5em; + font-weight: 700; + align-items: center; + } } &-more { diff --git a/src/multimedia.njk b/src/multimedia.njk index 78a9a40..56ce793 100644 --- a/src/multimedia.njk +++ b/src/multimedia.njk @@ -1,7 +1,7 @@ - --- title: 'Multimedia' --- +