diff --git a/assets/css/style.min.css b/assets/css/style.min.css index a32a948..93f1b4e 100644 --- a/assets/css/style.min.css +++ b/assets/css/style.min.css @@ -1 +1 @@ -html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:"Nunito";src:url(../fonts/nunito/Nunito-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Nunito";src:url(../fonts/nunito/Nunito-Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:"Nunito";src:url(../fonts/nunito/Nunito-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:"Nunito";src:url(../fonts/nunito/Nunito-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:"Nunito";src:url(../fonts/nunito/Nunito-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:"Nunito";src:url(../fonts/nunito/Nunito-SemiBoldItalic.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:"Nunito";src:url(../fonts/nunito/Nunito-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Nunito";src:url(../fonts/nunito/Nunito-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:"Gloria Hallelujah";src:url(../fonts/gloria-hallelujah/GloriaHallelujah-Regular.ttf) format("truetype");font-weight:400;font-style:normal}:root{--text-font-family: "Nunito", Verdana, sans-serif;--logo-font-family: "Gloria Hallelujah", Verdana, sans-serif;--regular-font-weight: 400;--medium-font-weight: 500;--semi-bold-font-weight: 600;--bold-font-weight: 700;--text-font-size: 1rem;--caption-font-size: 0.9rem;--footnote-font-size: 0.8rem;--text-line-height: 1.6rem;--h1-font-size: 1.8rem;--h2-font-size: 1.4rem;--h3-font-size: 1.2rem;--content-max-width: 140rem;--text-max-width: 70rem;--icon-size: 2.5rem;--header-bar-vertical-padding: 2rem;--header-bar-horizontal-padding: 2rem;--header-bar-height: calc((var(--header-bar-vertical-padding) * 2) + var(--h1-font-size));--footer-bar-vertical-padding: 1rem;--footer-bar-horizontal-padding: 2rem;--footer-bar-height: calc((var(--footer-bar-vertical-padding) * 2) + var(--icon-size) + 1rem + var(--text-font-size));--generic-section-vertical-padding: 3rem;--generic-section-horizontal-padding: 2rem;--home-section-vertical-padding: 2rem;--home-section-horizontal-padding: 2rem;--home-section-min-height: calc(100vh - var(--header-bar-height) - var(--footer-bar-height));--home-nav-gap: 1rem;--home-nav-item-size: 2rem;--home-nav-item-translation: 0;--home-nav-image-max-height: calc(100vh - var(--header-bar-height) - ((var(--generic-section-vertical-padding) + var(--home-nav-item-size) + var(--home-nav-gap)) * 2) - var(--footer-bar-height));--black: #000;--jet: #333333;--white: #fff}@media screen and (min-width: 48rem){:root{--text-font-size: 1.2rem;--caption-font-size: 1.1rem;--footnote-font-size: 1rem;--h1-font-size: 2rem;--h2-font-size: 1.6rem;--h3-font-size: 1.4rem;--icon-size: 3rem;--header-bar-horizontal-padding: 4rem;--footer-bar-vertical-padding: 2rem;--footer-bar-horizontal-padding: 4rem;--footer-bar-height: calc((var(--footer-bar-vertical-padding) * 2) + var(--icon-size));--generic-section-horizontal-padding: 4rem;--home-section-horizontal-padding: 4rem}}@-webkit-keyframes wave-up{0%{top:0}60%{top:-0.5rem}100%{top:0}}@keyframes wave-up{0%{top:0}60%{top:-0.5rem}100%{top:0}}@-webkit-keyframes wave-down{0%{bottom:0}60%{bottom:-0.5rem}100%{bottom:0}}@keyframes wave-down{0%{bottom:0}60%{bottom:-0.5rem}100%{bottom:0}}body{font-family:var(--text-font-family);font-size:var(--text-font-size);line-height:var(--text-font-size);color:var(--jet);background-color:var(--white)}h1,h2,h3{color:var(--black)}h1{font-family:var(--logo-font-family);font-size:var(--h1-font-size);line-height:var(--h1-font-size)}h2{font-family:var(--text-font-family);font-size:var(--h2-font-size);line-height:var(--h2-font-size);margin:0 0 4rem 0}h3{font-family:var(--text-font-family);font-size:var(--h3-font-size);line-height:var(--h3-font-size);margin:2rem 0 1rem 0}p{text-align:justify;line-height:var(--text-line-height)}strong{font-weight:var(--bold-font-weight)}em{font-style:italic}a{color:var(--jet);text-decoration:underline;-webkit-transition:color 200ms ease-in-out;-o-transition:color 200ms ease-in-out;transition:color 200ms ease-in-out}a:hover,a:focus,a:active{color:var(--black)}body{min-height:100vh;overflow-x:hidden;display:-ms-grid;display:grid;grid:"header" auto "main" 1fr "footer" auto/1fr}header{grid-area:header}main{grid-area:main}footer{grid-area:footer}.header-bar{max-width:var(--content-max-width);height:var(--header-bar-height);margin:auto;padding:var(--header-bar-vertical-padding) var(--header-bar-horizontal-padding)}.header-bar__logo{width:max-content}.header-bar__logo-link{text-decoration:none}.home-section{max-width:var(--content-max-width);min-height:var(--home-section-min-height);margin:auto;padding:var(--home-section-vertical-padding) var(--home-section-horizontal-padding);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home__nav{height:100%;display:-ms-grid;display:grid;grid:"top-left top top-right" var(--home-nav-item-size) "left center right" auto "bottom-left bottom bottom-right" var(--home-nav-item-size)/var(--home-nav-item-size) auto var(--home-nav-item-size);place-content:center center;gap:var(--home-nav-gap);line-height:0}.home__nav-image{grid-area:center}.home__nav-image img{min-width:12rem;max-width:min(100%,2500px);min-height:12rem;max-height:var(--home-nav-image-max-height)}.home__nav--2-items .home__nav-item-1{grid-area:top;place-self:end center}.home__nav--2-items .home__nav-item-2{grid-area:bottom;place-self:start center}.home__nav--3-items .home__nav-item-1{grid-area:top-left;place-self:end end;-webkit-transform:rotate(-45deg) translateY(var(--home-nav-item-translation));-ms-transform:rotate(-45deg) translateY(var(--home-nav-item-translation));transform:rotate(-45deg) translateY(var(--home-nav-item-translation))}.home__nav--3-items .home__nav-item-2{grid-area:top-right;place-self:end start;-webkit-transform:rotate(45deg) translateY(var(--home-nav-item-translation));-ms-transform:rotate(45deg) translateY(var(--home-nav-item-translation));transform:rotate(45deg) translateY(var(--home-nav-item-translation))}.home__nav--3-items .home__nav-item-3{grid-area:bottom;place-self:start center}.home__nav--4-items .home__nav-item-1{grid-area:top;place-self:end center}.home__nav--4-items .home__nav-item-2{grid-area:left;place-self:center end;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.home__nav--4-items .home__nav-item-3{grid-area:right;place-self:center start;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.home__nav--4-items .home__nav-item-4{grid-area:bottom;place-self:start center}.home__nav--5-items .home__nav-item-1{grid-area:top-left;place-self:end end;-webkit-transform:rotate(-45deg) translateY(var(--home-nav-item-translation));-ms-transform:rotate(-45deg) translateY(var(--home-nav-item-translation));transform:rotate(-45deg) translateY(var(--home-nav-item-translation))}.home__nav--5-items .home__nav-item-2{grid-area:top-right;place-self:end start;-webkit-transform:rotate(45deg) translateY(var(--home-nav-item-translation));-ms-transform:rotate(45deg) translateY(var(--home-nav-item-translation));transform:rotate(45deg) translateY(var(--home-nav-item-translation))}.home__nav--5-items .home__nav-item-3{grid-area:left;place-self:center end;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.home__nav--5-items .home__nav-item-4{grid-area:right;place-self:center start;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.home__nav--5-items .home__nav-item-5{grid-area:bottom;place-self:start center}.home__nav--6-items .home__nav-item-1{grid-area:top;place-self:end center}.home__nav--6-items .home__nav-item-2{grid-area:top-left;place-self:end end;-webkit-transform:rotate(-45deg) translateY(var(--home-nav-item-translation));-ms-transform:rotate(-45deg) translateY(var(--home-nav-item-translation));transform:rotate(-45deg) translateY(var(--home-nav-item-translation))}.home__nav--6-items .home__nav-item-3{grid-area:top-right;place-self:end start;-webkit-transform:rotate(45deg) translateY(var(--home-nav-item-translation));-ms-transform:rotate(45deg) translateY(var(--home-nav-item-translation));transform:rotate(45deg) translateY(var(--home-nav-item-translation))}.home__nav--6-items .home__nav-item-4{grid-area:left;place-self:center end;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.home__nav--6-items .home__nav-item-5{grid-area:right;place-self:center start;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.home__nav--6-items .home__nav-item-6{grid-area:bottom;place-self:start center}.home__nav--7-items .home__nav-item-1{grid-area:top-left;place-self:end end;-webkit-transform:rotate(-45deg) translateY(var(--home-nav-item-translation));-ms-transform:rotate(-45deg) translateY(var(--home-nav-item-translation));transform:rotate(-45deg) translateY(var(--home-nav-item-translation))}.home__nav--7-items .home__nav-item-2{grid-area:top-right;place-self:end start;-webkit-transform:rotate(45deg) translateY(var(--home-nav-item-translation));-ms-transform:rotate(45deg) translateY(var(--home-nav-item-translation));transform:rotate(45deg) translateY(var(--home-nav-item-translation))}.home__nav--7-items .home__nav-item-3{grid-area:left;place-self:center end;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.home__nav--7-items .home__nav-item-4{grid-area:right;place-self:center start;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.home__nav--7-items .home__nav-item-5{grid-area:bottom-left;place-self:start end;-webkit-transform:rotate(45deg) translateY(calc(var(--home-nav-item-translation) * -1));-ms-transform:rotate(45deg) translateY(calc(var(--home-nav-item-translation) * -1));transform:rotate(45deg) translateY(calc(var(--home-nav-item-translation) * -1))}.home__nav--7-items .home__nav-item-6{grid-area:bottom-right;place-self:start start;-webkit-transform:rotate(-45deg) translateY(calc(var(--home-nav-item-translation) * -1));-ms-transform:rotate(-45deg) translateY(calc(var(--home-nav-item-translation) * -1));transform:rotate(-45deg) translateY(calc(var(--home-nav-item-translation) * -1))}.home__nav--7-items .home__nav-item-7{grid-area:bottom;place-self:start center}.home__nav--8-items .home__nav-item-1{grid-area:top;place-self:end center}.home__nav--8-items .home__nav-item-2{grid-area:top-left;place-self:end end;-webkit-transform:rotate(-45deg) translateY(var(--home-nav-item-translation));-ms-transform:rotate(-45deg) translateY(var(--home-nav-item-translation));transform:rotate(-45deg) translateY(var(--home-nav-item-translation))}.home__nav--8-items .home__nav-item-3{grid-area:top-right;place-self:end start;-webkit-transform:rotate(45deg) translateY(var(--home-nav-item-translation));-ms-transform:rotate(45deg) translateY(var(--home-nav-item-translation));transform:rotate(45deg) translateY(var(--home-nav-item-translation))}.home__nav--8-items .home__nav-item-4{grid-area:left;place-self:center end;-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg)}.home__nav--8-items .home__nav-item-5{grid-area:right;place-self:center start;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.home__nav--8-items .home__nav-item-6{grid-area:bottom-left;place-self:start end;-webkit-transform:rotate(45deg) translateY(calc(var(--home-nav-item-translation) * -1));-ms-transform:rotate(45deg) translateY(calc(var(--home-nav-item-translation) * -1));transform:rotate(45deg) translateY(calc(var(--home-nav-item-translation) * -1))}.home__nav--8-items .home__nav-item-7{grid-area:bottom-right;place-self:start start;-webkit-transform:rotate(-45deg) translateY(calc(var(--home-nav-item-translation) * -1));-ms-transform:rotate(-45deg) translateY(calc(var(--home-nav-item-translation) * -1));transform:rotate(-45deg) translateY(calc(var(--home-nav-item-translation) * -1))}.home__nav--8-items .home__nav-item-8{grid-area:bottom;place-self:start center}.home__nav-link{color:var(--black);text-decoration:none;opacity:0;-webkit-transition:opacity 600ms ease-in-out;-o-transition:opacity 600ms ease-in-out;transition:opacity 600ms ease-in-out}.home__nav-link div{opacity:0;-webkit-transition:opacity 600ms ease-in-out;-o-transition:opacity 600ms ease-in-out;transition:opacity 600ms ease-in-out}.home__nav-link--visible{opacity:1}.home__nav-link--visible div{opacity:1}.home__nav-letter--wave-up{-webkit-animation:wave-up 600ms ease-out;animation:wave-up 600ms ease-in-out}.home__nav-letter--wave-down{-webkit-animation:wave-down 600ms ease-out;animation:wave-down 600ms ease-in-out}.gallery-section,.about-section{max-width:var(--content-max-width);margin:auto;padding:var(--generic-section-vertical-padding) var(--generic-section-horizontal-padding)}.gallery__title,.about__title{text-align:center}.gallery__introduction,.about__presentation{max-width:var(--text-max-width);margin:auto}.gallery__introduction h3:nth-child(1),.about__presentation h3:nth-child(1){margin:0 0 1rem 0}.gallery__introduction p+p,.gallery__introduction p+ul,.about__presentation p+p,.about__presentation p+ul{margin:1rem 0 0 0}.gallery__introduction ul,.about__presentation ul{list-style:disc inside}.gallery__introduction ul+ul,.gallery__introduction ul+p,.about__presentation ul+ul,.about__presentation ul+p{margin:1rem 0 0 0}.gallery__introduction ul li+li,.about__presentation ul li+li{margin:.5rem 0 0 0}.gallery__artwork{display:table;margin:auto}.gallery__artwork+.gallery__artwork{margin:2rem auto 0 auto}.gallery__artwork .gallery__image,.gallery__artwork .gallery__video{display:block;max-height:80vh;margin:auto}.gallery__artwork .gallery__image{max-width:min(1500px,100%)}.gallery__artwork .gallery__video{width:min(1280px,100vw - var(--generic-section-horizontal-padding)*2,142.4vh)}.gallery__artwork .gallery__video--full-screen{width:initial;max-height:initial}.gallery__artwork figcaption{display:table-caption;caption-side:bottom;margin:1rem auto 0 auto;font-size:var(--caption-font-size);font-style:italic}@media screen and (min-width: 48rem){.gallery__artwork+.gallery__artwork{margin:3rem auto 0 auto}}.error-section{max-width:var(--content-max-width);margin:auto;padding:var(--generic-section-vertical-padding) var(--generic-section-horizontal-padding)}.error__title{text-align:center}.error__message{max-width:var(--text-max-width);margin:auto;text-align:center}.error__button{margin:1rem 0 0 0;text-align:center}.error__button a{display:inline-block;padding:1rem;border-radius:10px;color:var(--white);background-color:var(--jet);text-decoration:none;font-weight:var(--semi-bold-font-weight);-webkit-transition:background-color 200ms ease-in-out;-o-transition:background-color 200ms ease-in-out;transition:background-color 200ms ease-in-out}.error__button a:hover,.error__button a:focus,.error__button a:active{background-color:var(--black)}.footer-bar{max-width:var(--content-max-width);height:var(--footer-bar-height);margin:auto;padding:var(--footer-bar-vertical-padding) var(--footer-bar-horizontal-padding);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer-bar__social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer-bar__social a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:var(--icon-size);height:var(--icon-size)}.footer-bar__social a+a{margin:0 0 0 1rem}.footer-bar__social a svg{fill:var(--jet);width:100%;height:100%;-webkit-transition:fill 200ms ease-in-out;-o-transition:fill 200ms ease-in-out;transition:fill 200ms ease-in-out}.footer-bar__social a:hover svg,.footer-bar__social a:focus svg,.footer-bar__social a:active svg{fill:var(--black)}.footer-bar__copyright{font-size:var(--footnote-font-size);margin:1rem 0 0 0}@media screen and (min-width: 48rem){.footer-bar{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.footer-bar__social{order:2}.footer-bar__copyright{order:1;margin:0}}/*# sourceMappingURL=style.min.css.map */ +html,body,p,ol,ul,li,dl,dt,dd,blockquote,figure,fieldset,legend,textarea,pre,iframe,hr,h1,h2,h3,h4,h5,h6{margin:0;padding:0}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ul{list-style:none}button,input,select{margin:0}html{box-sizing:border-box}*,*::before,*::after{box-sizing:inherit}img,video{height:auto;max-width:100%}iframe{border:0}table{border-collapse:collapse;border-spacing:0}td,th{padding:0}@font-face{font-family:"Nunito";src:url(../fonts/nunito/Nunito-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:"Nunito";src:url(../fonts/nunito/Nunito-Italic.ttf) format("truetype");font-weight:400;font-style:italic}@font-face{font-family:"Nunito";src:url(../fonts/nunito/Nunito-Medium.ttf) format("truetype");font-weight:500;font-style:normal}@font-face{font-family:"Nunito";src:url(../fonts/nunito/Nunito-MediumItalic.ttf) format("truetype");font-weight:500;font-style:italic}@font-face{font-family:"Nunito";src:url(../fonts/nunito/Nunito-SemiBold.ttf) format("truetype");font-weight:600;font-style:normal}@font-face{font-family:"Nunito";src:url(../fonts/nunito/Nunito-SemiBoldItalic.ttf) format("truetype");font-weight:600;font-style:italic}@font-face{font-family:"Nunito";src:url(../fonts/nunito/Nunito-Bold.ttf) format("truetype");font-weight:700;font-style:normal}@font-face{font-family:"Nunito";src:url(../fonts/nunito/Nunito-BoldItalic.ttf) format("truetype");font-weight:700;font-style:italic}@font-face{font-family:"Gloria Hallelujah";src:url(../fonts/gloria-hallelujah/GloriaHallelujah-Regular.ttf) format("truetype");font-weight:400;font-style:normal}:root{--text-font-family: "Nunito", Verdana, sans-serif;--logo-font-family: "Gloria Hallelujah", Verdana, sans-serif;--regular-font-weight: 400;--medium-font-weight: 500;--semi-bold-font-weight: 600;--bold-font-weight: 700;--text-font-size: 1rem;--caption-font-size: 0.9rem;--footnote-font-size: 0.8rem;--text-line-height: 1.6rem;--h1-font-size: 1.8rem;--h2-font-size: 1.4rem;--h3-font-size: 1.2rem;--content-max-width: 140rem;--text-max-width: 70rem;--icon-size: 2.5rem;--header-bar-vertical-padding: 2rem;--header-bar-horizontal-padding: 2rem;--header-bar-height: calc((var(--header-bar-vertical-padding) * 2) + var(--h1-font-size));--footer-bar-vertical-padding: 1rem;--footer-bar-horizontal-padding: 2rem;--footer-bar-height: calc((var(--footer-bar-vertical-padding) * 2) + var(--icon-size) + 1rem + var(--text-font-size));--generic-section-vertical-padding: 3rem;--generic-section-horizontal-padding: 2rem;--home-section-vertical-padding: 2rem;--home-section-horizontal-padding: 2rem;--home-section-min-height: calc(100vh - var(--header-bar-height) - var(--footer-bar-height));--home-nav-gap: 1rem;--home-nav-item-size: 2rem;--home-nav-item-translation: 0;--home-nav-image-max-height: calc(100vh - var(--header-bar-height) - ((var(--generic-section-vertical-padding) + var(--home-nav-item-size) + var(--home-nav-gap)) * 2) - var(--footer-bar-height));--black: #000;--jet: #333333;--white: #fff}@media screen and (min-width: 48rem){:root{--text-font-size: 1.2rem;--caption-font-size: 1.1rem;--footnote-font-size: 1rem;--h1-font-size: 2rem;--h2-font-size: 1.6rem;--h3-font-size: 1.4rem;--icon-size: 3rem;--header-bar-horizontal-padding: 4rem;--footer-bar-vertical-padding: 2rem;--footer-bar-horizontal-padding: 4rem;--footer-bar-height: calc((var(--footer-bar-vertical-padding) * 2) + var(--icon-size));--generic-section-horizontal-padding: 4rem;--home-section-horizontal-padding: 4rem}}@-webkit-keyframes wave-up{0%{top:0}60%{top:-0.5rem}100%{top:0}}@keyframes wave-up{0%{top:0}60%{top:-0.5rem}100%{top:0}}@-webkit-keyframes wave-down{0%{bottom:0}60%{bottom:-0.5rem}100%{bottom:0}}@keyframes wave-down{0%{bottom:0}60%{bottom:-0.5rem}100%{bottom:0}}body{font-family:var(--text-font-family);font-size:var(--text-font-size);line-height:var(--text-font-size);color:var(--jet);background-color:var(--white)}h1,h2,h3{color:var(--black)}h1{font-family:var(--logo-font-family);font-size:var(--h1-font-size);line-height:var(--h1-font-size)}h2{font-family:var(--text-font-family);font-size:var(--h2-font-size);line-height:var(--h2-font-size);margin:0 0 4rem 0}h3{font-family:var(--text-font-family);font-size:var(--h3-font-size);line-height:var(--h3-font-size);margin:2rem 0 1rem 0}p{text-align:justify;line-height:var(--text-line-height)}strong{font-weight:var(--bold-font-weight)}em{font-style:italic}a{color:var(--jet);text-decoration:underline;-webkit-transition:color 200ms ease-in-out;-o-transition:color 200ms ease-in-out;transition:color 200ms ease-in-out}a:hover,a:focus,a:active{color:var(--black)}body{min-height:100vh;overflow-x:hidden;display:-ms-grid;display:grid;grid:"header" auto "main" 1fr "footer" auto/1fr}header{grid-area:header}main{grid-area:main}footer{grid-area:footer}.header-bar{max-width:var(--content-max-width);height:var(--header-bar-height);margin:auto;padding:var(--header-bar-vertical-padding) var(--header-bar-horizontal-padding);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-bar__logo{width:max-content}.header-bar__logo-link{text-decoration:none}.header-bar__nav{position:relative;z-index:1}.header-bar__nav-button{background-color:var(--white);width:32px;height:32px;padding:5px 0;border:none;cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header-bar__nav-button .header-bar__nav-button-line-1,.header-bar__nav-button .header-bar__nav-button-line-2,.header-bar__nav-button .header-bar__nav-button-line-3{width:100%;height:4px;border-radius:50px;background-color:var(--jet)}.home-section{max-width:var(--content-max-width);min-height:var(--home-section-min-height);margin:auto;padding:var(--home-section-vertical-padding) var(--home-section-horizontal-padding);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.home__nav{height:100%;display:-ms-grid;display:grid;grid:"top-left top top-right" var(--home-nav-item-size) "left center right" auto "bottom-left bottom bottom-right" var(--home-nav-item-size)/var(--home-nav-item-size) auto var(--home-nav-item-size);place-content:center center;gap:var(--home-nav-gap);line-height:0}.home__nav-image{grid-area:center}.home__nav-image img{min-width:12rem;max-width:min(100%,2500px);min-height:12rem;max-height:var(--home-nav-image-max-height)}.home__nav--2-items .home__nav-item-1{grid-area:top-left;place-self:end end;-webkit-transform:rotate(-45deg) translateY(var(--home-nav-item-translation));-ms-transform:rotate(-45deg) translateY(var(--home-nav-item-translation));transform:rotate(-45deg) translateY(var(--home-nav-item-translation))}.home__nav--2-items .home__nav-item-2{grid-area:top-right;place-self:end start;-webkit-transform:rotate(45deg) translateY(var(--home-nav-item-translation));-ms-transform:rotate(45deg) translateY(var(--home-nav-item-translation));transform:rotate(45deg) translateY(var(--home-nav-item-translation))}.home__nav--3-items .home__nav-item-1{grid-area:top-left;place-self:end end;-webkit-transform:rotate(-45deg) translateY(var(--home-nav-item-translation));-ms-transform:rotate(-45deg) translateY(var(--home-nav-item-translation));transform:rotate(-45deg) translateY(var(--home-nav-item-translation))}.home__nav--3-items .home__nav-item-2{grid-area:top-right;place-self:end start;-webkit-transform:rotate(45deg) translateY(var(--home-nav-item-translation));-ms-transform:rotate(45deg) translateY(var(--home-nav-item-translation));transform:rotate(45deg) translateY(var(--home-nav-item-translation))}.home__nav--3-items .home__nav-item-3{grid-area:bottom;place-self:start center}.home__nav--4-items .home__nav-item-1{grid-area:top-left;place-self:end end;-webkit-transform:rotate(-45deg) translateY(var(--home-nav-item-translation));-ms-transform:rotate(-45deg) translateY(var(--home-nav-item-translation));transform:rotate(-45deg) translateY(var(--home-nav-item-translation))}.home__nav--4-items .home__nav-item-2{grid-area:top-right;place-self:end start;-webkit-transform:rotate(45deg) translateY(var(--home-nav-item-translation));-ms-transform:rotate(45deg) translateY(var(--home-nav-item-translation));transform:rotate(45deg) translateY(var(--home-nav-item-translation))}.home__nav--4-items .home__nav-item-3{grid-area:bottom-left;place-self:start end;-webkit-transform:rotate(45deg) translateY(calc(var(--home-nav-item-translation) * -1));-ms-transform:rotate(45deg) translateY(calc(var(--home-nav-item-translation) * -1));transform:rotate(45deg) translateY(calc(var(--home-nav-item-translation) * -1))}.home__nav--4-items .home__nav-item-4{grid-area:bottom-right;place-self:start start;-webkit-transform:rotate(-45deg) translateY(calc(var(--home-nav-item-translation) * -1));-ms-transform:rotate(-45deg) translateY(calc(var(--home-nav-item-translation) * -1));transform:rotate(-45deg) translateY(calc(var(--home-nav-item-translation) * -1))}.home__nav-link{color:var(--black);font-size:var(--h3-font-size);text-decoration:none;opacity:0;-webkit-transition:opacity 600ms ease-in-out;-o-transition:opacity 600ms ease-in-out;transition:opacity 600ms ease-in-out}.home__nav-link div{opacity:0;-webkit-transition:opacity 600ms ease-in-out;-o-transition:opacity 600ms ease-in-out;transition:opacity 600ms ease-in-out}.home__nav-link--visible{opacity:1}.home__nav-link--visible div{opacity:1}.home__nav-letter--wave-up{-webkit-animation:wave-up 600ms ease-out;animation:wave-up 600ms ease-in-out}.home__nav-letter--wave-down{-webkit-animation:wave-down 600ms ease-out;animation:wave-down 600ms ease-in-out}.gallery-section,.about-section{max-width:var(--content-max-width);margin:auto;padding:var(--generic-section-vertical-padding) var(--generic-section-horizontal-padding)}.gallery__title,.about__title{text-align:center}.gallery__introduction,.about__presentation{max-width:var(--text-max-width);margin:auto}.gallery__introduction h3:nth-child(1),.about__presentation h3:nth-child(1){margin:0 0 1rem 0}.gallery__introduction p+p,.gallery__introduction p+ul,.about__presentation p+p,.about__presentation p+ul{margin:1rem 0 0 0}.gallery__introduction ul,.about__presentation ul{list-style:disc inside}.gallery__introduction ul+ul,.gallery__introduction ul+p,.about__presentation ul+ul,.about__presentation ul+p{margin:1rem 0 0 0}.gallery__introduction ul li+li,.about__presentation ul li+li{margin:.5rem 0 0 0}.gallery__artwork{display:table;margin:auto}.gallery__artwork+.gallery__artwork{margin:2rem auto 0 auto}.gallery__artwork .gallery__image,.gallery__artwork .gallery__video{display:block;max-height:80vh;margin:auto}.gallery__artwork .gallery__image{max-width:min(1500px,100%)}.gallery__artwork .gallery__video{width:min(1280px,100vw - var(--generic-section-horizontal-padding)*2,142.4vh)}.gallery__artwork .gallery__video--full-screen{width:initial;max-height:initial}.gallery__artwork figcaption{display:table-caption;caption-side:bottom;margin:1rem auto 0 auto;font-size:var(--caption-font-size);font-style:italic}@media screen and (min-width: 48rem){.gallery__artwork+.gallery__artwork{margin:3rem auto 0 auto}}.error-section{max-width:var(--content-max-width);margin:auto;padding:var(--generic-section-vertical-padding) var(--generic-section-horizontal-padding)}.error__title{text-align:center}.error__message{max-width:var(--text-max-width);margin:auto;text-align:center}.error__button{margin:1rem 0 0 0;text-align:center}.error__button a{display:inline-block;padding:1rem;border-radius:10px;color:var(--white);background-color:var(--jet);text-decoration:none;font-weight:var(--semi-bold-font-weight);-webkit-transition:background-color 200ms ease-in-out;-o-transition:background-color 200ms ease-in-out;transition:background-color 200ms ease-in-out}.error__button a:hover,.error__button a:focus,.error__button a:active{background-color:var(--black)}.footer-bar{max-width:var(--content-max-width);height:var(--footer-bar-height);margin:auto;padding:var(--footer-bar-vertical-padding) var(--footer-bar-horizontal-padding);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer-bar__social{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.footer-bar__social a{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:var(--icon-size);height:var(--icon-size)}.footer-bar__social a+a{margin:0 0 0 1rem}.footer-bar__social a svg{fill:var(--jet);width:100%;height:100%;-webkit-transition:fill 200ms ease-in-out;-o-transition:fill 200ms ease-in-out;transition:fill 200ms ease-in-out}.footer-bar__social a:hover svg,.footer-bar__social a:focus svg,.footer-bar__social a:active svg{fill:var(--black)}.footer-bar__copyright{font-size:var(--footnote-font-size);margin:1rem 0 0 0}@media screen and (min-width: 48rem){.footer-bar{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.footer-bar__social{order:2}.footer-bar__copyright{order:1;margin:0}}/*# sourceMappingURL=style.min.css.map */ diff --git a/assets/css/style.min.css.map b/assets/css/style.min.css.map index 73200ac..20bbc99 100644 --- a/assets/css/style.min.css.map +++ b/assets/css/style.min.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["partials/_minireset.css","partials/_fonts.scss","partials/_variables.scss","partials/_animations.scss","style.scss"],"names":[],"mappings":"AAIA,yGAuBI,SACA,UAGJ,kBAMI,eACA,mBAGJ,GACI,gBAGJ,oBAGI,SAGJ,KACI,sBAGJ,qBACI,mBAGJ,UAEI,YACA,eAGJ,OACI,SAGJ,MACI,yBACA,iBAGJ,MAEI,UCtEJ,WACI,qBACA,+DACA,gBACA,kBAGJ,WACC,qBACA,8DACA,gBACA,kBAGD,WACC,qBACA,8DACA,gBACA,kBAGD,WACC,qBACA,oEACA,gBACA,kBAGD,WACC,qBACA,gEACA,gBACA,kBAGD,WACC,qBACA,sEACA,gBACA,kBAGD,WACC,qBACA,4DACA,gBACA,kBAGD,WACC,qBACA,kEACA,gBACA,kBAKD,WACC,gCACA,oFACA,gBACA,kBChED,MAII,kDACA,6DACA,2BACA,0BACA,6BACA,wBACA,uBACA,4BACA,6BACA,2BACA,uBACA,uBACA,uBAIA,4BACA,wBACA,oBACA,oCACA,sCACA,0FACA,oCACA,sCACA,sHACA,yCACA,2CACA,sCACA,wCACA,6FACA,qBACA,2BACA,+BACA,mMAIA,cACA,eACA,cAaJ,qCAEI,MAII,yBACA,4BACA,2BACA,qBACA,uBACA,uBAIA,kBACA,sCACA,oCACA,sCACA,uFACA,2CACA,yCC7ER,2BACI,GACF,MAEE,IACF,YAED,KACC,OAIF,mBACC,GACC,MAEE,IACF,YAED,KACC,OAIF,6BACI,GACF,SAEE,IACF,eAED,KACC,UAIF,qBACI,GACF,SAEE,IACF,eAED,KACC,UCrCF,KACI,oCACA,gCACA,kCACA,iBACA,8BAGJ,SAGI,mBAGJ,GACI,oCACA,8BACA,gCAGJ,GACI,oCACA,8BACA,gCACA,kBAGJ,GACI,oCACA,8BACA,gCACA,qBAGJ,EACI,mBACA,oCAGJ,OACI,oCAGJ,GACI,kBAKJ,EACI,iBACA,0BACA,2CACA,sCACA,mCAEA,yBAGI,mBAOR,KACI,iBACA,kBACA,iBACA,aACA,KACI,2CAMR,OACI,iBAGJ,KACI,eAGJ,OACI,iBASJ,YACI,mCACA,gCACA,YACA,gFAGJ,kBACI,kBAGJ,uBACI,qBASJ,cACI,mCACA,0CACA,YACA,oFACA,oBACA,oBACA,aACA,wBACA,qBACA,uBACA,yBACA,sBACA,mBAGJ,WACI,YACA,iBACA,aACA,KACI,iMAIJ,4BACA,wBACA,cAGJ,iBACI,iBAEA,qBACI,gBACA,2BACA,iBACA,4CAMJ,sCACI,cACA,sBAGJ,sCACI,iBACA,wBAMJ,sCACI,mBACA,mBACA,kBACI,4DAEJ,cACI,4DAEJ,UACI,4DAIR,sCACI,oBACA,qBACA,kBACI,2DAEJ,cACI,2DAEJ,UACI,2DAIR,sCACI,iBACA,wBAMJ,sCACI,cACA,sBAGJ,sCACI,eACA,sBACA,iCACA,6BACA,yBAGJ,sCACI,gBACA,wBACA,gCACA,4BACA,wBAGJ,sCACI,iBACA,wBAMJ,sCACI,mBACA,mBACA,kBACI,4DAEJ,cACI,4DAEJ,UACI,4DAIR,sCACI,oBACA,qBACA,kBACI,2DAEJ,cACI,2DAEJ,UACI,2DAIR,sCACI,eACA,sBACA,iCACA,6BACA,yBAGJ,sCACI,gBACA,wBACA,gCACA,4BACA,wBAGJ,sCACI,iBACA,wBAMJ,sCACI,cACA,sBAGJ,sCACI,mBACA,mBACA,kBACI,4DAEJ,cACI,4DAEJ,UACI,4DAIR,sCACI,oBACA,qBACA,kBACI,2DAEJ,cACI,2DAEJ,UACI,2DAIR,sCACI,eACA,sBACA,iCACA,6BACA,yBAGJ,sCACI,gBACA,wBACA,gCACA,4BACA,wBAGJ,sCACI,iBACA,wBAMJ,sCACI,mBACA,mBACA,kBACI,4DAEJ,cACI,4DAEJ,UACI,4DAIR,sCACI,oBACA,qBACA,kBACI,2DAEJ,cACI,2DAEJ,UACI,2DAIR,sCACI,eACA,sBACA,iCACA,6BACA,yBAGJ,sCACI,gBACA,wBACA,gCACA,4BACA,wBAGJ,sCACI,sBACA,qBACA,kBACI,sEAEJ,cACI,sEAEJ,UACI,sEAIR,sCACI,uBACA,uBACA,kBACI,uEAEJ,cACI,uEAEJ,UACI,uEAIR,sCACI,iBACA,wBAMJ,sCACI,cACA,sBAGJ,sCACI,mBACA,mBACA,kBACI,4DAEJ,cACI,4DAEJ,UACI,4DAIR,sCACI,oBACA,qBACA,kBACI,2DAEJ,cACI,2DAEJ,UACI,2DAIR,sCACI,eACA,sBACA,iCACA,6BACA,yBAGJ,sCACI,gBACA,wBACA,gCACA,4BACA,wBAGJ,sCACI,sBACA,qBACA,kBACI,sEAEJ,cACI,sEAEJ,UACI,sEAIR,sCACI,uBACA,uBACA,kBACI,uEAEJ,cACI,uEAEJ,UACI,uEAIR,sCACI,iBACA,wBAIR,gBACI,mBACA,qBACA,UACA,6CACA,wCACA,qCAEA,oBACI,UACA,6CACA,wCACA,qCAIR,yBACI,UAEA,6BACI,UAIR,2BACI,yCACA,oCAGJ,6BACI,2CACA,sCAKJ,gCAEI,mCACA,YACA,0FAGJ,8BAEI,kBAGJ,4CAEI,gCACA,YAEA,4EACI,kBAKA,0GAEI,kBAIR,kDACI,uBAEA,8GAEI,kBAGJ,8DACI,mBAKZ,kBACI,cACA,YAEA,oCACI,wBAGJ,oEAEI,cACA,gBACA,YAGJ,kCACI,2BAGJ,kCACI,8EAEA,+CACI,cACA,mBAKR,6BACI,sBACA,oBACA,wBACA,mCACA,kBAIR,qCAIQ,oCACI,yBAOZ,eACI,mCACA,YACA,0FAGJ,cACI,kBAGJ,gBACI,gCACA,YACA,kBAGJ,eACI,kBACA,kBAEA,iBACI,qBACA,aACA,mBACA,mBACA,4BACA,qBACA,yCACA,sDACA,iDACA,8CAEA,sEAGI,8BAWZ,YACI,mCACA,gCACA,YACA,gFACA,oBACA,oBACA,aACA,4BACA,6BACA,0BACA,sBACA,yBACA,sBACA,mBAGJ,oBACI,oBACA,oBACA,aACA,yBACA,sBACA,mBAEA,sBACI,oBACA,oBACA,aACA,wBACA,qBACA,uBACA,yBACA,sBACA,mBACA,uBACA,wBAEA,wBACI,kBAGJ,0BACI,gBACA,WACA,YACA,0CACA,qCACA,kCAOA,iGACA,kBAMZ,uBACI,oCACA,kBAGJ,qCAEI,YACI,8BACA,6BACA,uBACA,mBACA,yBACA,sBACA,8BACA,sBACA,mBACA,qBAGJ,oBACI,QAGJ,uBACI,QACA","file":"style.min.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["partials/_minireset.css","partials/_fonts.scss","partials/_variables.scss","partials/_animations.scss","style.scss"],"names":[],"mappings":"AAIA,yGAuBI,SACA,UAGJ,kBAMI,eACA,mBAGJ,GACI,gBAGJ,oBAGI,SAGJ,KACI,sBAGJ,qBACI,mBAGJ,UAEI,YACA,eAGJ,OACI,SAGJ,MACI,yBACA,iBAGJ,MAEI,UCtEJ,WACI,qBACA,+DACA,gBACA,kBAGJ,WACC,qBACA,8DACA,gBACA,kBAGD,WACC,qBACA,8DACA,gBACA,kBAGD,WACC,qBACA,oEACA,gBACA,kBAGD,WACC,qBACA,gEACA,gBACA,kBAGD,WACC,qBACA,sEACA,gBACA,kBAGD,WACC,qBACA,4DACA,gBACA,kBAGD,WACC,qBACA,kEACA,gBACA,kBAKD,WACC,gCACA,oFACA,gBACA,kBChED,MAII,kDACA,6DACA,2BACA,0BACA,6BACA,wBACA,uBACA,4BACA,6BACA,2BACA,uBACA,uBACA,uBAIA,4BACA,wBACA,oBACA,oCACA,sCACA,0FACA,oCACA,sCACA,sHACA,yCACA,2CACA,sCACA,wCACA,6FACA,qBACA,2BACA,+BACA,mMAIA,cACA,eACA,cAaJ,qCAEI,MAII,yBACA,4BACA,2BACA,qBACA,uBACA,uBAIA,kBACA,sCACA,oCACA,sCACA,uFACA,2CACA,yCC7ER,2BACI,GACF,MAEE,IACF,YAED,KACC,OAIF,mBACC,GACC,MAEE,IACF,YAED,KACC,OAIF,6BACI,GACF,SAEE,IACF,eAED,KACC,UAIF,qBACI,GACF,SAEE,IACF,eAED,KACC,UCrCF,KACI,oCACA,gCACA,kCACA,iBACA,8BAGJ,SAGI,mBAGJ,GACI,oCACA,8BACA,gCAGJ,GACI,oCACA,8BACA,gCACA,kBAGJ,GACI,oCACA,8BACA,gCACA,qBAGJ,EACI,mBACA,oCAGJ,OACI,oCAGJ,GACI,kBAKJ,EACI,iBACA,0BACA,2CACA,sCACA,mCAEA,yBAGI,mBAOR,KACI,iBACA,kBACA,iBACA,aACA,KACI,2CAMR,OACI,iBAGJ,KACI,eAGJ,OACI,iBASJ,YACI,mCACA,gCACA,YACA,gFACA,oBACA,oBACA,aACA,yBACA,sBACA,8BACA,yBACA,sBACA,mBAGJ,kBACI,kBAGJ,uBACI,qBAGJ,iBACC,kBACA,UAGD,wBACC,8BACA,WACA,YACA,cACA,YACA,eACA,oBACA,oBACA,aACA,4BACA,6BACG,0BACH,sBACA,yBACA,sBACA,8BAEA,qKAGC,WACA,WACA,mBACA,4BAUF,cACI,mCACA,0CACA,YACA,oFACA,oBACA,oBACA,aACA,wBACA,qBACA,uBACA,yBACA,sBACA,mBAGJ,WACI,YACA,iBACA,aACA,KACI,iMAIJ,4BACA,wBACA,cAGJ,iBACI,iBAEA,qBACI,gBACA,2BACA,iBACA,4CAMJ,sCACI,mBACA,mBACA,kBACI,4DAEJ,cACI,4DAEJ,UACI,4DAIR,sCACI,oBACA,qBACA,kBACI,2DAEJ,cACI,2DAEJ,UACI,2DAOR,sCACI,mBACA,mBACA,kBACI,4DAEJ,cACI,4DAEJ,UACI,4DAIR,sCACI,oBACA,qBACA,kBACI,2DAEJ,cACI,2DAEJ,UACI,2DAIR,sCACI,iBACA,wBAMJ,sCACI,mBACA,mBACA,kBACI,4DAEJ,cACI,4DAEJ,UACI,4DAIR,sCACI,oBACA,qBACA,kBACI,2DAEJ,cACI,2DAEJ,UACI,2DAIR,sCACI,sBACA,qBACA,kBACI,sEAEJ,cACI,sEAEJ,UACI,sEAIR,sCACI,uBACA,uBACA,kBACI,uEAEJ,cACI,uEAEJ,UACI,uEAKZ,gBACI,mBACA,8BACA,qBACA,UACA,6CACA,wCACA,qCAEA,oBACI,UACA,6CACA,wCACA,qCAIR,yBACI,UAEA,6BACI,UAIR,2BACI,yCACA,oCAGJ,6BACI,2CACA,sCAKJ,gCAEI,mCACA,YACA,0FAGJ,8BAEI,kBAGJ,4CAEI,gCACA,YAEA,4EACI,kBAKA,0GAEI,kBAIR,kDACI,uBAEA,8GAEI,kBAGJ,8DACI,mBAKZ,kBACI,cACA,YAEA,oCACI,wBAGJ,oEAEI,cACA,gBACA,YAGJ,kCACI,2BAGJ,kCACI,8EAEA,+CACI,cACA,mBAKR,6BACI,sBACA,oBACA,wBACA,mCACA,kBAIR,qCAIQ,oCACI,yBAOZ,eACI,mCACA,YACA,0FAGJ,cACI,kBAGJ,gBACI,gCACA,YACA,kBAGJ,eACI,kBACA,kBAEA,iBACI,qBACA,aACA,mBACA,mBACA,4BACA,qBACA,yCACA,sDACA,iDACA,8CAEA,sEAGI,8BAWZ,YACI,mCACA,gCACA,YACA,gFACA,oBACA,oBACA,aACA,4BACA,6BACA,0BACA,sBACA,yBACA,sBACA,mBAGJ,oBACI,oBACA,oBACA,aACA,yBACA,sBACA,mBAEA,sBACI,oBACA,oBACA,aACA,wBACA,qBACA,uBACA,yBACA,sBACA,mBACA,uBACA,wBAEA,wBACI,kBAGJ,0BACI,gBACA,WACA,YACA,0CACA,qCACA,kCAOA,iGACA,kBAMZ,uBACI,oCACA,kBAGJ,qCAEI,YACI,8BACA,6BACA,uBACA,mBACA,yBACA,sBACA,8BACA,sBACA,mBACA,qBAGJ,oBACI,QAGJ,uBACI,QACA","file":"style.min.css"} \ No newline at end of file diff --git a/assets/css/style.scss b/assets/css/style.scss index 496101b..18cf957 100644 --- a/assets/css/style.scss +++ b/assets/css/style.scss @@ -110,6 +110,15 @@ footer { height: var(--header-bar-height); margin: auto; padding: var(--header-bar-vertical-padding) var(--header-bar-horizontal-padding); + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + -webkit-box-align: center; + -ms-flex-align: center; + align-items: center; } .header-bar__logo { @@ -120,6 +129,39 @@ footer { text-decoration: none; } +.header-bar__nav { + position: relative; + z-index: 1; +} + +.header-bar__nav-button { + background-color: var(--white); + width: 32px; + height: 32px; + padding: 5px 0; + border: none; + cursor: pointer; + display: -webkit-box; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-pack: justify; + -ms-flex-pack: justify; + justify-content: space-between; + + .header-bar__nav-button-line-1, + .header-bar__nav-button-line-2, + .header-bar__nav-button-line-3 { + width: 100%; + height: 4px; + border-radius: 50px; + background-color: var(--jet); + } +} + // ---------------------------------------------------------------------------- // MAIN // ---------------------------------------------------------------------------- @@ -170,13 +212,31 @@ footer { .home__nav--2-items { .home__nav-item-1 { - grid-area: top; - place-self: end center; + grid-area: top-left; + place-self: end end; + -webkit-transform: + rotate(-45deg) + translateY(var(--home-nav-item-translation)); + -ms-transform: + rotate(-45deg) + translateY(var(--home-nav-item-translation)); + transform: + rotate(-45deg) + translateY(var(--home-nav-item-translation)); } .home__nav-item-2 { - grid-area: bottom; - place-self: start center; + grid-area: top-right; + place-self: end start; + -webkit-transform: + rotate(45deg) + translateY(var(--home-nav-item-translation)); + -ms-transform: + rotate(45deg) + translateY(var(--home-nav-item-translation)); + transform: + rotate(45deg) + translateY(var(--home-nav-item-translation)); } } @@ -218,35 +278,6 @@ footer { .home__nav--4-items { - .home__nav-item-1 { - grid-area: top; - place-self: end center; - } - - .home__nav-item-2 { - grid-area: left; - place-self: center end; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - } - - .home__nav-item-3 { - grid-area: right; - place-self: center start; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - } - - .home__nav-item-4 { - grid-area: bottom; - place-self: start center; - } -} - -.home__nav--5-items { - .home__nav-item-1 { grid-area: top-left; place-self: end end; @@ -276,131 +307,6 @@ footer { } .home__nav-item-3 { - grid-area: left; - place-self: center end; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - } - - .home__nav-item-4 { - grid-area: right; - place-self: center start; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - } - - .home__nav-item-5 { - grid-area: bottom; - place-self: start center; - } -} - -.home__nav--6-items { - - .home__nav-item-1 { - grid-area: top; - place-self: end center; - } - - .home__nav-item-2 { - grid-area: top-left; - place-self: end end; - -webkit-transform: - rotate(-45deg) - translateY(var(--home-nav-item-translation)); - -ms-transform: - rotate(-45deg) - translateY(var(--home-nav-item-translation)); - transform: - rotate(-45deg) - translateY(var(--home-nav-item-translation)); - } - - .home__nav-item-3 { - grid-area: top-right; - place-self: end start; - -webkit-transform: - rotate(45deg) - translateY(var(--home-nav-item-translation)); - -ms-transform: - rotate(45deg) - translateY(var(--home-nav-item-translation)); - transform: - rotate(45deg) - translateY(var(--home-nav-item-translation)); - } - - .home__nav-item-4 { - grid-area: left; - place-self: center end; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - } - - .home__nav-item-5 { - grid-area: right; - place-self: center start; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - } - - .home__nav-item-6 { - grid-area: bottom; - place-self: start center; - } -} - -.home__nav--7-items { - - .home__nav-item-1 { - grid-area: top-left; - place-self: end end; - -webkit-transform: - rotate(-45deg) - translateY(var(--home-nav-item-translation)); - -ms-transform: - rotate(-45deg) - translateY(var(--home-nav-item-translation)); - transform: - rotate(-45deg) - translateY(var(--home-nav-item-translation)); - } - - .home__nav-item-2 { - grid-area: top-right; - place-self: end start; - -webkit-transform: - rotate(45deg) - translateY(var(--home-nav-item-translation)); - -ms-transform: - rotate(45deg) - translateY(var(--home-nav-item-translation)); - transform: - rotate(45deg) - translateY(var(--home-nav-item-translation)); - } - - .home__nav-item-3 { - grid-area: left; - place-self: center end; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - } - - .home__nav-item-4 { - grid-area: right; - place-self: center start; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - } - - .home__nav-item-5 { grid-area: bottom-left; place-self: start end; -webkit-transform: @@ -414,92 +320,7 @@ footer { translateY(calc(var(--home-nav-item-translation) * -1)); } - .home__nav-item-6 { - grid-area: bottom-right; - place-self: start start; - -webkit-transform: - rotate(-45deg) - translateY(calc(var(--home-nav-item-translation) * -1)); - -ms-transform: - rotate(-45deg) - translateY(calc(var(--home-nav-item-translation) * -1)); - transform: - rotate(-45deg) - translateY(calc(var(--home-nav-item-translation) * -1)); - } - - .home__nav-item-7 { - grid-area: bottom; - place-self: start center; - } -} - -.home__nav--8-items { - - .home__nav-item-1 { - grid-area: top; - place-self: end center; - } - - .home__nav-item-2 { - grid-area: top-left; - place-self: end end; - -webkit-transform: - rotate(-45deg) - translateY(var(--home-nav-item-translation)); - -ms-transform: - rotate(-45deg) - translateY(var(--home-nav-item-translation)); - transform: - rotate(-45deg) - translateY(var(--home-nav-item-translation)); - } - - .home__nav-item-3 { - grid-area: top-right; - place-self: end start; - -webkit-transform: - rotate(45deg) - translateY(var(--home-nav-item-translation)); - -ms-transform: - rotate(45deg) - translateY(var(--home-nav-item-translation)); - transform: - rotate(45deg) - translateY(var(--home-nav-item-translation)); - } - .home__nav-item-4 { - grid-area: left; - place-self: center end; - -webkit-transform: rotate(-90deg); - -ms-transform: rotate(-90deg); - transform: rotate(-90deg); - } - - .home__nav-item-5 { - grid-area: right; - place-self: center start; - -webkit-transform: rotate(90deg); - -ms-transform: rotate(90deg); - transform: rotate(90deg); - } - - .home__nav-item-6 { - grid-area: bottom-left; - place-self: start end; - -webkit-transform: - rotate(45deg) - translateY(calc(var(--home-nav-item-translation) * -1)); - -ms-transform: - rotate(45deg) - translateY(calc(var(--home-nav-item-translation) * -1)); - transform: - rotate(45deg) - translateY(calc(var(--home-nav-item-translation) * -1)); - } - - .home__nav-item-7 { grid-area: bottom-right; place-self: start start; -webkit-transform: @@ -512,15 +333,11 @@ footer { rotate(-45deg) translateY(calc(var(--home-nav-item-translation) * -1)); } - - .home__nav-item-8 { - grid-area: bottom; - place-self: start center; - } } .home__nav-link { color: var(--black); + font-size: var(--h3-font-size); text-decoration: none; opacity: 0; -webkit-transition: opacity 600ms ease-in-out; diff --git a/assets/js/app.js b/assets/js/app.js index 6459c3b..7641672 100644 --- a/assets/js/app.js +++ b/assets/js/app.js @@ -55,26 +55,14 @@ function calculateNavGridInnerDiagonal() { // Create new instance of CircleType for each navigation link, set radius and direction function curveNavLinks() { if (navLinks.length !== 0 && circleTypes) { - if (navLinks.length < 7) { - for (let i = 0; i < (navLinks.length - 1); i++) { - circleTypes[i] = new CircleType(navLinks[i]); - circleTypes[i].radius(calculateNavGridInnerWidth() / 2); - } - for (let i = (navLinks.length - 1); i < navLinks.length; i++) { - circleTypes[i] = new CircleType(navLinks[i]); - circleTypes[i].dir(-1); - circleTypes[i].radius(calculateNavGridInnerWidth() / 2); - } - } else { - for (let i = 0; i < (navLinks.length - 3); i++) { - circleTypes[i] = new CircleType(navLinks[i]); - circleTypes[i].radius(calculateNavGridInnerWidth() / 2); - } - for (let i = (navLinks.length - 3); i < navLinks.length; i++) { - circleTypes[i] = new CircleType(navLinks[i]); - circleTypes[i].dir(-1); - circleTypes[i].radius(calculateNavGridInnerWidth() / 2); - } + for (let i = 0; i < (navLinks.length - 2); i++) { + circleTypes[i] = new CircleType(navLinks[i]); + circleTypes[i].radius(calculateNavGridInnerWidth() / 2); + } + for (let i = (navLinks.length - 2); i < navLinks.length; i++) { + circleTypes[i] = new CircleType(navLinks[i]); + circleTypes[i].dir(-1); + circleTypes[i].radius(calculateNavGridInnerWidth() / 2); } } } @@ -96,14 +84,6 @@ function setNavGridDisplay() { navEl.classList.add('home__nav--3-items'); } else if (navLinks.length === 4) { navEl.classList.add('home__nav--4-items'); - } else if (navLinks.length === 5) { - navEl.classList.add('home__nav--5-items'); - } else if (navLinks.length === 6) { - navEl.classList.add('home__nav--6-items'); - } else if (navLinks.length === 7) { - navEl.classList.add('home__nav--7-items'); - } else if (navLinks.length === 8) { - navEl.classList.add('home__nav--8-items'); } for (let i = 0; i < navLinks.length; i++) { navLinks[i].classList.add('home__nav-link--visible'); @@ -162,28 +142,15 @@ function waveNavLinkDown(navLink) { // Add wave (up or down) animation to every letters of each link on mouseover event function waveNavLinksOnHover() { if (navLinks.length !== 0) { - if (navLinks.length < 7) { - for (let i = 0; i < (navLinks.length - 1); i++) { - navLinks[i].addEventListener('mouseover', function(e) { - waveNavLinkUp(navLinks[i]); - }); - } - for (let i = (navLinks.length - 1); i < navLinks.length; i++) { - navLinks[i].addEventListener('mouseover', function(e) { - waveNavLinkDown(navLinks[i]); - }); - } - } else { - for (let i = 0; i < (navLinks.length - 3); i++) { - navLinks[i].addEventListener('mouseover', function(e) { - waveNavLinkUp(navLinks[i]); - }); - } - for (let i = (navLinks.length - 3); i < navLinks.length; i++) { - navLinks[i].addEventListener('mouseover', function(e) { - waveNavLinkDown(navLinks[i]); - }); - } + for (let i = 0; i < (navLinks.length - 2); i++) { + navLinks[i].addEventListener('mouseover', function(e) { + waveNavLinkUp(navLinks[i]); + }); + } + for (let i = (navLinks.length - 2); i < navLinks.length; i++) { + navLinks[i].addEventListener('mouseover', function(e) { + waveNavLinkDown(navLinks[i]); + }); } } } diff --git a/site/blueprints/sections/site_content_galleries.yml b/site/blueprints/sections/site_content_galleries.yml index c4696f7..8fa0a56 100644 --- a/site/blueprints/sections/site_content_galleries.yml +++ b/site/blueprints/sections/site_content_galleries.yml @@ -3,8 +3,8 @@ headline: fr: Galeries type: pages template: gallery -min: 1 -max: 7 +min: 2 +max: 4 layout: cards size: small image: diff --git a/site/templates/base.twig b/site/templates/base.twig index 9fef94a..514da36 100644 --- a/site/templates/base.twig +++ b/site/templates/base.twig @@ -32,6 +32,16 @@ + + diff --git a/site/templates/home.twig b/site/templates/home.twig index f3f4ea3..1c77c3c 100644 --- a/site/templates/home.twig +++ b/site/templates/home.twig @@ -18,9 +18,6 @@ {% set navItemNo = navItemNo + 1 %} {% endfor %} -