diff --git a/assets/css/src/_variables.scss b/assets/css/src/_variables.scss index 4f2e162..ec72406 100644 --- a/assets/css/src/_variables.scss +++ b/assets/css/src/_variables.scss @@ -1,5 +1,5 @@ :root { - --color-green: #0bb786; + --color-green: #04c793; --color-beige: #f3f0e7; --color-grey: #a1a1bb; --glow-green: var(--color-green) 0px 0px 30px; diff --git a/assets/css/src/_view-buttons.scss b/assets/css/src/_view-buttons.scss index 1a22eaf..7d167ff 100644 --- a/assets/css/src/_view-buttons.scss +++ b/assets/css/src/_view-buttons.scss @@ -1,16 +1,24 @@ -.sort-buttons { - background-color: transparent; +.view-buttons { display: flex; gap: 4rem; box-sizing: border-box; - padding: 2rem; + margin: 3rem 0; + display: flex; + justify-content: center; + gap: 2rem; li button { - font-family: var(--font-sans); - font-size: var(--font-size-L); + font-family: var(--font-sans-serif); + font-size: 1.2rem; + font-weight: 800; + padding: 0.3rem 0.7rem; + border-radius: 0.5rem; + border: var(--border); + box-shadow: inset 0 0 0px 0 0 var(--color-green); + transition: box-shadow 0.2s ease-in-out; &.active { - text-decoration: underline; + box-shadow: inset 0 0 3px 1px var(--color-green); } } } diff --git a/assets/css/src/pages/_events.scss b/assets/css/src/pages/_events.scss index 17f6c91..a432dea 100644 --- a/assets/css/src/pages/_events.scss +++ b/assets/css/src/pages/_events.scss @@ -1,81 +1,84 @@ [data-template="events"] { main { - .events-grid { + margin-top: -2px; + .events-grid-container { box-sizing: border-box; - padding: 4rem 2rem; + padding: 0 2rem 4rem 2rem; width: 100%; - display: grid; - grid-template-columns: repeat(3, 1fr); - align-items: flex-end; - column-gap: 2rem; - row-gap: 4rem; background-color: var(--color-beige); border-radius: var(--radius); border: var(--border); + .events-grid { + display: grid; + grid-template-columns: repeat(3, 1fr); + align-items: flex-end; + column-gap: 2rem; + row-gap: 4rem; - .event-card { - h2 { - box-sizing: border-box; - width: 100%; - padding: 0 2rem; - text-align: center; - font-family: "SancySlab", serif; - font-size: 3rem; - font-weight: 400; - line-height: 1; - display: flex; - justify-content: center; - align-items: flex-end; - } - - .cover-wrapper { - position: relative; - overflow: hidden; - margin-top: 1rem; - aspect-ratio: 3 / 2; - .playing-now { - position: absolute; + .event-card { + h2 { + box-sizing: border-box; + width: 100%; + padding: 0 2rem; + text-align: center; + font-family: "SancySlab", serif; + font-size: 3rem; + font-weight: 400; + line-height: 1; display: flex; justify-content: center; - align-items: center; - top: 0; - left: 0; - right: 0; - width: 70px; - text-align: center; - background-color: var(--color-green); - border-radius: 100px; - border: var(--border); - height: 70px; - transform: rotate(-28deg); - margin: 0.5rem; - /* padding: -0.1rem 0 0.1rem 0; */ - padding: 0 0.15rem 0.3rem 0.15rem; - line-height: 1; - p { - width: max-content; - padding: 0.2rem 0.5rem; - font-family: var(--font-serif); + align-items: flex-end; + } + + .cover-wrapper { + position: relative; + overflow: hidden; + margin-top: 1rem; + aspect-ratio: 3 / 2; + .playing-now { + position: absolute; + display: flex; + justify-content: center; + align-items: center; + top: 0; + left: 0; + right: 0; + width: 70px; + text-align: center; + background-color: var(--color-green); + border-radius: 100px; + border: var(--border); + height: 70px; + transform: rotate(-28deg); + margin: 0.5rem; + /* padding: -0.1rem 0 0.1rem 0; */ + padding: 0 0.15rem 0.3rem 0.15rem; + line-height: 1; + p { + width: max-content; + padding: 0.2rem 0.5rem; + font-family: var(--font-serif); + } } - } - .hover-glow { - position: absolute; - inset: 0; - box-shadow: inset 0 0 0px 0 0 var(--color-green); - border-radius: 0.8rem; - transition: box-shadow 0.2s ease-in-out; - } - - picture { - img { + .hover-glow { + position: absolute; + inset: 0; + box-shadow: inset 0 0 0px 0 0 var(--color-green); border-radius: 0.8rem; + transition: box-shadow 0.2s ease-in-out; + } + + picture { + img { + border-radius: 0.8rem; + } } } - } - &:hover { - .hover-glow { - box-shadow: inset 0 0 7px 5px var(--color-green); + &:hover { + .hover-glow { + box-shadow: inset 0 0 7px 5px var(--color-green); + } } } } diff --git a/assets/css/src/pages/_home.scss b/assets/css/src/pages/_home.scss index 6e4b897..0c889ee 100644 --- a/assets/css/src/pages/_home.scss +++ b/assets/css/src/pages/_home.scss @@ -16,7 +16,6 @@ nav { position: absolute; inset: 0; - z-index: 2; ul { display: grid; @@ -61,6 +60,12 @@ display: flex; justify-content: center; align-items: center; + z-index: 2; + pointer-events: none; + + svg { + pointer-events: all; + } .outfit { position: absolute; diff --git a/assets/css/style.css b/assets/css/style.css index b065fb0..11e2bdf 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -120,7 +120,7 @@ main { font-style: italic; } :root { - --color-green: #0bb786; + --color-green: #04c793; --color-beige: #f3f0e7; --color-grey: #a1a1bb; --glow-green: var(--color-green) 0px 0px 30px; @@ -220,19 +220,27 @@ main { background-color: var(--color-beige); } -.sort-buttons { - background-color: transparent; +.view-buttons { display: flex; gap: 4rem; box-sizing: border-box; - padding: 2rem; + margin: 3rem 0; + display: flex; + justify-content: center; + gap: 2rem; } -.sort-buttons li button { - font-family: var(--font-sans); - font-size: var(--font-size-L); +.view-buttons li button { + font-family: var(--font-sans-serif); + font-size: 1.2rem; + font-weight: 800; + padding: 0.3rem 0.7rem; + border-radius: 0.5rem; + border: var(--border); + box-shadow: inset 0 0 0px 0 0 var(--color-green); + transition: box-shadow 0.2s ease-in-out; } -.sort-buttons li button.active { - text-decoration: underline; +.view-buttons li button.active { + box-shadow: inset 0 0 3px 1px var(--color-green); } .main-header { @@ -389,7 +397,6 @@ main { [data-template=home] nav { position: absolute; inset: 0; - z-index: 2; } [data-template=home] nav ul { display: grid; @@ -428,6 +435,11 @@ main { display: flex; justify-content: center; align-items: center; + z-index: 2; + pointer-events: none; +} +[data-template=home] .identity svg { + pointer-events: all; } [data-template=home] .identity .outfit { position: absolute; @@ -477,21 +489,26 @@ main { transform: translateY(18vh); } -[data-template=events] main .events-grid { +[data-template=events] main { + margin-top: -2px; +} +[data-template=events] main .events-grid-container { box-sizing: border-box; - padding: 4rem 2rem; + padding: 0 2rem 4rem 2rem; width: 100%; + background-color: var(--color-beige); + border-radius: var(--radius); + border: var(--border); +} +[data-template=events] main .events-grid-container .events-grid { display: grid; grid-template-columns: repeat(3, 1fr); align-items: flex-end; -moz-column-gap: 2rem; column-gap: 2rem; row-gap: 4rem; - background-color: var(--color-beige); - border-radius: var(--radius); - border: var(--border); } -[data-template=events] main .events-grid .event-card h2 { +[data-template=events] main .events-grid-container .events-grid .event-card h2 { box-sizing: border-box; width: 100%; padding: 0 2rem; @@ -504,13 +521,13 @@ main { justify-content: center; align-items: flex-end; } -[data-template=events] main .events-grid .event-card .cover-wrapper { +[data-template=events] main .events-grid-container .events-grid .event-card .cover-wrapper { position: relative; overflow: hidden; margin-top: 1rem; aspect-ratio: 3/2; } -[data-template=events] main .events-grid .event-card .cover-wrapper .playing-now { +[data-template=events] main .events-grid-container .events-grid .event-card .cover-wrapper .playing-now { position: absolute; display: flex; justify-content: center; @@ -530,23 +547,23 @@ main { padding: 0 0.15rem 0.3rem 0.15rem; line-height: 1; } -[data-template=events] main .events-grid .event-card .cover-wrapper .playing-now p { +[data-template=events] main .events-grid-container .events-grid .event-card .cover-wrapper .playing-now p { width: -moz-max-content; width: max-content; padding: 0.2rem 0.5rem; font-family: var(--font-serif); } -[data-template=events] main .events-grid .event-card .cover-wrapper .hover-glow { +[data-template=events] main .events-grid-container .events-grid .event-card .cover-wrapper .hover-glow { position: absolute; inset: 0; box-shadow: inset 0 0 0px 0 0 var(--color-green); border-radius: 0.8rem; transition: box-shadow 0.2s ease-in-out; } -[data-template=events] main .events-grid .event-card .cover-wrapper picture img { +[data-template=events] main .events-grid-container .events-grid .event-card .cover-wrapper picture img { border-radius: 0.8rem; } -[data-template=events] main .events-grid .event-card:hover .hover-glow { +[data-template=events] main .events-grid-container .events-grid .event-card:hover .hover-glow { box-shadow: inset 0 0 7px 5px var(--color-green); } diff --git a/assets/css/style.css.map b/assets/css/style.css.map index 518f581..a9ecad7 100644 --- a/assets/css/style.css.map +++ b/assets/css/style.css.map @@ -1 +1 @@ -{"version":3,"sources":["style.css","src/_reset.scss","src/_fonts.scss","src/_variables.scss","src/_texts.scss","src/_global.scss","src/_generic.scss","src/_view-buttons.scss","src/_header.scss","src/pages/_home.scss","src/pages/_events.scss","src/pages/_event.scss","src/pages/_agenda.scss","src/_slideshow.scss","src/_footer.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file +{"version":3,"sources":["style.css","src/_reset.scss","src/_fonts.scss","src/_variables.scss","src/_texts.scss","src/_global.scss","src/_generic.scss","src/_view-buttons.scss","src/_header.scss","src/pages/_home.scss","src/pages/_events.scss","src/pages/_event.scss","src/pages/_agenda.scss","src/_slideshow.scss","src/_footer.scss"],"names":[],"mappings":"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","file":"style.css"} \ No newline at end of file diff --git a/assets/images/characters/characters-kawai.svg b/assets/images/characters/characters-kawai.svg index 9576219..27262c7 100644 --- a/assets/images/characters/characters-kawai.svg +++ b/assets/images/characters/characters-kawai.svg @@ -2,36 +2,79 @@ diff --git a/assets/js/script.js b/assets/js/script.js index eabc955..b747b71 100644 --- a/assets/js/script.js +++ b/assets/js/script.js @@ -4,6 +4,8 @@ import { initCharactersResizeOnScroll } from "./characters/resizeOnScroll.js"; import { initEventFilters } from "./filters.js"; import { Slideshow } from "./slideshow.js"; import { initRollOutfit } from "./characters/roll.js"; +import { initMorphMouth } from "./characters/morphMouth.js"; +import { initMorphEyes } from "./characters/morphEyes.js"; document.addEventListener("DOMContentLoaded", () => { const header = document.querySelector(".main-header"); @@ -56,7 +58,9 @@ document.addEventListener("DOMContentLoaded", () => { if (svg) initPupilTracking(svg); if (document.body.dataset.template !== "event") initCharactersResizeOnScroll(); initEventFilters(); - initRollOutfit(); + if (document.body.dataset.template !== "home") initRollOutfit(); + if (document.body.dataset.template === "home") initMorphMouth(); + if (document.body.dataset.template === "home") initMorphEyes(); const gallery = new Slideshow(".gallery"); document.querySelectorAll("details > summary").forEach((summary) => { diff --git a/site/snippets/head.php b/site/snippets/head.php index 3ec5033..bc61389 100644 --- a/site/snippets/head.php +++ b/site/snippets/head.php @@ -8,6 +8,8 @@ + +
\ No newline at end of file diff --git a/site/templates/events.php b/site/templates/events.php index 79426d7..40321a6 100644 --- a/site/templates/events.php +++ b/site/templates/events.php @@ -1,33 +1,34 @@ - - -