diff --git a/404.html b/404.html new file mode 100644 index 0000000..b0661e9 --- /dev/null +++ b/404.html @@ -0,0 +1,12 @@ +Error 404 - Test

404

Page not found

The page you were looking for appears to have been moved, deleted or does not exist. You could go back to where you were or head straight to our home page.

Go home

\ No newline at end of file diff --git a/assets/css/editor.css b/assets/css/editor.css new file mode 100755 index 0000000..37d7353 --- /dev/null +++ b/assets/css/editor.css @@ -0,0 +1,3 @@ +/* + * Add your own CSS code for the WYSIWYG editor + */ diff --git a/assets/css/main.css b/assets/css/main.css new file mode 100644 index 0000000..83ee0cb --- /dev/null +++ b/assets/css/main.css @@ -0,0 +1,2184 @@ +*, +*:before, +*:after { + -webkit-box-sizing: border-box; + box-sizing: border-box; + margin: 0; + padding: 0; +} + +article, +aside, +footer, +header, +hgroup, +main, +nav, +section { + display: block; +} + +li { + list-style: none; +} + +img { + height: auto; + max-width: 100%; + vertical-align: top; +} + +button, +input, +select, +textarea { + font: inherit; +} + +address { + font-style: normal; +} + +::-moz-selection { + background: var(--color); + color: var(--white); +} + +::selection { + background: var(--color); + color: var(--white); +} + +html { + font-size: clamp(1.1rem, 1.1rem + 0.1 * ((100vw - 20rem) / 50), 1.2rem); + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + scroll-behavior: smooth; +} +html.no-scroll { + overflow: hidden; + position: fixed; +} + +body { + background: var(--page-bg); + color: var(--text-color); + font-family: var(--body-font); + font-variation-settings: "wght" var(--font-weight-normal); + line-height: var(--line-height); + -ms-scroll-chaining: none; + overscroll-behavior: none; +} + +a { + text-decoration: none; +} +a { + color: var(--link-color); + -webkit-transition: all 0.24s ease-out; + transition: all 0.24s ease-out; +} +a:hover { + color: var(--link-color-hover); +} +a:active { + color: var(--link-color-hover); +} +a:focus { + outline: none; +} + +.invert { + color: var(--link-color-hover); + -webkit-transition: all 0.24s ease-out; + transition: all 0.24s ease-out; +} +.invert:hover { + color: var(--link-color); +} +.invert:active { + color: var(--link-color); +} +.invert:focus { + outline: none; +} + +p, +ul, +ol, +dl { + margin-top: calc(1.1333333333rem + 0.25vw); +} + +blockquote, +figure, +hr, +pre, +table { + margin-top: calc(1.7rem + 0.5vw); + margin-bottom: calc(1.7rem + 0.5vw); +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: var(--headings-color); + font-family: var(--heading-font); + font-variation-settings: "wght" var(--headings-weight); + -webkit-hyphens: manual; + -ms-hyphens: manual; + hyphens: manual; + line-height: 1.2; + margin-top: calc(1.7rem + 1vw); + text-transform: var(--headings-transform); +} + +h1, +.h1 { + font-size: clamp(1.5710900065rem, 1.5710900065rem + 1.424540906 * ((100vw - 20rem) / 50), 2.9956309125rem); + font-family: var(--heading-font); +} + +h2, +.h2 { + font-size: clamp(1.3808408252rem, 1.3808408252rem + 0.9332127447 * ((100vw - 20rem) / 50), 2.3140535699rem); +} + +h3, +.h3 { + font-size: clamp(1.2136296308rem, 1.2136296308rem + 0.4621997101 * ((100vw - 20rem) / 50), 1.6758293408rem); +} + +h4, +.h4 { + font-size: clamp(1.1377777785rem, 1.1377777785rem + 0.1567604947 * ((100vw - 20rem) / 50), 1.2945382732rem); +} + +h5, +.h5 { + font-size: clamp(1.066666667rem, 1.066666667rem + 0.0711111115 * ((100vw - 20rem) / 50), 1.1377777785rem); +} + +h6, +.h6 { + font-size: clamp(1rem, 1rem + 0 * ((100vw - 20rem) / 50), 1rem); +} + +h2 + *, +h3 + *, +h4 + *, +h5 + *, +h6 + * { + margin-top: calc(0.5666666667rem + 0.25vw); +} + +b, +strong { + font-variation-settings: "wght" var(--font-weight-bold); +} + +blockquote { + color: var(--headings-color); + font-family: var(--heading-font); + padding: 3.6833333333rem 0 0; + position: relative; + text-align: center; + font-size: clamp(1.1377777785rem, 1.1377777785rem + 0.2430630467 * ((100vw - 20rem) / 50), 1.3808408252rem); +} +blockquote::before { + color: var(--dark); + content: "“"; + font: normal 320%/0.9 Georgia, Times, Times New Roman, serif; + top: 0.5666666667rem; + position: absolute; + left: 50%; + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); +} +blockquote > :nth-child(1) { + margin-top: 0; +} + +ul, +ol { + margin-left: 2rem; +} +ul > li, +ol > li { + list-style: inherit; + padding: 0 0 0.2833333333rem 0.85rem; +} + +dl dt { + font-variation-settings: "wght" var(--font-weight-bold); +} + +pre { + background-color: var(--lighter); + font-size: 0.8239746086rem; + padding: 1.7rem; + white-space: pre-wrap; + word-wrap: break-word; +} +pre > code { + color: var(--text-color); + display: inline-block; + font-size: inherit; + padding: 0; +} + +code { + background-color: var(--lighter); + color: var(--color); + font-size: 0.8239746086rem; + font-family: Menlo, Monaco, Consolas, Courier New, monospace; +} + +table { + border: 1px solid var(--light); + border-collapse: collapse; + border-spacing: 0; + vertical-align: top; + text-align: left; + width: 100%; +} +table th { + font-variation-settings: "wght" var(--font-weight-bold); + padding: 0.7083333333rem 1.1333333333rem; +} +table td { + border-top: 1px solid var(--light); + padding: 0.7083333333rem 1.1333333333rem; +} + +.table-striped tr:nth-child(2n) { + background: var(--lighter); +} +.table-bordered th, +.table-bordered td { + border: 1px solid var(--light); +} +.table-title th { + background: var(--lighter); +} + +figcaption { + clear: both; + color: var(--gray); + font-style: italic; + font-size: 0.7241964329rem; + margin: 0.85rem 0 0; + text-align: center; +} + +kbd { + background: var(--dark); + border-radius: 2px; + color: var(--white); + font-family: Menlo, Monaco, Consolas, Courier New, monospace; + font-size: 0.8789062495rem; + padding: 0.1416666667rem 0.425rem; +} + +sub, +sup { + font-size: 65%; +} + +small { + font-size: 0.8789062495rem; +} + +hr, +.separator { + background: none; + border: none; + height: auto; + line-height: 1; + max-width: none; + text-align: center; +} +hr::before, +.separator::before { + content: "···"; + color: var(--dark); + font-size: 1.2136296308rem; + font-variation-settings: "wght" var(--font-weight-bold); + letter-spacing: 1.1377777785rem; + padding-left: 1.1377777785rem; +} + +.separator--dot::before { + content: "·"; + color: var(--dark); + font-size: 1.2136296308rem; + font-variation-settings: "wght" var(--font-weight-bold); + letter-spacing: 1.1377777785rem; + padding-left: 1.1377777785rem; +} +.separator--long-line { + position: relative; +} +.separator--long-line::before { + content: ""; + height: 1.2136296308rem; +} +.separator--long-line::after { + border-top: 1px solid var(--light); + content: ""; + height: 1px; + position: absolute; + width: 100%; + top: 50%; + left: 0; +} + +.btn, [type=button], +[type=submit], +button { + background: var(--color); + border: 1px solid var(--color); + border-radius: 2px; + -webkit-box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.08); + box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.08); + color: var(--white); + cursor: pointer; + display: inline-block; + font-family: var(--body-font); + font-size: 0.6789341556rem; + font-variation-settings: "wght" var(--font-weight-bold); + overflow: hidden; + padding: 0.5666666667rem 1.4166666667rem; + text-align: center; + -webkit-transition: all 0.24s ease-out; + transition: all 0.24s ease-out; + text-transform: uppercase; + vertical-align: middle; + will-change: transform; +} +@media all and (max-width: 19.9375em) { + .btn, [type=button], + [type=submit], + button { + width: 100%; + } +} +@media all and (max-width: 37.4375em) { + .btn, [type=button], + [type=submit], + button { + margin-bottom: 0.5666666667rem; + } +} +.btn:hover, [type=button]:hover, +[type=submit]:hover, +button:hover, .btn:active, [type=button]:active, +[type=submit]:active, +button:active, .btn:focus, [type=button]:focus, +[type=submit]:focus, +button:focus { + -webkit-box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); + box-shadow: 0 7px 14px rgba(0, 0, 0, 0.1), 0 3px 6px rgba(0, 0, 0, 0.08); + color: var(--white); + -webkit-transform: translateY(-2px); + transform: translateY(-2px); +} +@media all and (min-width: 20em) { + .btn + .btn, [type=button] + .btn, + [type=submit] + .btn, + button + .btn, .btn + [type=button], [type=button] + [type=button], + [type=submit] + [type=button], + button + [type=button], + .btn + [type=submit], + [type=button] + [type=submit], + [type=submit] + [type=submit], + button + [type=submit], + .btn + button, + [type=button] + button, + [type=submit] + button, + button + button { + margin-left: 0.5666666667rem; + } +} +.btn:disabled, [type=button]:disabled, +[type=submit]:disabled, +button:disabled { + background-color: var(--light); + border-color: var(--light); + color: var(--gray); + cursor: not-allowed; +} + +[type=button], +[type=submit], +button { + -webkit-appearance: none; + -moz-appearance: none; +} + +::-webkit-search-cancel-button { + -webkit-appearance: none; +} + +fieldset { + border: 1px solid var(--light); + margin: calc(1.7rem + 1vw) 0 0; + padding: 1.7rem; +} +fieldset > legend { + margin-left: -1rem; + padding: 0 1rem; +} + +legend { + font-variation-settings: "wght" 500; + padding: 0; +} + +label { + font-variation-settings: "wght" 500; + margin: 0 1.1333333333rem 0.85rem 0; +} + +[type=text], +[type=url], +[type=tel], +[type=number], +[type=email], +[type=search], +textarea, +select { + background-color: var(--page-bg); + border: none; + border: 1px solid var(--light); + color: var(--text-color); + font-size: 1rem; + outline: none; + padding: 0.34rem 0.85rem; + vertical-align: middle; + width: 100%; + -webkit-appearance: none; + -moz-appearance: none; +} +@media all and (min-width: 37.5em) { + [type=text], + [type=url], + [type=tel], + [type=number], + [type=email], + [type=search], + textarea, + select { + width: auto; + } +} +[type=text]:focus, +[type=url]:focus, +[type=tel]:focus, +[type=number]:focus, +[type=email]:focus, +[type=search]:focus, +textarea:focus, +select:focus { + border-color: var(--dark); +} + +input[type=checkbox], +input[type=radio] { + opacity: 0; + position: absolute; +} +input[type=checkbox] + label, +input[type=radio] + label { + position: relative; + margin-left: -1px; + cursor: pointer; + padding: 0; +} +input[type=checkbox] + label:before, +input[type=radio] + label:before { + background-color: var(--white); + border: 1px solid var(--light); + border-radius: 2px; + content: ""; + display: inline-block; + height: 1.4166666667rem; + line-height: 1.4166666667rem; + margin-right: 1.1333333333rem; + vertical-align: middle; + text-align: center; + width: 1.4166666667rem; +} +input[type=checkbox]:checked + label:before, +input[type=radio]:checked + label:before { + content: ""; + background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8'%3e%3cpolygon points='9.53 0 4.4 5.09 1.47 2.18 0 3.64 2.93 6.54 4.4 8 5.87 6.54 11 1.46 9.53 0' fill='%23d73a42'/%3e%3c/svg%3e"); + background-repeat: no-repeat; + background-size: 11px 8px; + background-position: 50% 50%; +} + +input[type=radio] + label:before { + border-radius: 50%; +} +input[type=radio]:checked + label:before { + background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3ccircle cx='4' cy='4' r='4' fill='%23d73a42'/%3e%3c/svg%3e"); +} + +[type=file] { + margin-bottom: 1.7rem; + width: 100%; +} + +select { + max-width: 100%; + width: auto; + position: relative; +} +select:not([multiple]) { + background: url('data:image/svg+xml;utf8,') no-repeat 90% 50%; + background-size: 8px; + padding-right: 3.4rem; +} + +select[multiple] { + border: 1px solid var(--light); + padding: 1.7rem; + width: 100%; +} +select[multiple]:hover { + border-color: var(--light); +} +select[multiple]:focus { + border-color: var(--dark); +} +select[multiple]:disabled { + background-color: var(--light); + cursor: not-allowed; +} +select[multiple]:disabled:hover { + border-color: var(--light); +} + +textarea { + display: block; + overflow: auto; + resize: vertical; + max-width: 100%; +} + +.top { + align-items: center; + display: flex; + height: var(--navbar-height); + position: absolute; + padding: 0 var(--page-margin); + -webkit-transition: background 0.5s ease; + transition: background 0.5s ease; + width: 100%; + z-index: 2; +} +@media all and (min-width: 56.25em) { + .top { + justify-content: space-between; + height: var(--navbar-height); + } +} +.top.is-visible { + background: var(--section-bg); + -webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06); + box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.06); + opacity: 1; + position: fixed; + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + -webkit-transition: height 0.3s, background 0.3s, opacity 0.24s, -webkit-transform 0.24s; + transition: height 0.3s, background 0.3s, opacity 0.24s, -webkit-transform 0.24s; + transition: transform 0.24s, height 0.3s, background 0.3s, opacity 0.24s; + transition: transform 0.24s, height 0.3s, background 0.3s, opacity 0.24s, -webkit-transform 0.24s; + width: 100%; +} +@media all and (min-width: 56.25em) { + .top.is-hidden { + opacity: 0; + -webkit-transform: translate(0, -86px); + transform: translate(0, -86px); + -webkit-transition: background 0.3s, color 0.3s, opacity 0.24s, -webkit-transform 0.24s; + transition: background 0.3s, color 0.3s, opacity 0.24s, -webkit-transform 0.24s; + transition: transform 0.24s, background 0.3s, color 0.3s, opacity 0.24s; + transition: transform 0.24s, background 0.3s, color 0.3s, opacity 0.24s, -webkit-transform 0.24s; + } +} + +.logo { + color: var(--logo-color) !important; + font-size: 1.2136296308rem; + font-family: var(--logo-font); + font-variation-settings: "wght" var(--font-weight-normal); + margin-right: auto; +} +.logo > img { + height: var(--navbar-height); + -o-object-fit: contain; + object-fit: contain; + padding: 0.5666666667rem 0; + width: auto; +} + +.search { + order: 2; +} +@media all and (min-width: 56.25em) { + .search { + order: 3; + } +} +.search__btn { + border: none !important; + background: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + margin: 0; + padding: 0.5666666667rem; + width: auto; +} +@media all and (min-width: 56.25em) { + .search__btn { + margin-left: 1rem; + padding-right: 0; + } +} +.search__btn:hover, .search__btn:focus { + -webkit-transform: translateY(0); + transform: translateY(0); +} +.search__btn:hover > svg, .search__btn:focus > svg { + fill: rgba(255, 255, 255, 0.7); +} +.search__btn > svg { + display: block; + fill: var(--white); + height: 15px; + -webkit-transition: all 0.24s ease; + transition: all 0.24s ease; + width: 15px; +} +.search__form { + flex-basis: 90%; +} +.search__input { + background: none; + border: none !important; + color: var(--white); + display: none; + font-family: var(--heading-font); + margin: 0 !important; + opacity: 0; + padding: 0; + width: 100%; + font-size: clamp(1.2136296308rem, 1.2136296308rem + 0.3574603758 * ((100vw - 20rem) / 50), 1.5710900065rem); +} +.search__close { + background: none !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + border: none; + color: transparent; + cursor: pointer; + margin: 0 !important; + opacity: 0; + padding: 0; + height: 1.6rem; + width: 1.6rem; + position: relative; + text-indent: -999rem; +} +.search__close:before, .search__close:after { + background-color: var(--white); + content: ""; + left: 1rem; + height: 1.6rem; + opacity: 1; + position: absolute; + width: 1px; + top: 0; + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transition: all 0.14s ease-out; + transition: all 0.14s ease-out; +} +.search__close:after { + -webkit-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.search__close:hover { + -webkit-transform: translateY(0); + transform: translateY(0); +} +.search__close:hover:before, .search__close:hover:after { + background-color: rgba(255, 255, 255, 0.7); +} +.search__overlay { + background-color: var(--section-bg); + -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); + box-shadow: 0 3px 3px rgba(0, 0, 0, 0.05); + left: 0; + opacity: 0; + position: fixed; + -webkit-transition: all 0.24s ease-out; + transition: all 0.24s ease-out; + top: 0; + visibility: hidden; + width: 100%; + z-index: 2005; +} +.search__overlay-inner { + align-items: center; + display: flex; + height: 4.4rem; + justify-content: space-between; + padding: 0 var(--page-margin); +} +@media all and (min-width: 56.25em) { + .search__overlay-inner { + height: 6rem; + } +} +.search__overlay.expanded { + -webkit-transform: translate(0, 0); + transform: translate(0, 0); + opacity: 1; + display: block; + visibility: visible; +} +.search__overlay.expanded .search__input { + -webkit-animation: slideininput 0.24s 0.12s forwards; + animation: slideininput 0.24s 0.12s forwards; + display: block; +} +@-webkit-keyframes slideininput { + 60% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes slideininput { + 60% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +.search__overlay.expanded .search__close { + -webkit-animation: slideinclose 0.24s 0.12s forwards; + animation: slideinclose 0.24s 0.12s forwards; +} +@-webkit-keyframes slideinclose { + 60% { + opacity: 0; + } + 100% { + opacity: 1; + } +} +@keyframes slideinclose { + 60% { + opacity: 0; + } + 100% { + opacity: 1; + } +} + +.navbar { + order: 3; +} +.navbar .navbar__menu { + display: flex; + flex-wrap: wrap; + list-style: none; + margin: 0; + padding: 0; +} +@media all and (max-width: 56.1875em) { + .navbar .navbar__menu { + display: none; + } +} +.navbar .navbar__menu li { + font-family: var(--menu-font); + display: block; + font-size: 0.7724761953rem; + line-height: var(--line-height); + font-variation-settings: "wght" 500; + padding: 0; + position: relative; + text-transform: uppercase; + width: auto; +} +.navbar .navbar__menu li a, +.navbar .navbar__menu li span[aria-haspopup=true] { + color: var(--nav-link-color); + display: block; + padding: 0 0.5666666667rem; + -webkit-transition: all 0.24s ease-out; + transition: all 0.24s ease-out; +} +.navbar .navbar__menu li a:active, .navbar .navbar__menu li a:focus, .navbar .navbar__menu li a:hover, +.navbar .navbar__menu li span[aria-haspopup=true]:active, +.navbar .navbar__menu li span[aria-haspopup=true]:focus, +.navbar .navbar__menu li span[aria-haspopup=true]:hover { + color: var(--nav-link-color-hover); +} +.navbar .navbar__menu li span { + color: var(--nav-link-color); + cursor: default; + display: block; + padding: 0 0.5666666667rem; +} +.navbar .navbar__menu > li:hover > a, .navbar .navbar__menu > li:hover > span[aria-haspopup=true] { + color: var(--nav-link-color-hover); +} +.navbar .has-submenu:active > .navbar__submenu, +.navbar .has-submenu:focus > .navbar__submenu, +.navbar .has-submenu:hover > .navbar__submenu { + left: 0; + opacity: 1; + -webkit-transform: scale(1); + transform: scale(1); + visibility: visible; + margin-top: 0.85rem; +} +.navbar .has-submenu:active > .navbar__submenu:before, +.navbar .has-submenu:focus > .navbar__submenu:before, +.navbar .has-submenu:hover > .navbar__submenu:before { + content: ""; + height: 0.85rem; + position: absolute; + width: 100%; + top: -0.85rem; +} +.navbar .has-submenu:active > .navbar__submenu.is-right-submenu, +.navbar .has-submenu:focus > .navbar__submenu.is-right-submenu, +.navbar .has-submenu:hover > .navbar__submenu.is-right-submenu { + left: auto; + right: 0; + -webkit-transform-origin: right top; + transform-origin: right top; +} +.navbar .has-submenu .has-submenu:active > .navbar__submenu, +.navbar .has-submenu .has-submenu:focus > .navbar__submenu, +.navbar .has-submenu .has-submenu:hover > .navbar__submenu { + top: 0; + margin-top: 0; +} +.navbar .has-submenu .has-submenu:active > .navbar__submenu.is-right-submenu, +.navbar .has-submenu .has-submenu:focus > .navbar__submenu.is-right-submenu, +.navbar .has-submenu .has-submenu:hover > .navbar__submenu.is-right-submenu { + top: 0; + margin-top: 0; +} +.navbar .navbar__submenu { + background: var(--section-bg); + -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25); + box-shadow: 0 5px 5px rgba(0, 0, 0, 0.25); + border-radius: var(--border-radius); + left: -9999px; + list-style-type: none; + margin: 0; + padding: 10px 0; + position: absolute; + visibility: hidden; + white-space: nowrap; + z-index: 1; + opacity: 0; + -webkit-transform: scale(0.8); + transform: scale(0.8); + -webkit-transform-origin: 0 top; + transform-origin: 0 top; + -webkit-transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0.275, 1.375, 0.8, 1); + transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0.275, 1.375, 0.8, 1); + transition: opacity 0.15s, transform 0.3s cubic-bezier(0.275, 1.375, 0.8, 1); + transition: opacity 0.15s, transform 0.3s cubic-bezier(0.275, 1.375, 0.8, 1), -webkit-transform 0.3s cubic-bezier(0.275, 1.375, 0.8, 1); +} +.navbar .navbar__submenu__submenu { + z-index: 2; +} +.navbar .navbar__submenu li { + line-height: 1.5; + font-size: 0.7241964329rem; +} +.navbar .navbar__submenu li a, +.navbar .navbar__submenu li span[aria-haspopup=true] { + color: var(--nav-link-color-hover) !important; + padding: 0.5666666667rem 1.4166666667rem; + -webkit-transition: all 0.24s ease; + transition: all 0.24s ease; +} +.navbar .navbar__submenu li a:active, .navbar .navbar__submenu li a:focus, .navbar .navbar__submenu li a:hover, +.navbar .navbar__submenu li span[aria-haspopup=true]:active, +.navbar .navbar__submenu li span[aria-haspopup=true]:focus, +.navbar .navbar__submenu li span[aria-haspopup=true]:hover { + background: rgba(var(--white-rgb), 0.05); + color: var(--nav-link-color) !important; +} +.navbar .navbar__submenu li span { + color: var(--nav-link-color-hover) !important; + padding: 0.5666666667rem 1.4166666667rem; +} +.navbar .navbar__submenu li:hover > a, .navbar .navbar__submenu li:hover > span[aria-haspopup=true] { + color: var(--nav-link-color) !important; +} +.navbar .navbar__toggle { + background: var(--section-bg); + -webkit-box-shadow: none; + box-shadow: none; + border: none; + border-radius: 3px; + cursor: pointer; + display: block; + line-height: 1; + margin: 0; + overflow: visible; + padding: 1rem; + position: relative; + right: -1rem; + text-transform: none; + z-index: 2004; +} +@media all and (min-width: 56.25em) { + .navbar .navbar__toggle { + display: none; + } +} +.navbar .navbar__toggle:hover, .navbar .navbar__toggle:focus { + -webkit-box-shadow: none; + box-shadow: none; + outline: none; + -webkit-transform: none; + transform: none; +} +.navbar .navbar__toggle-box { + width: 24px; + height: 14px; + display: inline-block; + position: relative; +} +.navbar .navbar__toggle-inner { + display: block; + top: 50%; + text-indent: -9999999em; +} +.navbar .navbar__toggle-inner::before { + content: ""; + display: block; + top: -6px; +} +.navbar .navbar__toggle-inner::after { + content: ""; + display: block; + bottom: -6px; +} +.navbar .navbar__toggle-inner, .navbar .navbar__toggle-inner::before, .navbar .navbar__toggle-inner::after { + width: 22px; + height: 2px; + background-color: var(--white); + position: absolute; + -webkit-transition: opacity 0.14s ease-out, -webkit-transform; + transition: opacity 0.14s ease-out, -webkit-transform; + transition: transform, opacity 0.14s ease-out; + transition: transform, opacity 0.14s ease-out, -webkit-transform; +} +.navbar .navbar__toggle-inner { + -webkit-transition-duration: 0.075s; + transition-duration: 0.075s; + -webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); + transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); +} +.navbar .navbar__toggle-inner::before { + -webkit-transition: top 0.075s ease 0.12s, opacity 0.075s ease; + transition: top 0.075s ease 0.12s, opacity 0.075s ease; +} +.navbar .navbar__toggle-inner::after { + -webkit-transition: bottom 0.075s ease 0.12s, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); + transition: bottom 0.075s ease 0.12s, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); + transition: bottom 0.075s ease 0.12s, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); + transition: bottom 0.075s ease 0.12s, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); +} +.navbar .navbar__toggle.is-active .navbar__toggle-inner { + -webkit-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-transition-delay: 0.12s; + transition-delay: 0.12s; + -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); + transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); +} +.navbar .navbar__toggle.is-active .navbar__toggle-inner::before { + top: 0; + opacity: 0; + -webkit-transition: top 0.075s ease, opacity 0.075s ease 0.12s; + transition: top 0.075s ease, opacity 0.075s ease 0.12s; +} +.navbar .navbar__toggle.is-active .navbar__toggle-inner::after { + bottom: 0; + -webkit-transform: rotate(-90deg); + transform: rotate(-90deg); + -webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; + transition: bottom 0.075s ease, -webkit-transform 0.075s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; + transition: bottom 0.075s ease, transform 0.075s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; + transition: bottom 0.075s ease, transform 0.075s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s, -webkit-transform 0.075s cubic-bezier(0.215, 0.61, 0.355, 1) 0.12s; +} + +.navbar_mobile_overlay { + background: var(--page-bg); + height: calc(100vh - 4.4rem); + left: 0; + opacity: 1; + overflow: auto; + pointer-events: auto; + position: fixed; + top: 4.4rem; + -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.3, 1); + transition: all 0.3s cubic-bezier(0, 0, 0.3, 1); + width: 100%; + z-index: 1001; +} +.navbar_mobile_overlay.is-hidden { + opacity: 0; + pointer-events: none; +} +.navbar_mobile_overlay .navbar__menu { + margin: 24px; +} +.navbar_mobile_overlay .navbar__menu li { + list-style: none; + margin: 0; + padding: 0; + text-align: center; +} +.navbar_mobile_overlay .navbar__menu li a, +.navbar_mobile_overlay .navbar__menu li span { + color: var(--dark); + display: block; + padding: 0.5666666667rem; + position: relative; +} +.navbar_mobile_overlay .navbar__menu li a:active, .navbar_mobile_overlay .navbar__menu li a:focus, .navbar_mobile_overlay .navbar__menu li a:hover, +.navbar_mobile_overlay .navbar__menu li span:active, +.navbar_mobile_overlay .navbar__menu li span:focus, +.navbar_mobile_overlay .navbar__menu li span:hover { + color: var(--dark); +} +.navbar_mobile_overlay .navbar__menu li a[aria-haspopup=true]::after, +.navbar_mobile_overlay .navbar__menu li span[aria-haspopup=true]::after { + content: ""; + width: 0; + height: 0; + border-style: solid; + border-width: 5px 5px 0 5px; + border-color: currentColor transparent transparent transparent; + left: 0.5666666667rem; + top: 15px; + position: relative; +} +.navbar_mobile_overlay .navbar__submenu { + margin: 0; + padding: 0; + visibility: hidden; +} +.navbar_mobile_overlay .navbar__submenu[aria-hidden=false] { + visibility: visible; +} +.navbar_mobile_overlay .navbar__submenu_wrapper { + height: 0; + opacity: 0; + overflow: hidden; + -webkit-transition: all 0.3s cubic-bezier(0.275, 1.375, 0.8, 1); + transition: all 0.3s cubic-bezier(0.275, 1.375, 0.8, 1); +} +.navbar_mobile_overlay .navbar__submenu_wrapper.is-active { + height: auto; + opacity: 1; +} + +.navbar_mobile_sidebar { + background: var(--page-bg); + -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); + box-shadow: 0 0 5px rgba(0, 0, 0, 0.25); + height: 100vh; + left: 0; + max-width: 400px; + overflow: auto; + position: fixed; + top: 0; + -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.3, 1); + transition: all 0.3s cubic-bezier(0, 0, 0.3, 1); + width: 80%; + z-index: 1001; +} +.navbar_mobile_sidebar.is-hidden { + left: -400px; +} +.navbar_mobile_sidebar .navbar__menu { + margin: 24px; +} +.navbar_mobile_sidebar .navbar__menu li { + font-family: var(--menu-font); + font-size: 16px; + list-style: none; + line-height: 1.3; + margin: 0; + padding: 0; +} +.navbar_mobile_sidebar .navbar__menu li a, +.navbar_mobile_sidebar .navbar__menu li .is-separator { + color: var(--dark); + display: block; + padding: 10px 20px 10px 0; + position: relative; +} +.navbar_mobile_sidebar .navbar__menu li a:active, .navbar_mobile_sidebar .navbar__menu li a:focus, .navbar_mobile_sidebar .navbar__menu li a:hover, +.navbar_mobile_sidebar .navbar__menu li .is-separator:active, +.navbar_mobile_sidebar .navbar__menu li .is-separator:focus, +.navbar_mobile_sidebar .navbar__menu li .is-separator:hover { + color: var(--dark); +} +.navbar_mobile_sidebar .navbar__menu li a[aria-haspopup=true]::after, +.navbar_mobile_sidebar .navbar__menu li .is-separator[aria-haspopup=true]::after { + content: ""; + width: 0; + height: 0; + border-style: solid; + border-width: 5px 5px 0 5px; + border-color: currentColor transparent transparent transparent; + right: 0; + top: 18px; + position: absolute; +} +.navbar_mobile_sidebar .navbar__submenu { + margin: 0 0 0 24px; + padding: 0; + visibility: hidden; +} +.navbar_mobile_sidebar .navbar__submenu[aria-hidden=false] { + visibility: visible; +} +.navbar_mobile_sidebar .navbar__submenu_wrapper { + height: 0; + opacity: 0; + overflow: hidden; + -webkit-transition: all 0.3s cubic-bezier(0.275, 1.375, 0.8, 1); + transition: all 0.3s cubic-bezier(0.275, 1.375, 0.8, 1); +} +.navbar_mobile_sidebar .navbar__submenu_wrapper.is-active { + height: auto; + opacity: 1; +} +.navbar_mobile_sidebar__overlay { + background: rgba(0, 0, 0, 0.5); + height: 100%; + opacity: 1; + pointer-events: auto; + position: fixed; + top: 0; + -webkit-transition: all 0.3s cubic-bezier(0, 0, 0.3, 1); + transition: all 0.3s cubic-bezier(0, 0, 0.3, 1); + width: 100%; + z-index: 10; +} +.navbar_mobile_sidebar__overlay.is-hidden { + opacity: 0; + pointer-events: none; +} + +.site-container { + background: var(--page-bg); + max-width: 100%; + overflow: hidden; +} + +.wrapper { + -webkit-box-sizing: content-box; + box-sizing: content-box; + max-width: var(--entry-width); + margin: 0 auto; + padding: 0 var(--page-margin); +} + +.readmore { + display: inline-block; + color: var(--gray); + font-size: 0.8239746086rem; + font-style: italic; + text-decoration: underline; + -webkit-text-decoration-skip: ink; + text-decoration-skip-ink: auto; +} + +.hero { + background: var(--hero-bg); + height: var(--hero-height); + position: relative; + top: 0; + z-index: 1; +} +.hero__content { + bottom: 10%; + color: var(--hero-text-color); + left: 50%; + position: absolute; + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); + width: 100%; + z-index: 2; +} +.hero__content h1 { + color: var(--hero-heading-color); +} +.hero__content h1 > sup { + font-size: 1.066666667rem; + vertical-align: top; +} +.hero__content h1 + p { + margin-top: calc(0.2833333333rem + 0.25vw); +} +.hero__content a { + color: var(--hero-link-color); + -webkit-transition: all 0.24s ease-out; + transition: all 0.24s ease-out; +} +.hero__content a:hover { + color: var(--hero-link-color-hover); +} +.hero__content a:active { + color: var(--hero-link-color); +} +.hero__content a:focus { + outline: none; +} +.hero__image { + height: 100%; + margin: 0; + position: absolute; + width: 100%; +} +.hero__image--overlay::after { + background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.64))); + background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.64) 100%); + content: ""; + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; +} +.hero__image > img { + display: block; + height: inherit; + -o-object-fit: cover; + object-fit: cover; + width: inherit; +} +.hero__image > figcaption { + background: var(--page-bg); + border-radius: calc(4 * var(--border-radius)); + bottom: 1rem; + color: var(--text-color); + display: block; + padding: 0 0.34rem; + position: absolute; + text-align: right; + right: var(--page-margin); + z-index: 3; +} + +.feed__item { + margin-top: calc(2.55rem + 1.5vw); + padding-bottom: calc(0.5666666667rem + 1vw); +} +.feed__image { + -webkit-box-sizing: content-box; + box-sizing: content-box; + margin: calc(1.7rem + 1vw) auto; + max-width: calc(var(--entry-width) + 20%); + padding: 0 6vw; +} +.feed__image > img { + display: inline-block; + height: auto; + width: 100%; +} +.feed__meta { + align-items: center; + color: var(--gray); + display: flex; + font-size: 0.8239746086rem; + margin-bottom: calc(-1.1333333333rem - 1vw); +} +.feed__author { + font-family: var(--menu-font); + font-variation-settings: "wght" var(--font-weight-bold); + text-decoration: none; +} +.feed__date { + color: var(--gray); + font-style: italic; +} +.feed__author + .feed__date { + margin-left: 0.85rem; +} +.feed__author + .feed__date::before { + content: ""; + background: var(--light); + display: inline-block; + height: 1px; + margin-right: 4px; + width: 1rem; + vertical-align: middle; +} +.feed__readmore { + margin-top: calc(1.1333333333rem + 0.25vw); +} +.feed--grid { + display: grid; + grid-template-columns: 100%; + grid-gap: calc(1.7rem + 1.5vw); + margin-top: 0; + padding-top: calc(2.55rem + 1.5vw); +} +@media all and (min-width: 37.5em) { + .feed--grid { + grid-template-columns: repeat(2, 1fr); + } +} +.feed--grid h2 { + margin-top: 0; +} +.feed--grid sup { + font-size: 1.066666667rem; + vertical-align: top; +} +.feed--grid-tag-desc > :nth-child(1) { + margin-top: 0; +} + +.post__image { + display: inline-block; +} +.post__image > img { + display: inline-block; +} +.post__image--left { + float: left; + margin-bottom: 1.7rem; + margin-right: 1.7rem; + max-width: 50%; +} +.post__image--right { + float: right; + margin-bottom: 1.7rem; + margin-left: 1.7rem; + max-width: 50%; +} +.post__image--center { + display: block; + margin-left: auto; + margin-right: auto; + text-align: center; +} +.post__image--wide { + display: block; +} +@media all and (min-width: 56.25em) { + .post__image--wide { + margin-left: calc(-1 * var(--page-margin)); + margin-right: calc(-1 * var(--page-margin)); + text-align: center; + } + .post__image--wide a, + .post__image--wide img { + display: block; + height: auto; + width: 100%; + } +} +.post__image--full { + display: block; + margin-left: calc(-50vw + 50%); + margin-right: calc(-50vw + 50%); + text-align: center; +} +.post__image--full a, +.post__image--full img { + display: block; + height: auto; + width: 100%; +} +.post__meta { + color: var(--gray); + font-size: 0.8239746086rem; + font-style: italic; + margin-bottom: calc(-1.4166666667rem - 1vw); +} +.post__meta--author { + border-top: 1px solid var(--hero-border-color); + font-style: normal; + display: inline-block; + margin-top: 1.7rem; + padding-top: 1.4166666667rem; +} +@media all and (min-width: 37.5em) { + .post__meta--author { + margin-top: 2.8333333333rem; + padding-top: 1.7rem; + } +} +.post__author-thumb { + border-radius: 50%; + height: 1.7rem; + margin-right: 0.5666666667rem; + width: 1.7rem; +} +.post__entry { + margin-top: calc(2.55rem + 1.5vw); +} +.post__entry > :nth-child(1) { + margin-top: 0; +} +.post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):not(.post__toc a):not(.gallery__item a) { + color: var(--link-color-hover); + text-decoration: underline; + text-decoration-thickness: 1px; + text-underline-offset: 0.2em; + -webkit-text-decoration-skip: ink; + text-decoration-skip-ink: auto; +} +.post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):not(.post__toc a):not(.gallery__item a):hover, .post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):not(.post__toc a):not(.gallery__item a):active, .post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):not(.post__toc a):not(.gallery__item a):focus { + color: var(--link-color); +} +.post__avatar-thumbs { + border-radius: 50%; + height: 4.5333333333rem; + width: 4.5333333333rem; +} +.post__last-updated { + color: var(--gray); + font-size: 0.7724761953rem; + font-style: italic; + margin-top: 2.2666666667rem; +} +.post__last-updated + .post__tag { + margin: 1.1333333333rem 0 0; +} +.post__tag { + margin: 2.2666666667rem 0 0; + font-family: var(--menu-font); + font-size: 0.8239746086rem; +} +.post__tag > li { + display: inline-block; + margin-right: 0.2833333333rem; + padding: 0; +} +.post__tag > li > a { + background: var(--lighter); + border-radius: calc(4 * var(--border-radius)); + color: var(--dark); + font-size: 0.7241964329rem; + font-variation-settings: "wght" var(--font-weight-normal); + padding: 0.425rem 0.85rem; +} +.post__tag > li > a:hover { + background: var(--light); +} +.post__share { + display: flex; + flex-wrap: wrap; + margin: calc(2.8333333333rem + 1vw) -0.2833333333rem 0; +} +.post__share > a { + border-radius: calc(4 * var(--border-radius)); + flex: 1 1 auto; + margin: 0.2833333333rem; + line-height: 0; + padding: 0.7083333333rem 1.1333333333rem; + -webkit-transition: all 0.24s ease-out; + transition: all 0.24s ease-out; + text-align: center; +} +.post__share > a:hover { + -webkit-transform: translate3d(0, -2px, 0); + transform: translate3d(0, -2px, 0); +} +.post__share > a span { + color: var(--white); + font-family: var(--menu-font); + font-size: 0.5967194723rem; + font-variation-settings: "wght" var(--font-weight-bold); + margin-left: 0.2833333333rem; + text-transform: uppercase; +} +.post__share > a svg { + fill: var(--white); + height: 18px; + pointer-events: none; + width: 18px; + vertical-align: middle; +} +.post__bio { + align-items: center; + display: flex; + margin: calc(3.4rem + 1vw) 0 calc(3.4rem + 2vw); +} +@media all and (min-width: 37.5em) { + .post__bio::before { + content: ""; + border-top: 1px solid var(--light); + height: 1px; + margin-right: 2rem; + width: 20%; + } +} +.bio__avatar { + border-radius: 50%; + flex-shrink: 0; + height: 3rem; + margin-right: 1.2rem; + width: 3rem; +} +@media all and (min-width: 37.5em) { + .bio__avatar { + height: 4rem; + margin-right: 2rem; + width: 4rem; + } +} +.bio__name { + font-family: var(--menu-font); + font-size: 1rem; + font-variation-settings: "wght" var(--font-weight-bold); + margin: 0; +} +.bio__desc { + font-family: var(--body-font); + font-size: 0.8239746086rem; + line-height: 1.5; +} +@media all and (min-width: 37.5em) { + .bio__desc { + width: 80%; + } +} +.bio__desc > :nth-child(1) { + margin-top: 0.5666666667rem; +} +.bio__desc a { + text-decoration: underline; + text-decoration-thickness: 1px; + text-underline-offset: 0.2em; + -webkit-text-decoration-skip: ink; + text-decoration-skip-ink: auto; +} +.bio__desc a { + color: var(--link-color-hover); + -webkit-transition: all 0.24s ease-out; + transition: all 0.24s ease-out; +} +.bio__desc a:hover { + color: var(--link-color); +} +.bio__desc a:active { + color: var(--link-color); +} +.bio__desc a:focus { + outline: none; +} + +.post__nav { + border-top: 1px solid var(--light); + margin-top: calc(2.55rem + 1vw); + padding: 2.55rem var(--page-margin) 2.8333333333rem; + position: relative; +} +@media all and (min-width: 37.5em) { + .post__nav-inner { + display: flex; + justify-content: space-between; + } +} +@media all and (min-width: 37.5em) { + .post__nav-prev, .post__nav-next { + align-items: center; + display: flex; + } +} +.post__nav-prev svg, .post__nav-next svg { + fill: var(--gray); +} +@media all and (max-width: 37.4375em) { + .post__nav-prev svg, .post__nav-next svg { + display: none; + } +} +@media all and (min-width: 37.5em) { + .post__nav-next { + margin-left: auto; + text-align: right; + } +} +@media all and (max-width: 37.4375em) { + .post__nav-prev + .post__nav-next { + margin-top: 1.1333333333rem; + } +} +@media all and (min-width: 37.5em) { + .post__nav-prev + .post__nav-next { + margin-left: 1.7rem; + } +} +.post__nav-link { + font-family: var(--body-font); + font-size: 0.8239746086rem; + font-style: italic; + line-height: 1.5; +} +@media all and (min-width: 37.5em) { + .post__nav-link[rel=prev] { + padding-left: 0.85rem; + } +} +@media all and (min-width: 37.5em) { + .post__nav-link[rel=next] { + padding-right: 0.85rem; + } +} +.post__nav-link > span { + color: var(--gray); + display: block; + font-size: 0.7724761953rem; + font-family: var(--menu-font); + font-style: normal; +} +.post__nav + .post__related { + margin-top: 0; +} +.post__nav + .post__comments { + border-top: 1px solid var(--light); + margin-top: 0; +} +.post__related { + background: var(--lighter); + margin-top: calc(2.55rem + 1vw); + margin-bottom: calc(-2.55rem - 1vw); + padding: calc(0.85rem + 1vw) 0 calc(3.4rem + 3vw); +} +.related__item { + margin-top: calc(3.4rem + 1vw); +} +.related__item::before { + content: ""; + border-top: 1px solid var(--light); + display: block; + height: 1px; + margin-bottom: 2rem; + width: 20%; +} + +.post__related + .post__comments { + border-top: none; +} +.post + .post__comments { + margin-top: 0; +} +.post + .post__comments .h5 { + margin-top: 0; +} +.post__comments { + margin-top: calc(2.55rem + 1vw); + overflow: hidden; +} +.post__video, .post__iframe { + display: block; + margin-top: calc(1.7rem + 0.5vw); + margin-bottom: calc(1.7rem + 0.5vw); + overflow: hidden; + padding: 0; + position: relative; + width: 100%; +} +.post__video::before, .post__iframe::before { + display: block; + content: ""; + padding-top: var(--embed-aspect-ratio); +} +.post__video iframe, .post__video video, .post__iframe iframe, .post__iframe video { + border: none; + height: 100%; + left: 0; + position: absolute; + top: 0; + bottom: 0; + width: 100%; +} +.post__toc h3 { + font-size: 1rem; + margin: 0; +} +.post__toc ul { + counter-reset: item; + list-style: decimal; + margin: calc(0.5666666667rem + 0.25vw) 0 0 2ch; +} +.post__toc ul li { + counter-increment: item; + padding: 0; +} +.post__toc ul ul { + margin-top: 0; +} +.post__toc ul ul li { + display: block; +} +.post__toc ul ul li:before { + content: counters(item, ".") ". "; + margin-left: -2ch; +} + +.banner { + text-align: center; +} +.banner--after-post { + margin-top: calc(2.55rem + 1vw); +} + +.page__desc > :nth-child(1) { + margin-top: calc(0.2833333333rem + 0.25vw); +} +.page__desc a { + text-decoration: underline; + text-decoration-thickness: 1px; + text-underline-offset: 0.2em; + -webkit-text-decoration-skip: ink; + text-decoration-skip-ink: auto; +} +.page--author__avatar { + border-radius: 50%; + height: 3rem; + margin-bottom: calc(-1.4166666667rem - 1vw); + width: 3rem; +} +@media all and (min-width: 37.5em) { + .page--author__avatar { + height: 4rem; + width: 4rem; + } +} +.page--author__website { + align-items: center; + display: inline-flex; +} +.page--author__website a { + font-family: var(--menu-font); + font-variation-settings: "wght" var(--font-weight-bold); + margin-left: 0.4rem; + text-decoration: none; +} +.page--search form { + align-items: flex-start; + display: flex; + flex-wrap: wrap; +} +@media all and (max-width: 37.4375em) { + .page--search input { + margin-bottom: 0.5666666667rem; + } +} +@media all and (min-width: 20em) { + .page--search input { + flex: 1 0 auto; + margin-right: 0.5666666667rem; + } +} +@media all and (max-width: 37.4375em) { + .page--search button { + width: 100%; + } +} + +.align-left { + text-align: left; +} + +.align-right { + text-align: right; +} + +.align-center { + text-align: center; +} + +.align-justify { + text-align: justify; +} + +.msg { + border-left: 4px solid; + font-size: 0.9374999997rem; + padding: 1.1333333333rem 1.7rem; + position: relative; +} +.msg--highlight { + background-color: rgba(var(--highlight-color-rgb), 0.4); + border-color: var(--highlight-color); +} +.msg--info { + background-color: rgba(var(--info-color-rgb), 0.4); + border-color: var(--info-color); +} +.msg--success { + background-color: rgba(var(--success-color-rgb), 0.4); + border-color: var(--success-color); +} +.msg--warning { + background-color: rgba(var(--warning-color-rgb), 0.4); + border-color: var(--warning-color); +} + +.ordered-list { + counter-reset: listCounter; +} +.ordered-list li { + counter-increment: listCounter; + list-style: none; + padding-left: 0.2833333333rem; + position: relative; +} +.ordered-list li::before { + color: var(--color); + content: counter(listCounter, decimal-leading-zero) "."; + font-variation-settings: "wght" var(--font-weight-bold); + left: -2rem; + position: absolute; +} + +.dropcap:first-letter { + color: var(--headings-color); + float: left; + font-size: 3.6355864383rem; + line-height: 0.7; + margin-right: 0.5666666667rem; + padding: 0.5666666667rem 0.5666666667rem 0.5666666667rem 0; +} + +.pec-wrapper { + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; +} +.pec-overlay { + align-items: center; + background-color: var(--light); + font-size: 14px; + display: none; + height: inherit; + justify-content: center; + line-height: 1.4; + padding: 1rem; + position: relative; + text-align: center; +} +@media all and (min-width: 37.5em) { + .pec-overlay { + font-size: 16px; + line-height: var(--line-height); + padding: 1rem 2rem; + } +} +.pec-overlay.is-active { + display: flex; +} +.pec-overlay-inner p { + margin: 0 0 1rem; +} + +.facebook { + background: #0866FF; +} + +.twitter { + background: #000000; +} + +.instagram { + background: #000000; +} + +.vimeo { + background: #1ab7ea; +} + +.pinterest { + background: #bd081c; +} + +.youtube { + background: #cd201f; +} + +.linkedin { + background: #007bb6; +} + +.buffer { + background: #333333; +} + +.mix { + background: #fd8235; +} + +.whatsapp { + background: #25D366; +} + +/* Pagination ------------------------ */ +.pagination { + display: flex; + margin-top: calc(3.4rem + 1vw); +} +@media all and (min-width: 56.25em) { + .pagination { + margin-top: calc(5.1rem + 1vw); + } +} +.pagination__item + .pagination__item { + margin-left: 1.1333333333rem; +} +.pagination svg { + fill: var(--gray); +} + +/* Footer ------------------------ */ +.footer { + background: var(--section-bg); + font-family: var(--menu-font); + overflow: hidden; + padding: calc(3.4rem + 1vw) var(--page-margin); + margin: calc(2.55rem + 1vw) 0 0; + text-align: center; +} +.footer__social svg { + fill: var(--white); + height: 0.9374999997rem; + margin: 0 0.85rem; + opacity: 0.6; + -webkit-transition: all 0.12s linear 0s; + transition: all 0.12s linear 0s; + width: 0.9374999997rem; +} +.footer__social svg:hover { + opacity: 1; +} +.footer__copyright { + color: var(--gray); + font-size: 0.6789341556rem; + letter-spacing: 1px; + text-transform: uppercase; + padding: 1.7rem 0; +} +.footer a { + color: var(--white); +} +.footer a:hover { + color: rgba(var(--white-rgb), 0.7); +} +.footer__bttop { + bottom: 1.4166666667rem; + border-radius: 50%; + line-height: 1; + opacity: 0; + padding: 0.51rem; + position: fixed; + right: 2rem; + text-align: center; + width: auto !important; + visibility: hidden; + z-index: 999; +} +@media all and (min-width: 56.25em) { + .footer__bttop { + bottom: 2.8333333333rem; + } +} +.footer__bttop:hover { + opacity: 1; +} +.footer__bttop > svg { + fill: var(--white); + height: 23px; + margin: 0; + width: 23px; +} +.footer__bttop.is-visible { + visibility: visible; + opacity: 1; +} + +.gallery { + margin: calc(1.7rem + 1vw) calc(var(--gallery-gap) * -1); +} +@media all and (min-width: 20em) { + .gallery { + display: flex; + flex-wrap: wrap; + } +} +@media all and (min-width: 56.25em) { + .gallery-wrapper--wide { + margin-left: calc(-1 * var(--page-margin)); + margin-right: calc(-1 * var(--page-margin)); + } + .gallery-wrapper--wide .gallery { + width: calc(100% + var(--gallery-gap) * 2); + } +} +.gallery-wrapper--full { + margin-left: calc(-50vw + 50%); + margin-right: calc(-50vw + 50%); +} +@media all and (min-width: 20em) { + .gallery[data-columns="1"] .gallery__item { + flex: 1 0 100%; + } +} +@media all and (min-width: 30em) { + .gallery[data-columns="2"] .gallery__item { + flex: 1 0 50%; + } +} +@media all and (min-width: 37.5em) { + .gallery[data-columns="3"] .gallery__item { + flex: 1 0 33.333%; + } +} +@media all and (min-width: 56.25em) { + .gallery[data-columns="4"] .gallery__item { + flex: 0 1 25%; + } +} +@media all and (min-width: 56.25em) { + .gallery[data-columns="5"] .gallery__item { + flex: 0 1 20%; + } +} +@media all and (min-width: 56.25em) { + .gallery[data-columns="6"] .gallery__item { + flex: 0 1 16.666%; + } +} +@media all and (min-width: 56.25em) { + .gallery[data-columns="7"] .gallery__item { + flex: 1 0 14.285%; + } +} +@media all and (min-width: 56.25em) { + .gallery[data-columns="8"] .gallery__item { + flex: 1 0 12.5%; + } +} +.gallery__item { + margin: 0; + padding: var(--gallery-gap); + position: relative; +} +@media all and (min-width: 20em) { + .gallery__item { + flex: 1 0 50%; + } +} +@media all and (min-width: 30em) { + .gallery__item { + flex: 1 0 33.333%; + } +} +@media all and (min-width: 37.5em) { + .gallery__item { + flex: 1 0 25%; + } +} +.gallery__item a { + display: block; + height: 100%; + width: 100%; +} +.gallery__item a::after { + background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0))); + background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0) 100%); + bottom: var(--gallery-gap); + content: ""; + display: block; + opacity: 0; + left: var(--gallery-gap); + height: calc(100% - var(--gallery-gap) * 2); + position: absolute; + right: var(--gallery-gap); + top: var(--gallery-gap); + -webkit-transition: all 0.24s ease-out; + transition: all 0.24s ease-out; + width: calc(100% - var(--gallery-gap) * 2); +} +.gallery__item a:hover::after { + opacity: 1; +} +.gallery__item img { + display: block; + height: 100%; + -o-object-fit: cover; + object-fit: cover; + width: 100%; +} +.gallery__item figcaption { + bottom: 1.2rem; + color: var(--white); + left: 50%; + opacity: 0; + position: absolute; + text-align: center; + -webkit-transform: translate(-50%, 1.2rem); + transform: translate(-50%, 1.2rem); + -webkit-transition: all 0.24s ease-out; + transition: all 0.24s ease-out; +} +.gallery__item:hover figcaption { + opacity: 1; + -webkit-transform: translate(-50%, 0); + transform: translate(-50%, 0); +} + +.pswp--dark .pswp__bg { + background: black; +} +.pswp--light .pswp__bg { + background: var(--white); +} +.pswp--light .pswp__counter { + color: var(--text-color); +} +.pswp--light .pswp__caption__center { + color: var(--text-color); +} +.pswp .pswp__button { + -webkit-box-shadow: none; + box-shadow: none; + -webkit-transform: none; + transform: none; +} \ No newline at end of file diff --git a/assets/css/photoswipe.css b/assets/css/photoswipe.css new file mode 100755 index 0000000..d922705 --- /dev/null +++ b/assets/css/photoswipe.css @@ -0,0 +1 @@ +/*! PhotoSwipe main CSS by Dmitry Semenov | photoswipe.com | MIT license */.pswp,.pswp__bg,.pswp__scroll-wrap{height:100%;width:100%}.pswp__container,.pswp__item,.pswp__zoom-wrap{right:0;bottom:0;top:0;position:absolute;left:0}.pswp,.pswp__bg,.pswp__error-msg,.pswp__img,.pswp__item,.pswp__scroll-wrap,.pswp__zoom-wrap{position:absolute}.pswp__bg,.pswp__share-modal{will-change:opacity}.pswp--touch .pswp__button--arrow--left,.pswp--touch .pswp__button--arrow--right,.pswp__caption--fake{visibility:hidden}.pswp,.pswp__bg,.pswp__container,.pswp__img--placeholder,.pswp__share-modal,.pswp__share-tooltip,.pswp__zoom-wrap{-webkit-backface-visibility:hidden}.pswp{display:none;left:0;top:0;overflow:hidden;-ms-touch-action:none;touch-action:none;z-index:1500;-webkit-text-size-adjust:100%;outline:0}.pswp--open,.pswp--supports-fs .pswp__button--fs,.pswp__button{display:block}.pswp *{-webkit-box-sizing:border-box;box-sizing:border-box}.pswp img{max-width:none}.pswp--animate_opacity{opacity:.001;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4, 0, .22, 1);transition:opacity 333ms cubic-bezier(.4, 0, .22, 1)}.pswp--zoom-allowed .pswp__img{cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.pswp--zoomed-in .pswp__img{cursor:-webkit-grab;cursor:-moz-grab;cursor:grab}.pswp--dragging .pswp__img{cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:grabbing}.pswp__bg{left:0;top:0;opacity:0;-webkit-transform:translateZ(0);transform:translateZ(0)}.pswp__scroll-wrap{left:0;top:0;overflow:hidden}.pswp__container,.pswp__zoom-wrap{-ms-touch-action:none;touch-action:none}.pswp__container,.pswp__img{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.pswp__zoom-wrap{width:100%;-webkit-transform-origin:left top;transform-origin:left top;-webkit-transition:-webkit-transform 333ms cubic-bezier(.4, 0, .22, 1);transition:transform 333ms cubic-bezier(.4, 0, .22, 1),-webkit-transform 333ms cubic-bezier(.4, 0, .22, 1)}.pswp__bg{-webkit-transition:opacity 333ms cubic-bezier(.4, 0, .22, 1);transition:opacity 333ms cubic-bezier(.4, 0, .22, 1)}.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap{-webkit-transition:none;transition:none}.pswp__item{overflow:hidden}.pswp__img{width:auto;height:auto;top:0;left:0}.pswp__img--placeholder--blank{background:#222}.pswp--ie .pswp__img{width:100%!important;height:auto!important;left:0;top:0}.pswp__error-msg{left:0;top:50%;width:100%;text-align:center;font-size:14px;line-height:16px;margin-top:-8px;color:#ccc}.pswp__error-msg a{color:#ccc;text-decoration:underline}.pswp__share-tooltip a,.pswp__share-tooltip a:hover{text-decoration:none;color:#000}.pswp__button{width:44px;height:44px;position:relative;background:0 0;background-color:transparent!important;cursor:pointer;overflow:visible;-webkit-appearance:none;border:0;padding:0;margin:0;opacity:.75;-webkit-transition:opacity .2s;transition:opacity .2s;-webkit-box-shadow:none;box-shadow:none}.pswp__button:focus,.pswp__button:hover,.pswp__ui--over-close .pswp__button--close{opacity:1}.pswp__button:active{outline:0;opacity:.9}.pswp__button::-moz-focus-inner{padding:0;border:0}.pswp--svg .pswp__button,.pswp--svg .pswp__button--arrow--left:before,.pswp--svg .pswp__button--arrow--right:before{background-size:264px 88px;width:44px;height:44px}.pswp--svg .pswp__button--arrow--left,.pswp--svg .pswp__button--arrow--right{background:0 0!important}.pswp__button--close{background-position:0 -44px!important}.pswp__button--share{background-position:-44px -44px!important}.pswp__button--fs{display:none}.pswp--fs .pswp__button--fs{background-position:-44px 0!important}.pswp__button--zoom{display:none;background-position:-88px 0!important}.pswp--zoom-allowed .pswp__button--zoom{display:block}.pswp--zoomed-in .pswp__button--zoom{background-position:-132px 0!important}.pswp__button--arrow--left,.pswp__button--arrow--right{background:0 0;width:70px;height:100px;position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%)}.pswp__button--arrow--left{left:1rem}.pswp__caption,.pswp__counter,.pswp__share-modal{left:0;position:absolute}.pswp__button--arrow--right{right:1rem}.pswp__button--arrow--left:before,.pswp__button--arrow--right:before{content:'';top:5px;height:30px;width:32px;position:absolute}.pswp__button--arrow--left:before{left:6px;background-position:-138px -44px}.pswp__button--arrow--right:before{right:-6px;background-position:-94px -44px}.pswp__counter,.pswp__share-modal{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.pswp__share-modal{display:block;background:rgba(0,0,0,.5);width:100%;height:100%;top:0;padding:10px;z-index:1600;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out}.pswp__share-modal--hidden{display:none}.pswp__share-tooltip{z-index:1620;position:absolute;background:#fff;top:56px;border-radius:2px;display:block;width:auto;right:3rem;-webkit-box-shadow:0 2px 5px rgba(0,0,0,.25);box-shadow:0 2px 5px rgba(0,0,0,.25);-webkit-transform:translateY(6px);transform:translateY(6px);-webkit-transition:-webkit-transform .25s;transition:transform .25s;transition:transform .25s,-webkit-transform .25s;will-change:transform}.pswp__caption--empty,.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter{display:none}.pswp__share-tooltip a{display:block;padding:8px 12px;font-size:14px;line-height:18px}.pswp__share-tooltip a:first-child{border-radius:2px 2px 0 0}.pswp__share-tooltip a:last-child{border-radius:0 0 2px 2px}.pswp__share-modal--fade-in{opacity:1}.pswp__share-modal--fade-in .pswp__share-tooltip{-webkit-transform:translateY(0);transform:translateY(0)}.pswp--touch .pswp__share-tooltip a{padding:16px 12px}a.pswp__share--facebook:before{content:'';display:block;width:0;height:0;position:absolute;top:-12px;right:15px;border:6px solid transparent;border-bottom-color:#fff;-webkit-pointer-events:none;-moz-pointer-events:none;pointer-events:none}a.pswp__share--facebook:hover{background:#3e5c9a;color:#fff}a.pswp__share--facebook:hover:before{border-bottom-color:#3e5c9a}a.pswp__share--twitter:hover{background:#55acee;color:#fff}a.pswp__share--pinterest:hover{background:#ccc;color:#ce272d}a.pswp__share--download:hover{background:#ddd}.pswp__counter{top:0;height:3rem;font-size:13px;line-height:3rem;color:#fff;opacity:.75;padding:0 1rem}.pswp__caption{bottom:2rem;width:100%;min-height:3rem}.pswp__caption small{font-size:11px;color:#bbb}.pswp__caption__center{text-align:center;max-width:calc(38rem + 8%);margin:0 auto;font-size:13px;padding:1rem 4%;line-height:20px;color:#ccc}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__ui{visibility:visible}.pswp__preloader{width:44px;height:44px;position:absolute;top:0;left:50%;margin-left:-22px;opacity:0;-webkit-transition:opacity .25s ease-out;transition:opacity .25s ease-out;will-change:opacity;direction:ltr}.pswp--css_animation .pswp__preloader--active,.pswp__preloader--active,.pswp__ui{opacity:1}.pswp__preloader__icn{width:20px;height:20px;margin:12px}.pswp__preloader--active .pswp__preloader__icn{background:url(../images/preloader.gif) no-repeat}.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn{-webkit-animation:.5s linear infinite clockwise;animation:.5s linear infinite clockwise}.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut{-webkit-animation:1s cubic-bezier(.4,0,.22,1) infinite donut-rotate;animation:1s cubic-bezier(.4,0,.22,1) infinite donut-rotate}.pswp--css_animation .pswp__preloader__icn{background:0 0;opacity:.75;width:14px;height:14px;position:absolute;left:15px;top:15px;margin:0}.pswp--css_animation .pswp__preloader__cut{position:relative;width:7px;height:14px;overflow:hidden}.pswp--css_animation .pswp__preloader__donut{-webkit-box-sizing:border-box;box-sizing:border-box;width:14px;height:14px;border:2px solid #fff;border-radius:50%;border-left-color:transparent;border-bottom-color:transparent;position:absolute;top:0;left:0;background:0 0;margin:0}@media screen and (max-width:1024px){.pswp__preloader{position:relative;left:auto;top:auto;margin:0;float:right}}@-webkit-keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes clockwise{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@-webkit-keyframes donut-rotate{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}@keyframes donut-rotate{0%,100%{-webkit-transform:rotate(0);transform:rotate(0)}50%{-webkit-transform:rotate(-140deg);transform:rotate(-140deg)}}.pswp__ui{-webkit-font-smoothing:auto;z-index:1550}.pswp__top-bar{-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse;position:absolute;padding-right:1rem;left:0;top:0;height:3rem;width:100%}.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__caption,.pswp__top-bar{-webkit-backface-visibility:hidden;will-change:opacity;-webkit-transition:opacity 333ms cubic-bezier(.4, 0, .22, 1);transition:opacity 333ms cubic-bezier(.4, 0, .22, 1)}.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right,.pswp__ui--idle .pswp__top-bar{opacity:0}.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__caption,.pswp__ui--hidden .pswp__top-bar{opacity:.001}.pswp__element--disabled{display:none!important} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100755 index 0000000..c8f8bc5 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1 @@ +:root{--page-margin:6vw;--entry-width:42rem;--navbar-height:4.4rem;--border-radius:6px;--gallery-gap:0.28333rem;--body-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--heading-font:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,"Fira Sans","Droid Sans","Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";--logo-font:var(--body-font);--menu-font:var(--body-font);--font-weight-normal:400;--font-weight-bold:700;--headings-weight:700;--headings-transform:none;--line-height:1.7;--hero-height:80vh;--hero-bg:#17181E;--hero-heading-color:#FFFFFF;--hero-text-color:rgba(255,255,255,0.75);--hero-link-color:#FFFFFF;--hero-link-color-hover:rgba(255,255,255,0.75);--hero-border-color:rgba(255,255,255,0.3);--white:#FFFFFF;--white-rgb:255,255,255;--black:#000000;--dark:#17181E;--gray:#747577;--light:#E6E7EB;--lighter:#F3F3F3;--page-bg:#FFFFFF;--section-bg:#17181E;--color:#D73A42;--color-rgb:215,58,66;--text-color:#17181E;--headings-color:#17181E;--link-color:#17181E;--link-color-hover:#D73A42;--nav-link-color:rgba(255,255,255,1);--nav-link-color-hover:rgba(255,255,255,.7);--logo-color:#FFFFFF;--highlight-color:#F6DC90;--highlight-color-rgb:246,220,144;--info-color:#A8D8FF;--info-color-rgb:168,216,255;--success-color:#A4E4B2;--success-color-rgb:164,228,178;--warning-color:#FFC1BF;--warning-color-rgb:255,193,191}@media all and (min-width:56.25em){:root{--navbar-height:6rem}}@media (prefers-color-scheme:dark){:root{--white:#FFFFFF;--white-rgb:255,255,255;--black:#FFFFFF;--dark:#CECBCB;--gray:#9D9D9D;--light:#373737;--lighter:#1e1e1e;--page-bg:#181818;--section-bg:#1e1e1e;--color:#FFC074;--color-rgb:255,192,116;--text-color:#BFBFBF;--headings-color:#EEEDED;--link-color:#EEEDED;--link-color-hover:#FFC074;--nav-link-color:rgba(255,255,255,1);--nav-link-color-hover:rgba(255,255,255,.7);--logo-color:#FFFFFF;--highlight-color:#F6DC90;--highlight-color-rgb:24,24,24;--info-color:#5B9ED5;--info-color-rgb:24,24,24;--success-color:#54A468;--success-color-rgb:24,24,24;--warning-color:#FB6762;--warning-color-rgb:24,24,24}}*,:after,:before{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}article,aside,footer,header,hgroup,main,nav,section{display:block}li{list-style:none}img{height:auto;max-width:100%;vertical-align:top}button,input,select,textarea{font:inherit}address{font-style:normal}::-moz-selection{background:var(--color);color:var(--white)}::selection{background:var(--color);color:var(--white)}html{font-size:clamp(1.1rem, 1.1rem + .1 * ((100vw - 20rem) / 50), 1.2rem);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}html.no-scroll{overflow:hidden;position:fixed}body{background:var(--page-bg);color:var(--text-color);font-family:var(--body-font);font-variation-settings:"wght" var(--font-weight-normal);line-height:var(--line-height);-ms-scroll-chaining:none;overscroll-behavior:none}a{text-decoration:none}a{color:var(--link-color);-webkit-transition:all .24s ease-out;transition:all .24s ease-out}a:hover{color:var(--link-color-hover)}a:active{color:var(--link-color-hover)}a:focus{outline:0}.invert{color:var(--link-color-hover);-webkit-transition:all .24s ease-out;transition:all .24s ease-out}.invert:hover{color:var(--link-color)}.invert:active{color:var(--link-color)}.invert:focus{outline:0}dl,ol,p,ul{margin-top:calc(1.1333333333rem + .25vw)}blockquote,figure,hr,pre,table{margin-top:calc(1.7rem + .5vw);margin-bottom:calc(1.7rem + .5vw)}h1,h2,h3,h4,h5,h6{color:var(--headings-color);font-family:var(--heading-font);font-variation-settings:"wght" var(--headings-weight);-webkit-hyphens:manual;-ms-hyphens:manual;hyphens:manual;line-height:1.2;margin-top:calc(1.7rem + 1vw);text-transform:var(--headings-transform)}.h1,h1{font-size:clamp(1.5710900065rem, 1.5710900065rem + 1.424540906 * ((100vw - 20rem) / 50), 2.9956309125rem);font-family:var(--heading-font)}.h2,h2{font-size:clamp(1.3808408252rem, 1.3808408252rem + .9332127447 * ((100vw - 20rem) / 50), 2.3140535699rem)}.h3,h3{font-size:clamp(1.2136296308rem, 1.2136296308rem + .4621997101 * ((100vw - 20rem) / 50), 1.6758293408rem)}.h4,h4{font-size:clamp(1.1377777785rem, 1.1377777785rem + .1567604947 * ((100vw - 20rem) / 50), 1.2945382732rem)}.h5,h5{font-size:clamp(1.066666667rem, 1.066666667rem + .0711111115 * ((100vw - 20rem) / 50), 1.1377777785rem)}.h6,h6{font-size:clamp(1rem, 1rem + 0 * ((100vw - 20rem) / 50), 1rem)}h2+*,h3+*,h4+*,h5+*,h6+*{margin-top:calc(.5666666667rem + .25vw)}b,strong{font-variation-settings:"wght" var(--font-weight-bold)}blockquote{color:var(--headings-color);font-family:var(--heading-font);padding:3.6833333333rem 0 0;position:relative;text-align:center;font-size:clamp(1.1377777785rem, 1.1377777785rem + .2430630467 * ((100vw - 20rem) / 50), 1.3808408252rem)}blockquote::before{color:var(--dark);content:"“";font:normal 320%/0.9 Georgia,Times,Times New Roman,serif;top:.5666666667rem;position:absolute;left:50%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}blockquote>:first-child{margin-top:0}ol,ul{margin-left:2rem}ol>li,ul>li{list-style:inherit;padding:0 0 .2833333333rem .85rem}dl dt{font-variation-settings:"wght" var(--font-weight-bold)}pre{background-color:var(--lighter);font-size:.8239746086rem;padding:1.7rem;white-space:pre-wrap;word-wrap:break-word}pre>code{color:var(--text-color);display:inline-block;font-size:inherit;padding:0}code{background-color:var(--lighter);color:var(--color);font-size:.8239746086rem;font-family:Menlo,Monaco,Consolas,Courier New,monospace}table{border:1px solid var(--light);border-collapse:collapse;border-spacing:0;vertical-align:top;text-align:left;width:100%}table th{font-variation-settings:"wght" var(--font-weight-bold);padding:.7083333333rem 1.1333333333rem}table td{border-top:1px solid var(--light);padding:.7083333333rem 1.1333333333rem}.table-striped tr:nth-child(2n){background:var(--lighter)}.table-bordered td,.table-bordered th{border:1px solid var(--light)}.table-title th{background:var(--lighter)}figcaption{clear:both;color:var(--gray);font-style:italic;font-size:.7241964329rem;margin:.85rem 0 0;text-align:center}kbd{background:var(--dark);border-radius:2px;color:var(--white);font-family:Menlo,Monaco,Consolas,Courier New,monospace;font-size:.8789062495rem;padding:.1416666667rem .425rem}sub,sup{font-size:65%}small{font-size:.8789062495rem}.separator,hr{background:0 0;border:none;height:auto;line-height:1;max-width:none;text-align:center}.separator::before,hr::before{content:"···";color:var(--dark);font-size:1.2136296308rem;font-variation-settings:"wght" var(--font-weight-bold);letter-spacing:1.1377777785rem;padding-left:1.1377777785rem}.separator--dot::before{content:"·";color:var(--dark);font-size:1.2136296308rem;font-variation-settings:"wght" var(--font-weight-bold);letter-spacing:1.1377777785rem;padding-left:1.1377777785rem}.separator--long-line{position:relative}.separator--long-line::before{content:"";height:1.2136296308rem}.separator--long-line::after{border-top:1px solid var(--light);content:"";height:1px;position:absolute;width:100%;top:50%;left:0}.btn,[type=button],[type=submit],button{background:var(--color);border:1px solid var(--color);border-radius:2px;-webkit-box-shadow:0 4px 6px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.08);box-shadow:0 4px 6px rgba(0,0,0,.1),0 1px 1px rgba(0,0,0,.08);color:var(--white);cursor:pointer;display:inline-block;font-family:var(--body-font);font-size:.6789341556rem;font-variation-settings:"wght" var(--font-weight-bold);overflow:hidden;padding:.5666666667rem 1.4166666667rem;text-align:center;-webkit-transition:all .24s ease-out;transition:all .24s ease-out;text-transform:uppercase;vertical-align:middle;will-change:transform}@media all and (max-width:19.9375em){.btn,[type=button],[type=submit],button{width:100%}}@media all and (max-width:37.4375em){.btn,[type=button],[type=submit],button{margin-bottom:.5666666667rem}}.btn:active,.btn:focus,.btn:hover,[type=button]:active,[type=button]:focus,[type=button]:hover,[type=submit]:active,[type=submit]:focus,[type=submit]:hover,button:active,button:focus,button:hover{-webkit-box-shadow:0 7px 14px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.08);box-shadow:0 7px 14px rgba(0,0,0,.1),0 3px 6px rgba(0,0,0,.08);color:var(--white);-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media all and (min-width:20em){.btn+.btn,.btn+[type=button],.btn+[type=submit],.btn+button,[type=button]+.btn,[type=button]+[type=button],[type=button]+[type=submit],[type=button]+button,[type=submit]+.btn,[type=submit]+[type=button],[type=submit]+[type=submit],[type=submit]+button,button+.btn,button+[type=button],button+[type=submit],button+button{margin-left:.5666666667rem}}.btn:disabled,[type=button]:disabled,[type=submit]:disabled,button:disabled{background-color:var(--light);border-color:var(--light);color:var(--gray);cursor:not-allowed}[type=button],[type=submit],button{-webkit-appearance:none;-moz-appearance:none}::-webkit-search-cancel-button{-webkit-appearance:none}fieldset{border:1px solid var(--light);margin:calc(1.7rem + 1vw) 0 0;padding:1.7rem}fieldset>legend{margin-left:-1rem;padding:0 1rem}legend{font-variation-settings:"wght" 500;padding:0}label{font-variation-settings:"wght" 500;margin:0 1.1333333333rem .85rem 0}[type=email],[type=number],[type=search],[type=tel],[type=text],[type=url],select,textarea{background-color:var(--page-bg);border:none;border:1px solid var(--light);color:var(--text-color);font-size:1rem;outline:0;padding:.34rem .85rem;vertical-align:middle;width:100%;-webkit-appearance:none;-moz-appearance:none}@media all and (min-width:37.5em){[type=email],[type=number],[type=search],[type=tel],[type=text],[type=url],select,textarea{width:auto}}[type=email]:focus,[type=number]:focus,[type=search]:focus,[type=tel]:focus,[type=text]:focus,[type=url]:focus,select:focus,textarea:focus{border-color:var(--dark)}input[type=checkbox],input[type=radio]{opacity:0;position:absolute}input[type=checkbox]+label,input[type=radio]+label{position:relative;margin-left:-1px;cursor:pointer;padding:0}input[type=checkbox]+label:before,input[type=radio]+label:before{background-color:var(--white);border:1px solid var(--light);border-radius:2px;content:"";display:inline-block;height:1.4166666667rem;line-height:1.4166666667rem;margin-right:1.1333333333rem;vertical-align:middle;text-align:center;width:1.4166666667rem}input[type=checkbox]:checked+label:before,input[type=radio]:checked+label:before{content:"";background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 11 8'%3e%3cpolygon points='9.53 0 4.4 5.09 1.47 2.18 0 3.64 2.93 6.54 4.4 8 5.87 6.54 11 1.46 9.53 0' fill='%23d73a42'/%3e%3c/svg%3e");background-repeat:no-repeat;background-size:11px 8px;background-position:50% 50%}input[type=radio]+label:before{border-radius:50%}input[type=radio]:checked+label:before{background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3ccircle cx='4' cy='4' r='4' fill='%23d73a42'/%3e%3c/svg%3e")}[type=file]{margin-bottom:1.7rem;width:100%}select{max-width:100%;width:auto;position:relative}select:not([multiple]){background:url('data:image/svg+xml;utf8,') no-repeat 90% 50%;background-size:8px;padding-right:3.4rem}select[multiple]{border:1px solid var(--light);padding:1.7rem;width:100%}select[multiple]:hover{border-color:var(--light)}select[multiple]:focus{border-color:var(--dark)}select[multiple]:disabled{background-color:var(--light);cursor:not-allowed}select[multiple]:disabled:hover{border-color:var(--light)}textarea{display:block;overflow:auto;resize:vertical;max-width:100%}.top{align-items:center;display:flex;height:var(--navbar-height);position:absolute;padding:0 var(--page-margin);-webkit-transition:background .5s ease;transition:background .5s ease;width:100%;z-index:2}@media all and (min-width:56.25em){.top{justify-content:space-between;height:var(--navbar-height)}}.top.is-visible{background:var(--section-bg);-webkit-box-shadow:0 3px 10px 0 rgba(0,0,0,.06);box-shadow:0 3px 10px 0 rgba(0,0,0,.06);opacity:1;position:fixed;-webkit-transform:translate(0,0);transform:translate(0,0);-webkit-transition:height .3s,background .3s,opacity .24s,-webkit-transform .24s;transition:height .3s,background .3s,opacity .24s,-webkit-transform .24s;transition:transform .24s,height .3s,background .3s,opacity .24s;transition:transform .24s,height .3s,background .3s,opacity .24s,-webkit-transform .24s;width:100%}@media all and (min-width:56.25em){.top.is-hidden{opacity:0;-webkit-transform:translate(0,-86px);transform:translate(0,-86px);-webkit-transition:background .3s,color .3s,opacity .24s,-webkit-transform .24s;transition:background .3s,color .3s,opacity .24s,-webkit-transform .24s;transition:transform .24s,background .3s,color .3s,opacity .24s;transition:transform .24s,background .3s,color .3s,opacity .24s,-webkit-transform .24s}}.logo{color:var(--logo-color)!important;font-size:1.2136296308rem;font-family:var(--logo-font);font-variation-settings:"wght" var(--font-weight-normal);margin-right:auto}.logo>img{height:var(--navbar-height);-o-object-fit:contain;object-fit:contain;padding:.5666666667rem 0;width:auto}.search{order:2}@media all and (min-width:56.25em){.search{order:3}}.search__btn{border:none!important;background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;margin:0;padding:.5666666667rem;width:auto}@media all and (min-width:56.25em){.search__btn{margin-left:1rem;padding-right:0}}.search__btn:focus,.search__btn:hover{-webkit-transform:translateY(0);transform:translateY(0)}.search__btn:focus>svg,.search__btn:hover>svg{fill:rgba(255,255,255,0.7)}.search__btn>svg{display:block;fill:var(--white);height:15px;-webkit-transition:all .24s ease;transition:all .24s ease;width:15px}.search__form{flex-basis:90%}.search__input{background:0 0;border:none!important;color:var(--white);display:none;font-family:var(--heading-font);margin:0!important;opacity:0;padding:0;width:100%;font-size:clamp(1.2136296308rem, 1.2136296308rem + .3574603758 * ((100vw - 20rem) / 50), 1.5710900065rem)}.search__close{background:0 0!important;-webkit-box-shadow:none!important;box-shadow:none!important;border:none;color:transparent;cursor:pointer;margin:0!important;opacity:0;padding:0;height:1.6rem;width:1.6rem;position:relative;text-indent:-999rem}.search__close:after,.search__close:before{background-color:var(--white);content:"";left:1rem;height:1.6rem;opacity:1;position:absolute;width:1px;top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:all .14s ease-out;transition:all .14s ease-out}.search__close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.search__close:hover{-webkit-transform:translateY(0);transform:translateY(0)}.search__close:hover:after,.search__close:hover:before{background-color:rgba(255,255,255,.7)}.search__overlay{background-color:var(--section-bg);-webkit-box-shadow:0 3px 3px rgba(0,0,0,.05);box-shadow:0 3px 3px rgba(0,0,0,.05);left:0;opacity:0;position:fixed;-webkit-transition:all .24s ease-out;transition:all .24s ease-out;top:0;visibility:hidden;width:100%;z-index:2005}.search__overlay-inner{align-items:center;display:flex;height:4.4rem;justify-content:space-between;padding:0 var(--page-margin)}@media all and (min-width:56.25em){.search__overlay-inner{height:6rem}}.search__overlay.expanded{-webkit-transform:translate(0,0);transform:translate(0,0);opacity:1;display:block;visibility:visible}.search__overlay.expanded .search__input{-webkit-animation:slideininput .24s .12s forwards;animation:slideininput .24s .12s forwards;display:block}@-webkit-keyframes slideininput{60%{opacity:0}100%{opacity:1}}@keyframes slideininput{60%{opacity:0}100%{opacity:1}}.search__overlay.expanded .search__close{-webkit-animation:slideinclose .24s .12s forwards;animation:slideinclose .24s .12s forwards}@-webkit-keyframes slideinclose{60%{opacity:0}100%{opacity:1}}@keyframes slideinclose{60%{opacity:0}100%{opacity:1}}.navbar{order:3}.navbar .navbar__menu{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}@media all and (max-width:56.1875em){.navbar .navbar__menu{display:none}}.navbar .navbar__menu li{font-family:var(--menu-font);display:block;font-size:.7724761953rem;line-height:var(--line-height);font-variation-settings:"wght" 500;padding:0;position:relative;text-transform:uppercase;width:auto}.navbar .navbar__menu li a,.navbar .navbar__menu li span[aria-haspopup=true]{color:var(--nav-link-color);display:block;padding:0 .5666666667rem;-webkit-transition:all .24s ease-out;transition:all .24s ease-out}.navbar .navbar__menu li a:active,.navbar .navbar__menu li a:focus,.navbar .navbar__menu li a:hover,.navbar .navbar__menu li span[aria-haspopup=true]:active,.navbar .navbar__menu li span[aria-haspopup=true]:focus,.navbar .navbar__menu li span[aria-haspopup=true]:hover{color:var(--nav-link-color-hover)}.navbar .navbar__menu li span{color:var(--nav-link-color);cursor:default;display:block;padding:0 .5666666667rem}.navbar .navbar__menu>li:hover>a,.navbar .navbar__menu>li:hover>span[aria-haspopup=true]{color:var(--nav-link-color-hover)}.navbar .has-submenu:active>.navbar__submenu,.navbar .has-submenu:focus>.navbar__submenu,.navbar .has-submenu:hover>.navbar__submenu{left:0;opacity:1;-webkit-transform:scale(1);transform:scale(1);visibility:visible;margin-top:.85rem}.navbar .has-submenu:active>.navbar__submenu:before,.navbar .has-submenu:focus>.navbar__submenu:before,.navbar .has-submenu:hover>.navbar__submenu:before{content:"";height:.85rem;position:absolute;width:100%;top:-.85rem}.navbar .has-submenu:active>.navbar__submenu.is-right-submenu,.navbar .has-submenu:focus>.navbar__submenu.is-right-submenu,.navbar .has-submenu:hover>.navbar__submenu.is-right-submenu{left:auto;right:0;-webkit-transform-origin:right top;transform-origin:right top}.navbar .has-submenu .has-submenu:active>.navbar__submenu,.navbar .has-submenu .has-submenu:focus>.navbar__submenu,.navbar .has-submenu .has-submenu:hover>.navbar__submenu{top:0;margin-top:0}.navbar .has-submenu .has-submenu:active>.navbar__submenu.is-right-submenu,.navbar .has-submenu .has-submenu:focus>.navbar__submenu.is-right-submenu,.navbar .has-submenu .has-submenu:hover>.navbar__submenu.is-right-submenu{top:0;margin-top:0}.navbar .navbar__submenu{background:var(--section-bg);-webkit-box-shadow:0 5px 5px rgba(0,0,0,.25);box-shadow:0 5px 5px rgba(0,0,0,.25);border-radius:var(--border-radius);left:-9999px;list-style-type:none;margin:0;padding:10px 0;position:absolute;visibility:hidden;white-space:nowrap;z-index:1;opacity:0;-webkit-transform:scale(.8);transform:scale(.8);-webkit-transform-origin:0 top;transform-origin:0 top;-webkit-transition:opacity .15s,-webkit-transform .3s cubic-bezier(.275, 1.375, .8, 1);transition:opacity .15s,-webkit-transform .3s cubic-bezier(.275, 1.375, .8, 1);transition:opacity .15s,transform .3s cubic-bezier(.275, 1.375, .8, 1);transition:opacity .15s,transform .3s cubic-bezier(.275, 1.375, .8, 1),-webkit-transform .3s cubic-bezier(.275, 1.375, .8, 1)}.navbar .navbar__submenu__submenu{z-index:2}.navbar .navbar__submenu li{line-height:1.5;font-size:.7241964329rem}.navbar .navbar__submenu li a,.navbar .navbar__submenu li span[aria-haspopup=true]{color:var(--nav-link-color-hover)!important;padding:.5666666667rem 1.4166666667rem;-webkit-transition:all .24s ease;transition:all .24s ease}.navbar .navbar__submenu li a:active,.navbar .navbar__submenu li a:focus,.navbar .navbar__submenu li a:hover,.navbar .navbar__submenu li span[aria-haspopup=true]:active,.navbar .navbar__submenu li span[aria-haspopup=true]:focus,.navbar .navbar__submenu li span[aria-haspopup=true]:hover{background:rgba(var(--white-rgb),.05);color:var(--nav-link-color)!important}.navbar .navbar__submenu li span{color:var(--nav-link-color-hover)!important;padding:.5666666667rem 1.4166666667rem}.navbar .navbar__submenu li:hover>a,.navbar .navbar__submenu li:hover>span[aria-haspopup=true]{color:var(--nav-link-color)!important}.navbar .navbar__toggle{background:var(--section-bg);-webkit-box-shadow:none;box-shadow:none;border:none;border-radius:3px;cursor:pointer;display:block;line-height:1;margin:0;overflow:visible;padding:1rem;position:relative;right:-1rem;text-transform:none;z-index:2004}@media all and (min-width:56.25em){.navbar .navbar__toggle{display:none}}.navbar .navbar__toggle:focus,.navbar .navbar__toggle:hover{-webkit-box-shadow:none;box-shadow:none;outline:0;-webkit-transform:none;transform:none}.navbar .navbar__toggle-box{width:24px;height:14px;display:inline-block;position:relative}.navbar .navbar__toggle-inner{display:block;top:50%;text-indent:-9999999em}.navbar .navbar__toggle-inner::before{content:"";display:block;top:-6px}.navbar .navbar__toggle-inner::after{content:"";display:block;bottom:-6px}.navbar .navbar__toggle-inner,.navbar .navbar__toggle-inner::after,.navbar .navbar__toggle-inner::before{width:22px;height:2px;background-color:var(--white);position:absolute;-webkit-transition:opacity .14s ease-out,-webkit-transform;transition:opacity .14s ease-out,-webkit-transform;transition:transform,opacity .14s ease-out;transition:transform,opacity .14s ease-out,-webkit-transform}.navbar .navbar__toggle-inner{-webkit-transition-duration:75ms;transition-duration:75ms;-webkit-transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19);transition-timing-function:cubic-bezier(0.55,0.055,0.675,0.19)}.navbar .navbar__toggle-inner::before{-webkit-transition:top 75ms ease .12s,opacity 75ms ease;transition:top 75ms ease .12s,opacity 75ms ease}.navbar .navbar__toggle-inner::after{-webkit-transition:bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);transition:bottom 75ms ease .12s,-webkit-transform 75ms cubic-bezier(.55, .055, .675, .19);transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55, .055, .675, .19);transition:bottom 75ms ease .12s,transform 75ms cubic-bezier(.55, .055, .675, .19),-webkit-transform 75ms cubic-bezier(.55, .055, .675, .19)}.navbar .navbar__toggle.is-active .navbar__toggle-inner{-webkit-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition-delay:0.12s;transition-delay:0.12s;-webkit-transition-timing-function:cubic-bezier(0.215,0.61,0.355,1);transition-timing-function:cubic-bezier(0.215,0.61,0.355,1)}.navbar .navbar__toggle.is-active .navbar__toggle-inner::before{top:0;opacity:0;-webkit-transition:top 75ms ease,opacity 75ms ease .12s;transition:top 75ms ease,opacity 75ms ease .12s}.navbar .navbar__toggle.is-active .navbar__toggle-inner::after{bottom:0;-webkit-transform:rotate(-90deg);transform:rotate(-90deg);-webkit-transition:bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;transition:bottom 75ms ease,-webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215, .61, .355, 1) .12s;transition:bottom 75ms ease,transform 75ms cubic-bezier(.215, .61, .355, 1) .12s,-webkit-transform 75ms cubic-bezier(.215, .61, .355, 1) .12s}.navbar_mobile_overlay{background:var(--page-bg);height:calc(100vh - 4.4rem);left:0;opacity:1;overflow:auto;pointer-events:auto;position:fixed;top:4.4rem;-webkit-transition:all .3s cubic-bezier(0, 0, .3, 1);transition:all .3s cubic-bezier(0, 0, .3, 1);width:100%;z-index:1001}.navbar_mobile_overlay.is-hidden{opacity:0;pointer-events:none}.navbar_mobile_overlay .navbar__menu{margin:24px}.navbar_mobile_overlay .navbar__menu li{list-style:none;margin:0;padding:0;text-align:center}.navbar_mobile_overlay .navbar__menu li a,.navbar_mobile_overlay .navbar__menu li span{color:var(--dark);display:block;padding:.5666666667rem;position:relative}.navbar_mobile_overlay .navbar__menu li a:active,.navbar_mobile_overlay .navbar__menu li a:focus,.navbar_mobile_overlay .navbar__menu li a:hover,.navbar_mobile_overlay .navbar__menu li span:active,.navbar_mobile_overlay .navbar__menu li span:focus,.navbar_mobile_overlay .navbar__menu li span:hover{color:var(--dark)}.navbar_mobile_overlay .navbar__menu li a[aria-haspopup=true]::after,.navbar_mobile_overlay .navbar__menu li span[aria-haspopup=true]::after{content:"";width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:currentColor transparent transparent transparent;left:.5666666667rem;top:15px;position:relative}.navbar_mobile_overlay .navbar__submenu{margin:0;padding:0;visibility:hidden}.navbar_mobile_overlay .navbar__submenu[aria-hidden=false]{visibility:visible}.navbar_mobile_overlay .navbar__submenu_wrapper{height:0;opacity:0;overflow:hidden;-webkit-transition:all .3s cubic-bezier(.275, 1.375, .8, 1);transition:all .3s cubic-bezier(.275, 1.375, .8, 1)}.navbar_mobile_overlay .navbar__submenu_wrapper.is-active{height:auto;opacity:1}.navbar_mobile_sidebar{background:var(--page-bg);-webkit-box-shadow:0 0 5px rgba(0,0,0,.25);box-shadow:0 0 5px rgba(0,0,0,.25);height:100vh;left:0;max-width:400px;overflow:auto;position:fixed;top:0;-webkit-transition:all .3s cubic-bezier(0, 0, .3, 1);transition:all .3s cubic-bezier(0, 0, .3, 1);width:80%;z-index:1001}.navbar_mobile_sidebar.is-hidden{left:-400px}.navbar_mobile_sidebar .navbar__menu{margin:24px}.navbar_mobile_sidebar .navbar__menu li{font-family:var(--menu-font);font-size:16px;list-style:none;line-height:1.3;margin:0;padding:0}.navbar_mobile_sidebar .navbar__menu li .is-separator,.navbar_mobile_sidebar .navbar__menu li a{color:var(--dark);display:block;padding:10px 20px 10px 0;position:relative}.navbar_mobile_sidebar .navbar__menu li .is-separator:active,.navbar_mobile_sidebar .navbar__menu li .is-separator:focus,.navbar_mobile_sidebar .navbar__menu li .is-separator:hover,.navbar_mobile_sidebar .navbar__menu li a:active,.navbar_mobile_sidebar .navbar__menu li a:focus,.navbar_mobile_sidebar .navbar__menu li a:hover{color:var(--dark)}.navbar_mobile_sidebar .navbar__menu li .is-separator[aria-haspopup=true]::after,.navbar_mobile_sidebar .navbar__menu li a[aria-haspopup=true]::after{content:"";width:0;height:0;border-style:solid;border-width:5px 5px 0 5px;border-color:currentColor transparent transparent transparent;right:0;top:18px;position:absolute}.navbar_mobile_sidebar .navbar__submenu{margin:0 0 0 24px;padding:0;visibility:hidden}.navbar_mobile_sidebar .navbar__submenu[aria-hidden=false]{visibility:visible}.navbar_mobile_sidebar .navbar__submenu_wrapper{height:0;opacity:0;overflow:hidden;-webkit-transition:all .3s cubic-bezier(.275, 1.375, .8, 1);transition:all .3s cubic-bezier(.275, 1.375, .8, 1)}.navbar_mobile_sidebar .navbar__submenu_wrapper.is-active{height:auto;opacity:1}.navbar_mobile_sidebar__overlay{background:rgba(0,0,0,.5);height:100%;opacity:1;pointer-events:auto;position:fixed;top:0;-webkit-transition:all .3s cubic-bezier(0, 0, .3, 1);transition:all .3s cubic-bezier(0, 0, .3, 1);width:100%;z-index:10}.navbar_mobile_sidebar__overlay.is-hidden{opacity:0;pointer-events:none}.site-container{background:var(--page-bg);max-width:100%;overflow:hidden}.wrapper{-webkit-box-sizing:content-box;box-sizing:content-box;max-width:var(--entry-width);margin:0 auto;padding:0 var(--page-margin)}.readmore{display:inline-block;color:var(--gray);font-size:.8239746086rem;font-style:italic;text-decoration:underline;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.hero{background:var(--hero-bg);height:var(--hero-height);position:relative;top:0;z-index:1}.hero__content{bottom:10%;color:var(--hero-text-color);left:50%;position:absolute;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);width:100%;z-index:2}.hero__content h1{color:var(--hero-heading-color)}.hero__content h1>sup{font-size:1.066666667rem;vertical-align:top}.hero__content h1+p{margin-top:calc(.2833333333rem + .25vw)}.hero__content a{color:var(--hero-link-color);-webkit-transition:all .24s ease-out;transition:all .24s ease-out}.hero__content a:hover{color:var(--hero-link-color-hover)}.hero__content a:active{color:var(--hero-link-color)}.hero__content a:focus{outline:0}.hero__image{height:100%;margin:0;position:absolute;width:100%}.hero__image--overlay::after{background:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0)),to(rgba(0,0,0,.64)));background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.64) 100%);content:"";display:block;height:100%;left:0;position:absolute;top:0;width:100%}.hero__image>img{display:block;height:inherit;-o-object-fit:cover;object-fit:cover;width:inherit}.hero__image>figcaption{background:var(--page-bg);border-radius:calc(4 * var(--border-radius));bottom:1rem;color:var(--text-color);display:block;padding:0 .34rem;position:absolute;text-align:right;right:var(--page-margin);z-index:3}.feed__item{margin-top:calc(2.55rem + 1.5vw);padding-bottom:calc(.5666666667rem + 1vw)}.feed__image{-webkit-box-sizing:content-box;box-sizing:content-box;margin:calc(1.7rem + 1vw) auto;max-width:calc(var(--entry-width) + 20%);padding:0 6vw}.feed__image>img{display:inline-block;height:auto;width:100%}.feed__meta{align-items:center;color:var(--gray);display:flex;font-size:.8239746086rem;margin-bottom:calc(-1.1333333333rem - 1vw)}.feed__author{font-family:var(--menu-font);font-variation-settings:"wght" var(--font-weight-bold);text-decoration:none}.feed__date{color:var(--gray);font-style:italic}.feed__author+.feed__date{margin-left:.85rem}.feed__author+.feed__date::before{content:"";background:var(--light);display:inline-block;height:1px;margin-right:4px;width:1rem;vertical-align:middle}.feed__readmore{margin-top:calc(1.1333333333rem + .25vw)}.feed--grid{display:grid;grid-template-columns:100%;grid-gap:calc(1.7rem + 1.5vw);margin-top:0;padding-top:calc(2.55rem + 1.5vw)}@media all and (min-width:37.5em){.feed--grid{grid-template-columns:repeat(2,1fr)}}.feed--grid h2{margin-top:0}.feed--grid sup{font-size:1.066666667rem;vertical-align:top}.feed--grid-tag-desc>:first-child{margin-top:0}.post__image{display:inline-block}.post__image>img{display:inline-block}.post__image--left{float:left;margin-bottom:1.7rem;margin-right:1.7rem;max-width:50%}.post__image--right{float:right;margin-bottom:1.7rem;margin-left:1.7rem;max-width:50%}.post__image--center{display:block;margin-left:auto;margin-right:auto;text-align:center}.post__image--wide{display:block}@media all and (min-width:56.25em){.post__image--wide{margin-left:calc(-1 * var(--page-margin));margin-right:calc(-1 * var(--page-margin));text-align:center}.post__image--wide a,.post__image--wide img{display:block;height:auto;width:100%}}.post__image--full{display:block;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%);text-align:center}.post__image--full a,.post__image--full img{display:block;height:auto;width:100%}.post__meta{color:var(--gray);font-size:.8239746086rem;font-style:italic;margin-bottom:calc(-1.4166666667rem - 1vw)}.post__meta--author{border-top:1px solid var(--hero-border-color);font-style:normal;display:inline-block;margin-top:1.7rem;padding-top:1.4166666667rem}@media all and (min-width:37.5em){.post__meta--author{margin-top:2.8333333333rem;padding-top:1.7rem}}.post__author-thumb{border-radius:50%;height:1.7rem;margin-right:.5666666667rem;width:1.7rem}.post__entry{margin-top:calc(2.55rem + 1.5vw)}.post__entry>:first-child{margin-top:0}.post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):not(.post__toc a):not(.gallery__item a){color:var(--link-color-hover);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):not(.post__toc a):not(.gallery__item a):active,.post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):not(.post__toc a):not(.gallery__item a):focus,.post__entry a:not(.btn):not([type=button]):not([type=submit]):not(button):not(.post__toc a):not(.gallery__item a):hover{color:var(--link-color)}.post__avatar-thumbs{border-radius:50%;height:4.5333333333rem;width:4.5333333333rem}.post__last-updated{color:var(--gray);font-size:.7724761953rem;font-style:italic;margin-top:2.2666666667rem}.post__last-updated+.post__tag{margin:1.1333333333rem 0 0}.post__tag{margin:2.2666666667rem 0 0;font-family:var(--menu-font);font-size:.8239746086rem}.post__tag>li{display:inline-block;margin-right:.2833333333rem;padding:0}.post__tag>li>a{background:var(--lighter);border-radius:calc(4 * var(--border-radius));color:var(--dark);font-size:.7241964329rem;font-variation-settings:"wght" var(--font-weight-normal);padding:.425rem .85rem}.post__tag>li>a:hover{background:var(--light)}.post__share{display:flex;flex-wrap:wrap;margin:calc(2.8333333333rem + 1vw) -.2833333333rem 0}.post__share>a{border-radius:calc(4 * var(--border-radius));flex:1 1 auto;margin:.2833333333rem;line-height:0;padding:.7083333333rem 1.1333333333rem;-webkit-transition:all .24s ease-out;transition:all .24s ease-out;text-align:center}.post__share>a:hover{-webkit-transform:translate3d(0,-2px,0);transform:translate3d(0,-2px,0)}.post__share>a span{color:var(--white);font-family:var(--menu-font);font-size:.5967194723rem;font-variation-settings:"wght" var(--font-weight-bold);margin-left:.2833333333rem;text-transform:uppercase}.post__share>a svg{fill:var(--white);height:18px;pointer-events:none;width:18px;vertical-align:middle}.post__bio{align-items:center;display:flex;margin:calc(3.4rem + 1vw) 0 calc(3.4rem + 2vw)}@media all and (min-width:37.5em){.post__bio::before{content:"";border-top:1px solid var(--light);height:1px;margin-right:2rem;width:20%}}.bio__avatar{border-radius:50%;flex-shrink:0;height:3rem;margin-right:1.2rem;width:3rem}@media all and (min-width:37.5em){.bio__avatar{height:4rem;margin-right:2rem;width:4rem}}.bio__name{font-family:var(--menu-font);font-size:1rem;font-variation-settings:"wght" var(--font-weight-bold);margin:0}.bio__desc{font-family:var(--body-font);font-size:.8239746086rem;line-height:1.5}@media all and (min-width:37.5em){.bio__desc{width:80%}}.bio__desc>:first-child{margin-top:.5666666667rem}.bio__desc a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.bio__desc a{color:var(--link-color-hover);-webkit-transition:all .24s ease-out;transition:all .24s ease-out}.bio__desc a:hover{color:var(--link-color)}.bio__desc a:active{color:var(--link-color)}.bio__desc a:focus{outline:0}.post__nav{border-top:1px solid var(--light);margin-top:calc(2.55rem + 1vw);padding:2.55rem var(--page-margin) 2.8333333333rem;position:relative}@media all and (min-width:37.5em){.post__nav-inner{display:flex;justify-content:space-between}}@media all and (min-width:37.5em){.post__nav-next,.post__nav-prev{align-items:center;display:flex}}.post__nav-next svg,.post__nav-prev svg{fill:var(--gray)}@media all and (max-width:37.4375em){.post__nav-next svg,.post__nav-prev svg{display:none}}@media all and (min-width:37.5em){.post__nav-next{margin-left:auto;text-align:right}}@media all and (max-width:37.4375em){.post__nav-prev+.post__nav-next{margin-top:1.1333333333rem}}@media all and (min-width:37.5em){.post__nav-prev+.post__nav-next{margin-left:1.7rem}}.post__nav-link{font-family:var(--body-font);font-size:.8239746086rem;font-style:italic;line-height:1.5}@media all and (min-width:37.5em){.post__nav-link[rel=prev]{padding-left:.85rem}}@media all and (min-width:37.5em){.post__nav-link[rel=next]{padding-right:.85rem}}.post__nav-link>span{color:var(--gray);display:block;font-size:.7724761953rem;font-family:var(--menu-font);font-style:normal}.post__nav+.post__related{margin-top:0}.post__nav+.post__comments{border-top:1px solid var(--light);margin-top:0}.post__related{background:var(--lighter);margin-top:calc(2.55rem + 1vw);margin-bottom:calc(-2.55rem - 1vw);padding:calc(.85rem + 1vw) 0 calc(3.4rem + 3vw)}.related__item{margin-top:calc(3.4rem + 1vw)}.related__item::before{content:"";border-top:1px solid var(--light);display:block;height:1px;margin-bottom:2rem;width:20%}.post__related+.post__comments{border-top:none}.post+.post__comments{margin-top:0}.post+.post__comments .h5{margin-top:0}.post__comments{margin-top:calc(2.55rem + 1vw);overflow:hidden}.post__iframe,.post__video{display:block;margin-top:calc(1.7rem + .5vw);margin-bottom:calc(1.7rem + .5vw);overflow:hidden;padding:0;position:relative;width:100%}.post__iframe::before,.post__video::before{display:block;content:"";padding-top:var(--embed-aspect-ratio)}.post__iframe iframe,.post__iframe video,.post__video iframe,.post__video video{border:none;height:100%;left:0;position:absolute;top:0;bottom:0;width:100%}.post__toc h3{font-size:1rem;margin:0}.post__toc ul{counter-reset:item;list-style:decimal;margin:calc(.5666666667rem + .25vw) 0 0 2ch}.post__toc ul li{counter-increment:item;padding:0}.post__toc ul ul{margin-top:0}.post__toc ul ul li{display:block}.post__toc ul ul li:before{content:counters(item, ".") ". ";margin-left:-2ch}.banner{text-align:center}.banner--after-post{margin-top:calc(2.55rem + 1vw)}.page__desc>:first-child{margin-top:calc(.2833333333rem + .25vw)}.page__desc a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:0.2em;-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}.page--author__avatar{border-radius:50%;height:3rem;margin-bottom:calc(-1.4166666667rem - 1vw);width:3rem}@media all and (min-width:37.5em){.page--author__avatar{height:4rem;width:4rem}}.page--author__website{align-items:center;display:inline-flex}.page--author__website a{font-family:var(--menu-font);font-variation-settings:"wght" var(--font-weight-bold);margin-left:.4rem;text-decoration:none}.page--search form{align-items:flex-start;display:flex;flex-wrap:wrap}@media all and (max-width:37.4375em){.page--search input{margin-bottom:.5666666667rem}}@media all and (min-width:20em){.page--search input{flex:1 0 auto;margin-right:.5666666667rem}}@media all and (max-width:37.4375em){.page--search button{width:100%}}.align-left{text-align:left}.align-right{text-align:right}.align-center{text-align:center}.align-justify{text-align:justify}.msg{border-left:4px solid;font-size:.9374999997rem;padding:1.1333333333rem 1.7rem;position:relative}.msg--highlight{background-color:rgba(var(--highlight-color-rgb),.4);border-color:var(--highlight-color)}.msg--info{background-color:rgba(var(--info-color-rgb),.4);border-color:var(--info-color)}.msg--success{background-color:rgba(var(--success-color-rgb),.4);border-color:var(--success-color)}.msg--warning{background-color:rgba(var(--warning-color-rgb),.4);border-color:var(--warning-color)}.ordered-list{counter-reset:listCounter}.ordered-list li{counter-increment:listCounter;list-style:none;padding-left:.2833333333rem;position:relative}.ordered-list li::before{color:var(--color);content:counter(listCounter,decimal-leading-zero) ".";font-variation-settings:"wght" var(--font-weight-bold);left:-2rem;position:absolute}.dropcap:first-letter{color:var(--headings-color);float:left;font-size:3.6355864383rem;line-height:.7;margin-right:.5666666667rem;padding:.5666666667rem .5666666667rem .5666666667rem 0}.pec-wrapper{height:100%;left:0;position:absolute;top:0;width:100%}.pec-overlay{align-items:center;background-color:var(--light);font-size:14px;display:none;height:inherit;justify-content:center;line-height:1.4;padding:1rem;position:relative;text-align:center}@media all and (min-width:37.5em){.pec-overlay{font-size:16px;line-height:var(--line-height);padding:1rem 2rem}}.pec-overlay.is-active{display:flex}.pec-overlay-inner p{margin:0 0 1rem}.facebook{background:#0866ff}.twitter{background:#000}.instagram{background:#000}.vimeo{background:#1ab7ea}.pinterest{background:#bd081c}.youtube{background:#cd201f}.linkedin{background:#007bb6}.buffer{background:#333}.mix{background:#fd8235}.whatsapp{background:#25d366}.pagination{display:flex;margin-top:calc(3.4rem + 1vw)}@media all and (min-width:56.25em){.pagination{margin-top:calc(5.1rem + 1vw)}}.pagination__item+.pagination__item{margin-left:1.1333333333rem}.pagination svg{fill:var(--gray)}.footer{background:var(--section-bg);font-family:var(--menu-font);overflow:hidden;padding:calc(3.4rem + 1vw) var(--page-margin);margin:calc(2.55rem + 1vw) 0 0;text-align:center}.footer__social svg{fill:var(--white);height:.9374999997rem;margin:0 .85rem;opacity:.6;-webkit-transition:all .12s linear 0s;transition:all .12s linear 0s;width:.9374999997rem}.footer__social svg:hover{opacity:1}.footer__copyright{color:var(--gray);font-size:.6789341556rem;letter-spacing:1px;text-transform:uppercase;padding:1.7rem 0}.footer a{color:var(--white)}.footer a:hover{color:rgba(var(--white-rgb),.7)}.footer__bttop{bottom:1.4166666667rem;border-radius:50%;line-height:1;opacity:0;padding:.51rem;position:fixed;right:2rem;text-align:center;width:auto!important;visibility:hidden;z-index:999}@media all and (min-width:56.25em){.footer__bttop{bottom:2.8333333333rem}}.footer__bttop:hover{opacity:1}.footer__bttop>svg{fill:var(--white);height:23px;margin:0;width:23px}.footer__bttop.is-visible{visibility:visible;opacity:1}.gallery{margin:calc(1.7rem + 1vw) calc(var(--gallery-gap) * -1)}@media all and (min-width:20em){.gallery{display:flex;flex-wrap:wrap}}@media all and (min-width:56.25em){.gallery-wrapper--wide{margin-left:calc(-1 * var(--page-margin));margin-right:calc(-1 * var(--page-margin))}.gallery-wrapper--wide .gallery{width:calc(100% + var(--gallery-gap) * 2)}}.gallery-wrapper--full{margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}@media all and (min-width:20em){.gallery[data-columns="1"] .gallery__item{flex:1 0 100%}}@media all and (min-width:30em){.gallery[data-columns="2"] .gallery__item{flex:1 0 50%}}@media all and (min-width:37.5em){.gallery[data-columns="3"] .gallery__item{flex:1 0 33.333%}}@media all and (min-width:56.25em){.gallery[data-columns="4"] .gallery__item{flex:0 1 25%}}@media all and (min-width:56.25em){.gallery[data-columns="5"] .gallery__item{flex:0 1 20%}}@media all and (min-width:56.25em){.gallery[data-columns="6"] .gallery__item{flex:0 1 16.666%}}@media all and (min-width:56.25em){.gallery[data-columns="7"] .gallery__item{flex:1 0 14.285%}}@media all and (min-width:56.25em){.gallery[data-columns="8"] .gallery__item{flex:1 0 12.5%}}.gallery__item{margin:0;padding:var(--gallery-gap);position:relative}@media all and (min-width:20em){.gallery__item{flex:1 0 50%}}@media all and (min-width:30em){.gallery__item{flex:1 0 33.333%}}@media all and (min-width:37.5em){.gallery__item{flex:1 0 25%}}.gallery__item a{display:block;height:100%;width:100%}.gallery__item a::after{background:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.4)),to(rgba(0,0,0,0)));background:linear-gradient(to top,rgba(0,0,0,.4) 0,rgba(0,0,0,0) 100%);bottom:var(--gallery-gap);content:"";display:block;opacity:0;left:var(--gallery-gap);height:calc(100% - var(--gallery-gap) * 2);position:absolute;right:var(--gallery-gap);top:var(--gallery-gap);-webkit-transition:all .24s ease-out;transition:all .24s ease-out;width:calc(100% - var(--gallery-gap) * 2)}.gallery__item a:hover::after{opacity:1}.gallery__item img{display:block;height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.gallery__item figcaption{bottom:1.2rem;color:var(--white);left:50%;opacity:0;position:absolute;text-align:center;-webkit-transform:translate(-50%,1.2rem);transform:translate(-50%,1.2rem);-webkit-transition:all .24s ease-out;transition:all .24s ease-out}.gallery__item:hover figcaption{opacity:1;-webkit-transform:translate(-50%,0);transform:translate(-50%,0)}.pswp--dark .pswp__bg{background:#000}.pswp--light .pswp__bg{background:var(--white)}.pswp--light .pswp__counter{color:var(--text-color)}.pswp--light .pswp__caption__center{color:var(--text-color)}.pswp .pswp__button{-webkit-box-shadow:none;box-shadow:none;-webkit-transform:none;transform:none}.hero__image--overlay::after{background:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.64) 100%)}img[loading]{opacity:0}img.is-loaded{opacity:1;transition:opacity 1s cubic-bezier(.215, .61, .355, 1)} \ No newline at end of file diff --git a/assets/js/photoswipe-ui-default.min.js b/assets/js/photoswipe-ui-default.min.js new file mode 100755 index 0000000..ab7bedc --- /dev/null +++ b/assets/js/photoswipe-ui-default.min.js @@ -0,0 +1,4 @@ +/*! PhotoSwipe Default UI - 4.1.3 - 2019-01-08 +* http://photoswipe.com +* Copyright (c) 2019 Dmitry Semenov; */ +!function(a,b){"function"==typeof define&&define.amd?define(b):"object"==typeof exports?module.exports=b():a.PhotoSwipeUI_Default=b()}(this,function(){"use strict";var a=function(a,b){var c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v=this,w=!1,x=!0,y=!0,z={barsSize:{top:44,bottom:"auto"},closeElClasses:["item","caption","zoom-wrap","ui","top-bar"],timeToIdle:4e3,timeToIdleOutside:1e3,loadingIndicatorDelay:1e3,addCaptionHTMLFn:function(a,b){return a.title?(b.children[0].innerHTML=a.title,!0):(b.children[0].innerHTML="",!1)},closeEl:!0,captionEl:!0,fullscreenEl:!0,zoomEl:!0,shareEl:!0,counterEl:!0,arrowEl:!0,preloaderEl:!0,tapToClose:!1,tapToToggleControls:!0,clickToCloseNonZoomable:!0,shareButtons:[{id:"facebook",label:"Share on Facebook",url:"https://www.facebook.com/sharer/sharer.php?u={{url}}"},{id:"twitter",label:"Tweet",url:"https://twitter.com/intent/tweet?text={{text}}&url={{url}}"},{id:"pinterest",label:"Pin it",url:"http://www.pinterest.com/pin/create/button/?url={{url}}&media={{image_url}}&description={{text}}"},{id:"download",label:"Download image",url:"{{raw_image_url}}",download:!0}],getImageURLForShare:function(){return a.currItem.src||""},getPageURLForShare:function(){return window.location.href},getTextForShare:function(){return a.currItem.title||""},indexIndicatorSep:" / ",fitControlsWidth:1200},A=function(a){if(r)return!0;a=a||window.event,q.timeToIdle&&q.mouseUsed&&!k&&K();for(var c,d,e=a.target||a.srcElement,f=e.getAttribute("class")||"",g=0;g-1&&(c.onTap(),d=!0);if(d){a.stopPropagation&&a.stopPropagation(),r=!0;var h=b.features.isOldAndroid?600:30;s=setTimeout(function(){r=!1},h)}},B=function(){return!a.likelyTouchDevice||q.mouseUsed||screen.width>q.fitControlsWidth},C=function(a,c,d){b[(d?"add":"remove")+"Class"](a,"pswp__"+c)},D=function(){var a=1===q.getNumItemsFn();a!==p&&(C(d,"ui--one-slide",a),p=a)},E=function(){C(i,"share-modal--hidden",y)},F=function(){return y=!y,y?(b.removeClass(i,"pswp__share-modal--fade-in"),setTimeout(function(){y&&E()},300)):(E(),setTimeout(function(){y||b.addClass(i,"pswp__share-modal--fade-in")},30)),y||H(),!1},G=function(b){b=b||window.event;var c=b.target||b.srcElement;return a.shout("shareLinkClick",b,c),!!c.href&&(!!c.hasAttribute("download")||(window.open(c.href,"pswp_share","scrollbars=yes,resizable=yes,toolbar=no,location=yes,width=550,height=420,top=100,left="+(window.screen?Math.round(screen.width/2-275):100)),y||F(),!1))},H=function(){for(var a,b,c,d,e,f="",g=0;g"+a.label+"",q.parseShareButtonOut&&(f=q.parseShareButtonOut(a,f));i.children[0].innerHTML=f,i.children[0].onclick=G},I=function(a){for(var c=0;c=.95&&v.showControls()});var a;l("onPinchClose",function(b){x&&b<.9?(v.hideControls(),a=!0):a&&!x&&b>.9&&v.showControls()}),l("zoomGestureEnded",function(){a=!1,a&&!x&&v.showControls()})},S=[{name:"caption",option:"captionEl",onInit:function(a){e=a}},{name:"share-modal",option:"shareEl",onInit:function(a){i=a},onTap:function(){F()}},{name:"button--share",option:"shareEl",onInit:function(a){h=a},onTap:function(){F()}},{name:"button--zoom",option:"zoomEl",onTap:a.toggleDesktopZoom},{name:"counter",option:"counterEl",onInit:function(a){g=a}},{name:"button--close",option:"closeEl",onTap:a.close},{name:"button--arrow--left",option:"arrowEl",onTap:a.prev},{name:"button--arrow--right",option:"arrowEl",onTap:a.next},{name:"button--fs",option:"fullscreenEl",onTap:function(){c.isFullscreen()?c.exit():c.enter()}},{name:"preloader",option:"preloaderEl",onInit:function(a){m=a}}],T=function(){var a,c,e,f=function(d){if(d)for(var f=d.length,g=0;g-1&&(q[e.option]?(b.removeClass(a,"pswp__element--disabled"),e.onInit&&e.onInit(a)):b.addClass(a,"pswp__element--disabled"))}};f(d.children);var g=b.getChildByClass(d,"pswp__top-bar");g&&f(g.children)};v.init=function(){b.extend(a.options,z,!0),q=a.options,d=b.getChildByClass(a.scrollWrap,"pswp__ui"),l=a.listen,R(),l("beforeChange",v.update),l("doubleTap",function(b){var c=a.currItem.initialZoomLevel;a.getZoomLevel()!==c?a.zoomTo(c,b,333):a.zoomTo(q.getDoubleTapZoom(!1,a.currItem),b,333)}),l("preventDragEvent",function(a,b,c){var d=a.target||a.srcElement;d&&d.getAttribute("class")&&a.type.indexOf("mouse")>-1&&(d.getAttribute("class").indexOf("__caption")>0||/(SMALL|STRONG|EM)/i.test(d.tagName))&&(c.prevent=!1)}),l("bindEvents",function(){b.bind(d,"pswpTap click",A),b.bind(a.scrollWrap,"pswpTap",v.onGlobalTap),a.likelyTouchDevice||b.bind(a.scrollWrap,"mouseover",v.onMouseOver)}),l("unbindEvents",function(){y||F(),t&&clearInterval(t),b.unbind(document,"mouseout",L),b.unbind(document,"mousemove",K),b.unbind(d,"pswpTap click",A),b.unbind(a.scrollWrap,"pswpTap",v.onGlobalTap),b.unbind(a.scrollWrap,"mouseover",v.onMouseOver),c&&(b.unbind(document,c.eventK,v.updateFullscreen),c.isFullscreen()&&(q.hideAnimationDuration=0,c.exit()),c=null)}),l("destroy",function(){q.captionEl&&(f&&d.removeChild(f),b.removeClass(e,"pswp__caption--empty")),i&&(i.children[0].onclick=null),b.removeClass(d,"pswp__ui--over-close"),b.addClass(d,"pswp__ui--hidden"),v.setIdle(!1)}),q.showAnimationDuration||b.removeClass(d,"pswp__ui--hidden"),l("initialZoomIn",function(){q.showAnimationDuration&&b.removeClass(d,"pswp__ui--hidden")}),l("initialZoomOut",function(){b.addClass(d,"pswp__ui--hidden")}),l("parseVerticalMargin",P),T(),q.shareEl&&h&&i&&(y=!0),D(),Q(),M(),N()},v.setIdle=function(a){k=a,C(d,"ui--idle",a)},v.update=function(){x&&a.currItem?(v.updateIndexIndicator(),q.captionEl&&(q.addCaptionHTMLFn(a.currItem,e),C(e,"caption--empty",!a.currItem.title)),w=!0):w=!1,y||F(),D()},v.updateFullscreen=function(d){d&&setTimeout(function(){a.setScrollOffset(0,b.getScrollY())},50),b[(c.isFullscreen()?"add":"remove")+"Class"](a.template,"pswp--fs")},v.updateIndexIndicator=function(){q.counterEl&&(g.innerHTML=a.getCurrentIndex()+1+q.indexIndicatorSep+q.getNumItemsFn())},v.onGlobalTap=function(c){c=c||window.event;var d=c.target||c.srcElement;if(!r)if(c.detail&&"mouse"===c.detail.pointerType){if(I(d))return void a.close();b.hasClass(d,"pswp__img")&&(1===a.getZoomLevel()&&a.getZoomLevel()<=a.currItem.fitRatio?q.clickToCloseNonZoomable&&a.close():a.toggleDesktopZoom(c.detail.releasePoint))}else if(q.tapToToggleControls&&(x?v.hideControls():v.showControls()),q.tapToClose&&(b.hasClass(d,"pswp__img")||I(d)))return void a.close()},v.onMouseOver=function(a){a=a||window.event;var b=a.target||a.srcElement;C(d,"ui--over-close",I(b))},v.hideControls=function(){b.addClass(d,"pswp__ui--hidden"),x=!1},v.showControls=function(){x=!0,w||v.update(),b.removeClass(d,"pswp__ui--hidden")},v.supportsFullscreen=function(){var a=document;return!!(a.exitFullscreen||a.mozCancelFullScreen||a.webkitExitFullscreen||a.msExitFullscreen)},v.getFullscreenAPI=function(){var b,c=document.documentElement,d="fullscreenchange";return c.requestFullscreen?b={enterK:"requestFullscreen",exitK:"exitFullscreen",elementK:"fullscreenElement",eventK:d}:c.mozRequestFullScreen?b={enterK:"mozRequestFullScreen",exitK:"mozCancelFullScreen",elementK:"mozFullScreenElement",eventK:"moz"+d}:c.webkitRequestFullscreen?b={enterK:"webkitRequestFullscreen",exitK:"webkitExitFullscreen",elementK:"webkitFullscreenElement",eventK:"webkit"+d}:c.msRequestFullscreen&&(b={enterK:"msRequestFullscreen",exitK:"msExitFullscreen",elementK:"msFullscreenElement",eventK:"MSFullscreenChange"}),b&&(b.enter=function(){return j=q.closeOnScroll,q.closeOnScroll=!1,"webkitRequestFullscreen"!==this.enterK?a.template[this.enterK]():void a.template[this.enterK](Element.ALLOW_KEYBOARD_INPUT)},b.exit=function(){return q.closeOnScroll=j,document[this.exitK]()},b.isFullscreen=function(){return document[this.elementK]}),b}};return a}); \ No newline at end of file diff --git a/assets/js/photoswipe.min.js b/assets/js/photoswipe.min.js new file mode 100755 index 0000000..0370861 --- /dev/null +++ b/assets/js/photoswipe.min.js @@ -0,0 +1,4 @@ +/*! PhotoSwipe - v4.1.3 - 2019-01-08 +* http://photoswipe.com +* Copyright (c) 2019 Dmitry Semenov; */ +!function(a,b){"function"==typeof define&&define.amd?define(b):"object"==typeof exports?module.exports=b():a.PhotoSwipe=b()}(this,function(){"use strict";var a=function(a,b,c,d){var e={features:null,bind:function(a,b,c,d){var e=(d?"remove":"add")+"EventListener";b=b.split(" ");for(var f=0;f0&&(g=parseInt(g[1],10),g>=1&&g<8&&(d.isOldIOSPhone=!0))}var h=f.match(/Android\s([0-9\.]*)/),i=h?h[1]:0;i=parseFloat(i),i>=1&&(i<4.4&&(d.isOldAndroid=!0),d.androidVersion=i),d.isMobileOpera=/opera mini|opera mobi/i.test(f)}for(var j,k,l=["transform","perspective","animationName"],m=["","webkit","Moz","ms","O"],n=0;n<4;n++){c=m[n];for(var o=0;o<3;o++)j=l[o],k=c+(c?j.charAt(0).toUpperCase()+j.slice(1):j),!d[j]&&k in b&&(d[j]=k);c&&!d.raf&&(c=c.toLowerCase(),d.raf=window[c+"RequestAnimationFrame"],d.raf&&(d.caf=window[c+"CancelAnimationFrame"]||window[c+"CancelRequestAnimationFrame"]))}if(!d.raf){var p=0;d.raf=function(a){var b=(new Date).getTime(),c=Math.max(0,16-(b-p)),d=window.setTimeout(function(){a(b+c)},c);return p=b+c,d},d.caf=function(a){clearTimeout(a)}}return d.svg=!!document.createElementNS&&!!document.createElementNS("http://www.w3.org/2000/svg","svg").createSVGRect,e.features=d,d}};e.detectFeatures(),e.features.oldIE&&(e.bind=function(a,b,c,d){b=b.split(" ");for(var e,f=(d?"detach":"attach")+"Event",g=function(){c.handleEvent.call(c)},h=0;hb-1?a-b:a<0?b+a:a},Ba={},Ca=function(a,b){return Ba[a]||(Ba[a]=[]),Ba[a].push(b)},Da=function(a){var b=Ba[a];if(b){var c=Array.prototype.slice.call(arguments);c.shift();for(var d=0;df.currItem.fitRatio?ya||(mc(f.currItem,!1,!0),ya=!0):ya&&(mc(f.currItem),ya=!1)),Ga(ea,pa.x,pa.y,s))},Ia=function(a){a.container&&Ga(a.container.style,a.initialPosition.x,a.initialPosition.y,a.initialZoomLevel,a)},Ja=function(a,b){b[E]=u+a+"px, 0px"+v},Ka=function(a,b){if(!i.loop&&b){var c=m+(ta.x*ra-a)/ta.x,d=Math.round(a-tb.x);(c<0&&d>0||c>=ac()-1&&d<0)&&(a=tb.x+d*i.mainScrollEndFriction)}tb.x=a,Ja(a,n)},La=function(a,b){var c=ub[a]-sa[a];return oa[a]+na[a]+c-c*(b/t)},Ma=function(a,b){a.x=b.x,a.y=b.y,b.id&&(a.id=b.id)},Na=function(a){a.x=Math.round(a.x),a.y=Math.round(a.y)},Oa=null,Pa=function(){Oa&&(e.unbind(document,"mousemove",Pa),e.addClass(a,"pswp--has_mouse"),i.mouseUsed=!0,Da("mouseUsed")),Oa=setTimeout(function(){Oa=null},100)},Qa=function(){e.bind(document,"keydown",f),N.transform&&e.bind(f.scrollWrap,"click",f),i.mouseUsed||e.bind(document,"mousemove",Pa),e.bind(window,"resize scroll orientationchange",f),Da("bindEvents")},Ra=function(){e.unbind(window,"resize scroll orientationchange",f),e.unbind(window,"scroll",r.scroll),e.unbind(document,"keydown",f),e.unbind(document,"mousemove",Pa),N.transform&&e.unbind(f.scrollWrap,"click",f),V&&e.unbind(window,p,f),clearTimeout(O),Da("unbindEvents")},Sa=function(a,b){var c=ic(f.currItem,qa,a);return b&&(da=c),c},Ta=function(a){return a||(a=f.currItem),a.initialZoomLevel},Ua=function(a){return a||(a=f.currItem),a.w>0?i.maxSpreadZoom:1},Va=function(a,b,c,d){return d===f.currItem.initialZoomLevel?(c[a]=f.currItem.initialPosition[a],!0):(c[a]=La(a,d),c[a]>b.min[a]?(c[a]=b.min[a],!0):c[a]1?1:a.fitRatio,c=a.container.style,d=b*a.w,e=b*a.h;c.width=d+"px",c.height=e+"px",c.left=a.initialPosition.x+"px",c.top=a.initialPosition.y+"px"},Ha=function(){if(ea){var a=ea,b=f.currItem,c=b.fitRatio>1?1:b.fitRatio,d=c*b.w,e=c*b.h;a.width=d+"px",a.height=e+"px",a.left=pa.x+"px",a.top=pa.y+"px"}}},Xa=function(a){var b="";i.escKey&&27===a.keyCode?b="close":i.arrowKeys&&(37===a.keyCode?b="prev":39===a.keyCode&&(b="next")),b&&(a.ctrlKey||a.altKey||a.shiftKey||a.metaKey||(a.preventDefault?a.preventDefault():a.returnValue=!1,f[b]()))},Ya=function(a){a&&(Y||X||fa||T)&&(a.preventDefault(),a.stopPropagation())},Za=function(){f.setScrollOffset(0,e.getScrollY())},$a={},_a=0,ab=function(a){$a[a]&&($a[a].raf&&I($a[a].raf),_a--,delete $a[a])},bb=function(a){$a[a]&&ab(a),$a[a]||(_a++,$a[a]={})},cb=function(){for(var a in $a)$a.hasOwnProperty(a)&&ab(a)},db=function(a,b,c,d,e,f,g){var h,i=Ea();bb(a);var j=function(){if($a[a]){if(h=Ea()-i,h>=d)return ab(a),f(c),void(g&&g());f((c-b)*e(h/d)+b),$a[a].raf=H(j)}};j()},eb={shout:Da,listen:Ca,viewportSize:qa,options:i,isMainScrollAnimating:function(){return fa},getZoomLevel:function(){return s},getCurrentIndex:function(){return m},isDragging:function(){return V},isZooming:function(){return aa},setScrollOffset:function(a,b){sa.x=a,M=sa.y=b,Da("updateScrollOffset",sa)},applyZoomPan:function(a,b,c,d){pa.x=b,pa.y=c,s=a,Ha(d)},init:function(){if(!j&&!k){var c;f.framework=e,f.template=a,f.bg=e.getChildByClass(a,"pswp__bg"),J=a.className,j=!0,N=e.detectFeatures(),H=N.raf,I=N.caf,E=N.transform,L=N.oldIE,f.scrollWrap=e.getChildByClass(a,"pswp__scroll-wrap"),f.container=e.getChildByClass(f.scrollWrap,"pswp__container"),n=f.container.style,f.itemHolders=y=[{el:f.container.children[0],wrap:0,index:-1},{el:f.container.children[1],wrap:0,index:-1},{el:f.container.children[2],wrap:0,index:-1}],y[0].el.style.display=y[2].el.style.display="none",Wa(),r={resize:f.updateSize,orientationchange:function(){clearTimeout(O),O=setTimeout(function(){qa.x!==f.scrollWrap.clientWidth&&f.updateSize()},500)},scroll:Za,keydown:Xa,click:Ya};var d=N.isOldIOSPhone||N.isOldAndroid||N.isMobileOpera;for(N.animationName&&N.transform&&!d||(i.showAnimationDuration=i.hideAnimationDuration=0),c=0;c=ac())&&(m=0),f.currItem=_b(m),(N.isOldIOSPhone||N.isOldAndroid)&&(va=!1),a.setAttribute("aria-hidden","false"),i.modal&&(va?a.style.position="fixed":(a.style.position="absolute",a.style.top=e.getScrollY()+"px")),void 0===M&&(Da("initialLayout"),M=K=e.getScrollY());var l="pswp--open ";for(i.mainClass&&(l+=i.mainClass+" "),i.showHideOpacity&&(l+="pswp--animate_opacity "),l+=G?"pswp--touch":"pswp--notouch",l+=N.animationName?" pswp--css_animation":"",l+=N.svg?" pswp--svg":"",e.addClass(a,l),f.updateSize(),o=-1,ua=null,c=0;cda.min.x?a=da.min.x:ada.min.y?b=da.min.y:b=h&&(o+=ua+(ua>0?-h:h),c=h);for(var d=0;d0?(b=y.shift(),y[h-1]=b,o++,Ja((o+2)*ta.x,b.el.style),f.setContent(b,m-c+d+1+1)):(b=y.pop(),y.unshift(b),o--,Ja(o*ta.x,b.el.style),f.setContent(b,m+c-d-1-1));if(ea&&1===Math.abs(ua)){var e=_b(z);e.initialZoomLevel!==s&&(ic(e,qa),mc(e),Ia(e))}ua=0,f.updateCurrZoomItem(),z=m,Da("afterChange")}}},updateSize:function(b){if(!va&&i.modal){var c=e.getScrollY();if(M!==c&&(a.style.top=c+"px",M=c),!b&&xa.x===window.innerWidth&&xa.y===window.innerHeight)return;xa.x=window.innerWidth,xa.y=window.innerHeight,a.style.height=xa.y+"px"}if(qa.x=f.scrollWrap.clientWidth,qa.y=f.scrollWrap.clientHeight,Za(),ta.x=qa.x+Math.round(qa.x*i.spacing),ta.y=qa.y,Ka(ta.x*ra),Da("beforeResize"),void 0!==o){for(var d,g,j,k=0;k2&&(j=Aa(j)),g=_b(j),g&&(x||g.needsUpdate||!g.bounds)?(f.cleanSlide(g),f.setContent(d,j),1===k&&(f.currItem=g,f.updateCurrZoomItem(!0)),g.needsUpdate=!1):d.index===-1&&j>=0&&f.setContent(d,j),g&&g.container&&(ic(g,qa),mc(g),Ia(g));x=!1}t=s=f.currItem.initialZoomLevel,da=f.currItem.bounds,da&&(pa.x=da.center.x,pa.y=da.center.y,Ha(!0)),Da("resize")},zoomTo:function(a,b,c,d,f){b&&(t=s,ub.x=Math.abs(b.x)-pa.x,ub.y=Math.abs(b.y)-pa.y,Ma(oa,pa));var g=Sa(a,!1),h={};Va("x",g,h,a),Va("y",g,h,a);var i=s,j={x:pa.x,y:pa.y};Na(h);var k=function(b){1===b?(s=a,pa.x=h.x,pa.y=h.y):(s=(a-i)*b+i,pa.x=(h.x-j.x)*b+j.x,pa.y=(h.y-j.y)*b+j.y),f&&f(b),Ha(1===b)};c?db("customZoomTo",0,1,c,d||e.easing.sine.inOut,k):k(1)}},fb=30,gb=10,hb={},ib={},jb={},kb={},lb={},mb=[],nb={},ob=[],pb={},qb=0,rb=ma(),sb=0,tb=ma(),ub=ma(),vb=ma(),wb=function(a,b){return a.x===b.x&&a.y===b.y},xb=function(a,b){return Math.abs(a.x-b.x)-1)&&(b(a)?a:Cb(a.parentNode,b)))},Db={},Eb=function(a,b){return Db.prevent=!Cb(a.target,i.isClickableElement),Da("preventDragEvent",a,b,Db),Db.prevent},Fb=function(a,b){return b.x=a.pageX,b.y=a.pageY,b.id=a.identifier,b},Gb=function(a,b,c){c.x=.5*(a.x+b.x),c.y=.5*(a.y+b.y)},Hb=function(a,b,c){if(a-Q>50){var d=ob.length>2?ob.shift():{};d.x=b,d.y=c,ob.push(d),Q=a}},Ib=function(){var a=pa.y-f.currItem.initialPosition.y;return 1-Math.abs(a/(qa.y/2))},Jb={},Kb={},Lb=[],Mb=function(a){for(;Lb.length>0;)Lb.pop();return F?(la=0,mb.forEach(function(a){0===la?Lb[0]=a:1===la&&(Lb[1]=a),la++})):a.type.indexOf("touch")>-1?a.touches&&a.touches.length>0&&(Lb[0]=Fb(a.touches[0],Jb),a.touches.length>1&&(Lb[1]=Fb(a.touches[1],Kb))):(Jb.x=a.pageX,Jb.y=a.pageY,Jb.id="",Lb[0]=Jb),Lb},Nb=function(a,b){var c,d,e,g,h=0,j=pa[a]+b[a],k=b[a]>0,l=tb.x+b.x,m=tb.x-nb.x;return c=j>da.min[a]||jda.min[a]&&(c=i.panEndFriction,h=da.min[a]-j,d=da.min[a]-oa[a]),(d<=0||m<0)&&ac()>1?(g=l,m<0&&l>nb.x&&(g=nb.x)):da.min.x!==da.max.x&&(e=j)):(j0)&&ac()>1?(g=l,m>0&&lf.currItem.fitRatio&&(pa[a]+=b[a]*c)):(void 0!==g&&(Ka(g,!0),$=g!==nb.x),da.min.x!==da.max.x&&(void 0!==e?pa.x=e:$||(pa.x+=b.x*c)),void 0!==g)},Ob=function(a){if(!("mousedown"===a.type&&a.button>0)){if($b)return void a.preventDefault();if(!U||"mousedown"!==a.type){if(Eb(a,!0)&&a.preventDefault(),Da("pointerDown"),F){var b=e.arraySearch(mb,a.pointerId,"id");b<0&&(b=mb.length),mb[b]={x:a.pageX,y:a.pageY,id:a.pointerId}}var c=Mb(a),d=c.length;_=null,cb(),V&&1!==d||(V=ha=!0,e.bind(window,p,f),S=ka=ia=T=$=Y=W=X=!1,ga=null,Da("firstTouchStart",c),Ma(oa,pa),na.x=na.y=0,Ma(kb,c[0]),Ma(lb,kb),nb.x=ta.x*ra,ob=[{x:kb.x,y:kb.y}],Q=P=Ea(),Sa(s,!0),zb(),Ab()),!aa&&d>1&&!fa&&!$&&(t=s,X=!1,aa=W=!0,na.y=na.x=0,Ma(oa,pa),Ma(hb,c[0]),Ma(ib,c[1]),Gb(hb,ib,vb),ub.x=Math.abs(vb.x)-pa.x,ub.y=Math.abs(vb.y)-pa.y,ba=ca=yb(hb,ib))}}},Pb=function(a){if(a.preventDefault(),F){var b=e.arraySearch(mb,a.pointerId,"id");if(b>-1){var c=mb[b];c.x=a.pageX,c.y=a.pageY}}if(V){var d=Mb(a);if(ga||Y||aa)_=d;else if(tb.x!==ta.x*ra)ga="h";else{var f=Math.abs(d[0].x-kb.x)-Math.abs(d[0].y-kb.y);Math.abs(f)>=gb&&(ga=f>0?"h":"v",_=d)}}},Qb=function(){if(_){var a=_.length;if(0!==a)if(Ma(hb,_[0]),jb.x=hb.x-kb.x,jb.y=hb.y-kb.y,aa&&a>1){if(kb.x=hb.x,kb.y=hb.y,!jb.x&&!jb.y&&wb(_[1],ib))return;Ma(ib,_[1]),X||(X=!0,Da("zoomGestureStarted"));var b=yb(hb,ib),c=Vb(b);c>f.currItem.initialZoomLevel+f.currItem.initialZoomLevel/15&&(ka=!0);var d=1,e=Ta(),g=Ua();if(c1&&(d=1),c=e-d*(e/3);else c>g&&(d=(c-g)/(6*e),d>1&&(d=1),c=g+d*e);d<0&&(d=0),ba=b,Gb(hb,ib,rb),na.x+=rb.x-vb.x,na.y+=rb.y-vb.y,Ma(vb,rb),pa.x=La("x",c),pa.y=La("y",c),S=c>s,s=c,Ha()}else{if(!ga)return;if(ha&&(ha=!1,Math.abs(jb.x)>=gb&&(jb.x-=_[0].x-lb.x),Math.abs(jb.y)>=gb&&(jb.y-=_[0].y-lb.y)),kb.x=hb.x,kb.y=hb.y,0===jb.x&&0===jb.y)return;if("v"===ga&&i.closeOnVerticalDrag&&!Bb()){na.y+=jb.y,pa.y+=jb.y;var k=Ib();return T=!0,Da("onVerticalDrag",k),Fa(k),void Ha()}Hb(Ea(),hb.x,hb.y),Y=!0,da=f.currItem.bounds;var l=Nb("x",jb);l||(Nb("y",jb),Na(pa),Ha())}}},Rb=function(a){if(N.isOldAndroid){if(U&&"mouseup"===a.type)return;a.type.indexOf("touch")>-1&&(clearTimeout(U),U=setTimeout(function(){U=0},600))}Da("pointerUp"),Eb(a,!1)&&a.preventDefault();var b;if(F){var c=e.arraySearch(mb,a.pointerId,"id");if(c>-1)if(b=mb.splice(c,1)[0],navigator.msPointerEnabled){var d={4:"mouse",2:"touch",3:"pen"};b.type=d[a.pointerType],b.type||(b.type=a.pointerType||"mouse")}else b.type=a.pointerType||"mouse"}var g,h=Mb(a),j=h.length;if("mouseup"===a.type&&(j=0),2===j)return _=null,!0;1===j&&Ma(lb,h[0]),0!==j||ga||fa||(b||("mouseup"===a.type?b={x:a.pageX,y:a.pageY,type:"mouse"}:a.changedTouches&&a.changedTouches[0]&&(b={x:a.changedTouches[0].pageX,y:a.changedTouches[0].pageY,type:"touch"})),Da("touchRelease",a,b));var k=-1;if(0===j&&(V=!1,e.unbind(window,p,f),zb(),aa?k=0:sb!==-1&&(k=Ea()-sb)),sb=1===j?Ea():-1,g=k!==-1&&k<150?"zoom":"swipe",aa&&j<2&&(aa=!1,1===j&&(g="zoomPointerUp"),Da("zoomGestureEnded")),_=null,Y||X||fa||T)if(cb(),R||(R=Sb()),R.calculateSwipeSpeed("x"),T){var l=Ib();if(lf.currItem.fitRatio&&Tb(R))}},Sb=function(){var a,b,c={lastFlickOffset:{},lastFlickDist:{},lastFlickSpeed:{},slowDownRatio:{},slowDownRatioReverse:{},speedDecelerationRatio:{},speedDecelerationRatioAbs:{},distanceOffset:{},backAnimDestination:{},backAnimStarted:{},calculateSwipeSpeed:function(d){ob.length>1?(a=Ea()-Q+50,b=ob[ob.length-2][d]):(a=Ea()-P,b=lb[d]),c.lastFlickOffset[d]=kb[d]-b,c.lastFlickDist[d]=Math.abs(c.lastFlickOffset[d]),c.lastFlickDist[d]>20?c.lastFlickSpeed[d]=c.lastFlickOffset[d]/a:c.lastFlickSpeed[d]=0,Math.abs(c.lastFlickSpeed[d])<.1&&(c.lastFlickSpeed[d]=0),c.slowDownRatio[d]=.95,c.slowDownRatioReverse[d]=1-c.slowDownRatio[d],c.speedDecelerationRatio[d]=1},calculateOverBoundsAnimOffset:function(a,b){c.backAnimStarted[a]||(pa[a]>da.min[a]?c.backAnimDestination[a]=da.min[a]:pa[a]fb&&(h||b.lastFlickOffset.x>20)?d=-1:g<-fb&&(h||b.lastFlickOffset.x<-20)&&(d=1)}var j;d&&(m+=d,m<0?(m=i.loop?ac()-1:0,j=!0):m>=ac()&&(m=i.loop?0:ac()-1,j=!0),j&&!i.loop||(ua+=d,ra-=d,c=!0));var k,l=ta.x*ra,n=Math.abs(l-tb.x);return c||l>tb.x==b.lastFlickSpeed.x>0?(k=Math.abs(b.lastFlickSpeed.x)>0?n/Math.abs(b.lastFlickSpeed.x):333,k=Math.min(k,400),k=Math.max(k,250)):k=333,qb===m&&(c=!1),fa=!0,Da("mainScrollAnimStart"),db("mainScroll",tb.x,l,k,e.easing.cubic.out,Ka,function(){cb(),fa=!1,qb=-1,(c||qb!==m)&&f.updateCurrItem(),Da("mainScrollAnimComplete")}),c&&f.updateCurrItem(!0),c},Vb=function(a){return 1/ca*a*t},Wb=function(){var a=s,b=Ta(),c=Ua();sc&&(a=c);var d,g=1,h=ja;return ia&&!S&&!ka&&s1||navigator.msMaxTouchPoints>1),f.likelyTouchDevice=G,r[A]=Ob,r[B]=Pb,r[C]=Rb,D&&(r[D]=r[C]),N.touch&&(q+=" mousedown",p+=" mousemove mouseup",r.mousedown=r[A],r.mousemove=r[B],r.mouseup=r[C]),G||(i.allowPanToNext=!1)}}});var Xb,Yb,Zb,$b,_b,ac,bc,cc=function(b,c,d,g){Xb&&clearTimeout(Xb),$b=!0,Zb=!0;var h;b.initialLayout?(h=b.initialLayout,b.initialLayout=null):h=i.getThumbBoundsFn&&i.getThumbBoundsFn(m);var j=d?i.hideAnimationDuration:i.showAnimationDuration,k=function(){ab("initialZoom"),d?(f.template.removeAttribute("style"),f.bg.removeAttribute("style")):(Fa(1),c&&(c.style.display="block"),e.addClass(a,"pswp--animated-in"),Da("initialZoom"+(d?"OutEnd":"InEnd"))),g&&g(),$b=!1};if(!j||!h||void 0===h.x)return Da("initialZoom"+(d?"Out":"In")),s=b.initialZoomLevel,Ma(pa,b.initialPosition),Ha(),a.style.opacity=d?0:1,Fa(1),void(j?setTimeout(function(){k()},j):k());var n=function(){var c=l,g=!f.currItem.src||f.currItem.loadError||i.showHideOpacity;b.miniImg&&(b.miniImg.style.webkitBackfaceVisibility="hidden"),d||(s=h.w/b.w,pa.x=h.x,pa.y=h.y-K,f[g?"template":"bg"].style.opacity=.001,Ha()),bb("initialZoom"),d&&!c&&e.removeClass(a,"pswp--animated-in"),g&&(d?e[(c?"remove":"add")+"Class"](a,"pswp--animate_opacity"):setTimeout(function(){e.addClass(a,"pswp--animate_opacity")},30)),Xb=setTimeout(function(){if(Da("initialZoom"+(d?"Out":"In")),d){var f=h.w/b.w,i={x:pa.x,y:pa.y},l=s,m=ja,n=function(b){1===b?(s=f,pa.x=h.x,pa.y=h.y-M):(s=(f-l)*b+l,pa.x=(h.x-i.x)*b+i.x,pa.y=(h.y-M-i.y)*b+i.y),Ha(),g?a.style.opacity=1-b:Fa(m-b*m)};c?db("initialZoom",0,1,j,e.easing.cubic.out,n,k):(n(1),Xb=setTimeout(k,j+20))}else s=b.initialZoomLevel,Ma(pa,b.initialPosition),Ha(),Fa(1),g?a.style.opacity=1:Fa(1),Xb=setTimeout(k,j+20)},d?25:90)};n()},dc={},ec=[],fc={index:0,errorMsg:'
The image could not be loaded.
',forceProgressiveLoading:!1,preload:[1,1],getNumItemsFn:function(){return Yb.length}},gc=function(){return{center:{x:0,y:0},max:{x:0,y:0},min:{x:0,y:0}}},hc=function(a,b,c){var d=a.bounds;d.center.x=Math.round((dc.x-b)/2),d.center.y=Math.round((dc.y-c)/2)+a.vGap.top,d.max.x=b>dc.x?Math.round(dc.x-b):d.center.x,d.max.y=c>dc.y?Math.round(dc.y-c)+a.vGap.top:d.center.y,d.min.x=b>dc.x?0:d.center.x,d.min.y=c>dc.y?a.vGap.top:d.center.y},ic=function(a,b,c){if(a.src&&!a.loadError){var d=!c;if(d&&(a.vGap||(a.vGap={top:0,bottom:0}),Da("parseVerticalMargin",a)),dc.x=b.x,dc.y=b.y-a.vGap.top-a.vGap.bottom,d){var e=dc.x/a.w,f=dc.y/a.h;a.fitRatio=e1&&(c=1),a.initialZoomLevel=c,a.bounds||(a.bounds=gc())}if(!c)return;return hc(a,a.w*c,a.h*c),d&&c===a.initialZoomLevel&&(a.initialPosition=a.bounds.center),a.bounds}return a.w=a.h=0,a.initialZoomLevel=a.fitRatio=1,a.bounds=gc(),a.initialPosition=a.bounds.center,a.bounds},jc=function(a,b,c,d,e,g){b.loadError||d&&(b.imageAppended=!0,mc(b,d,b===f.currItem&&ya),c.appendChild(d),g&&setTimeout(function(){b&&b.loaded&&b.placeholder&&(b.placeholder.style.display="none",b.placeholder=null)},500))},kc=function(a){a.loading=!0,a.loaded=!1;var b=a.img=e.createEl("pswp__img","img"),c=function(){a.loading=!1,a.loaded=!0,a.loadComplete?a.loadComplete(a):a.img=null,b.onload=b.onerror=null,b=null};return b.onload=c,b.onerror=function(){a.loadError=!0,c()},b.src=a.src,b},lc=function(a,b){if(a.src&&a.loadError&&a.container)return b&&(a.container.innerHTML=""),a.container.innerHTML=i.errorMsg.replace("%url%",a.src),!0},mc=function(a,b,c){if(a.src){b||(b=a.container.lastChild);var d=c?a.w:Math.round(a.w*a.fitRatio),e=c?a.h:Math.round(a.h*a.fitRatio);a.placeholder&&!a.loaded&&(a.placeholder.style.width=d+"px",a.placeholder.style.height=e+"px"),b.style.width=d+"px",b.style.height=e+"px"}},nc=function(){if(ec.length){for(var a,b=0;b=0,e=Math.min(c[0],ac()),g=Math.min(c[1],ac());for(b=1;b<=(d?g:e);b++)f.lazyLoadItem(m+b);for(b=1;b<=(d?e:g);b++)f.lazyLoadItem(m-b)}),Ca("initialLayout",function(){f.currItem.initialLayout=i.getThumbBoundsFn&&i.getThumbBoundsFn(m)}),Ca("mainScrollAnimComplete",nc),Ca("initialZoomInEnd",nc),Ca("destroy",function(){for(var a,b=0;b=0&&(void 0!==Yb[a]&&Yb[a])},allowProgressiveImg:function(){return i.forceProgressiveLoading||!G||i.mouseUsed||screen.width>1200},setContent:function(a,b){i.loop&&(b=Aa(b));var c=f.getItemAt(a.index);c&&(c.container=null);var d,g=f.getItemAt(b);if(!g)return void(a.el.innerHTML="");Da("gettingData",b,g),a.index=b,a.item=g;var h=g.container=e.createEl("pswp__zoom-wrap");if(!g.src&&g.html&&(g.html.tagName?h.appendChild(g.html):h.innerHTML=g.html),lc(g),ic(g,qa),!g.src||g.loadError||g.loaded)g.src&&!g.loadError&&(d=e.createEl("pswp__img","img"),d.style.opacity=1,d.src=g.src,mc(g,d),jc(b,g,h,d,!0));else{if(g.loadComplete=function(c){if(j){if(a&&a.index===b){if(lc(c,!0))return c.loadComplete=c.img=null,ic(c,qa),Ia(c),void(a.index===m&&f.updateCurrZoomItem());c.imageAppended?!$b&&c.placeholder&&(c.placeholder.style.display="none",c.placeholder=null):N.transform&&(fa||$b)?ec.push({item:c,baseDiv:h,img:c.img,index:b,holder:a,clearPlaceholder:!0}):jc(b,c,h,c.img,fa||$b,!0)}c.loadComplete=null,c.img=null,Da("imageLoadComplete",b,c)}},e.features.transform){var k="pswp__img pswp__img--placeholder";k+=g.msrc?"":" pswp__img--placeholder--blank";var l=e.createEl(k,g.msrc?"img":"");g.msrc&&(l.src=g.msrc),mc(g,l),h.appendChild(l),g.placeholder=l}g.loading||kc(g),f.allowProgressiveImg()&&(!Zb&&N.transform?ec.push({item:g,baseDiv:h,img:g.img,index:b,holder:a}):jc(b,g,h,g.img,!0,!0))}Zb||b!==m?Ia(g):(ea=h.style,cc(g,d||g.img)),a.el.innerHTML="",a.el.appendChild(h)},cleanSlide:function(a){a.img&&(a.img.onload=a.img.onerror=null),a.loaded=a.loading=a.img=a.imageAppended=!1}}});var oc,pc={},qc=function(a,b,c){var d=document.createEvent("CustomEvent"),e={origEvent:a,target:a.target,releasePoint:b,pointerType:c||"touch"};d.initCustomEvent("pswpTap",!0,!0,e),a.target.dispatchEvent(d)};za("Tap",{publicMethods:{initTap:function(){Ca("firstTouchStart",f.onTapStart),Ca("touchRelease",f.onTapRelease),Ca("destroy",function(){pc={},oc=null})},onTapStart:function(a){a.length>1&&(clearTimeout(oc),oc=null)},onTapRelease:function(a,b){if(b&&!Y&&!W&&!_a){var c=b;if(oc&&(clearTimeout(oc),oc=null,xb(c,pc)))return void Da("doubleTap",c);if("mouse"===b.type)return void qc(a,b,"mouse");var d=a.target.tagName.toUpperCase();if("BUTTON"===d||e.hasClass(a.target,"pswp__single-tap"))return void qc(a,b);Ma(pc,c),oc=setTimeout(function(){qc(a,b),oc=null},300)}}}});var rc;za("DesktopZoom",{publicMethods:{initDesktopZoom:function(){L||(G?Ca("mouseUsed",function(){f.setupDesktopZoom()}):f.setupDesktopZoom(!0))},setupDesktopZoom:function(b){rc={};var c="wheel mousewheel DOMMouseScroll";Ca("bindEvents",function(){e.bind(a,c,f.handleMouseWheel)}),Ca("unbindEvents",function(){rc&&e.unbind(a,c,f.handleMouseWheel)}),f.mouseZoomedIn=!1;var d,g=function(){f.mouseZoomedIn&&(e.removeClass(a,"pswp--zoomed-in"),f.mouseZoomedIn=!1),s<1?e.addClass(a,"pswp--zoom-allowed"):e.removeClass(a,"pswp--zoom-allowed"),h()},h=function(){d&&(e.removeClass(a,"pswp--dragging"),d=!1)};Ca("resize",g),Ca("afterChange",g),Ca("pointerDown",function(){f.mouseZoomedIn&&(d=!0,e.addClass(a,"pswp--dragging"))}),Ca("pointerUp",h),b||g()},handleMouseWheel:function(a){if(s<=f.currItem.fitRatio)return i.modal&&(!i.closeOnScroll||_a||V?a.preventDefault():E&&Math.abs(a.deltaY)>2&&(l=!0,f.close())),!0;if(a.stopPropagation(),rc.x=0,"deltaX"in a)1===a.deltaMode?(rc.x=18*a.deltaX,rc.y=18*a.deltaY):(rc.x=a.deltaX,rc.y=a.deltaY);else if("wheelDelta"in a)a.wheelDeltaX&&(rc.x=-.16*a.wheelDeltaX),a.wheelDeltaY?rc.y=-.16*a.wheelDeltaY:rc.y=-.16*a.wheelDelta;else{if(!("detail"in a))return;rc.y=a.detail}Sa(s,!0);var b=pa.x-rc.x,c=pa.y-rc.y;(i.modal||b<=da.min.x&&b>=da.max.x&&c<=da.min.y&&c>=da.max.y)&&a.preventDefault(),f.panTo(b,c)},toggleDesktopZoom:function(b){b=b||{x:qa.x/2+sa.x,y:qa.y/2+sa.y};var c=i.getDoubleTapZoom(!0,f.currItem),d=s===c;f.mouseZoomedIn=!d,f.zoomTo(d?f.currItem.initialZoomLevel:c,b,333),e[(d?"remove":"add")+"Class"](a,"pswp--zoomed-in")}}});var sc,tc,uc,vc,wc,xc,yc,zc,Ac,Bc,Cc,Dc,Ec={history:!0,galleryUID:1},Fc=function(){return Cc.hash.substring(1)},Gc=function(){sc&&clearTimeout(sc),uc&&clearTimeout(uc)},Hc=function(){var a=Fc(),b={};if(a.length<5)return b;var c,d=a.split("&");for(c=0;c-1&&(yc=yc.substring(0,b),"&"===yc.slice(-1)&&(yc=yc.slice(0,-1))),setTimeout(function(){j&&e.bind(window,"hashchange",f.onHashChange)},40)}},onHashChange:function(){return Fc()===yc?(Ac=!0,void f.close()):void(vc||(wc=!0,f.goTo(Hc().pid),wc=!1))},updateURL:function(){Gc(),wc||(zc?sc=setTimeout(Ic,800):Ic())}}}),e.extend(f,eb)};return a}); \ No newline at end of file diff --git a/assets/js/scripts.js b/assets/js/scripts.js new file mode 100755 index 0000000..0bf4648 --- /dev/null +++ b/assets/js/scripts.js @@ -0,0 +1,612 @@ +// Sticky menu +var new_scroll_position = 0; +var last_scroll_position; +var header = document.getElementById("js-header"); +var stickyMenu = document.getElementById("js-navbar-menu"); + +window.addEventListener('scroll', function (e) { + last_scroll_position = window.scrollY; + + // Scrolling down + if (new_scroll_position < last_scroll_position && last_scroll_position > 40) { + header.classList.remove("is-visible"); + header.classList.add("is-hidden"); + + // Scrolling up + } else if (new_scroll_position > last_scroll_position) { + header.classList.remove("is-hidden"); + header.classList.add("is-visible"); + if (stickyMenu) { + stickyMenu.classList.add("is-sticky"); + } + } + + if (last_scroll_position < 1) { + header.classList.remove("is-visible"); + + if (stickyMenu) { + stickyMenu.classList.remove("is-sticky"); + } + } + + new_scroll_position = last_scroll_position; +}); + +// Dropdown menu +(function (menuConfig) { + /** + * Merge default config with the theme overrided ones + */ + var defaultConfig = { + // behaviour + mobileMenuMode: 'overlay', + animationSpeed: 300, + submenuWidth: 300, + doubleClickTime: 500, + mobileMenuExpandableSubmenus: false, + isHoverMenu: true, + // selectors + wrapperSelector: '.navbar', + buttonSelector: '.navbar__toggle', + menuSelector: '.navbar__menu', + submenuSelector: '.navbar__submenu', + mobileMenuSidebarLogoSelector: null, + mobileMenuSidebarLogoUrl: null, + relatedContainerForOverlayMenuSelector: null, + // attributes + ariaButtonAttribute: 'aria-haspopup', + // CSS classes + separatorItemClass: 'is-separator', + parentItemClass: 'has-submenu', + submenuLeftPositionClass: 'is-left-submenu', + submenuRightPositionClass: 'is-right-submenu', + mobileMenuOverlayClass: 'navbar_mobile_overlay', + mobileMenuSubmenuWrapperClass: 'navbar__submenu_wrapper', + mobileMenuSidebarClass: 'navbar_mobile_sidebar', + mobileMenuSidebarOverlayClass: 'navbar_mobile_sidebar__overlay', + hiddenElementClass: 'is-hidden', + openedMenuClass: 'is-active', + noScrollClass: 'no-scroll', + relatedContainerForOverlayMenuClass: 'is-visible' + }; + + var config = {}; + + Object.keys(defaultConfig).forEach(function(key) { + config[key] = defaultConfig[key]; + }); + + if (typeof menuConfig === 'object') { + Object.keys(menuConfig).forEach(function(key) { + config[key] = menuConfig[key]; + }); + } + + /** + * Menu initializer + */ + function init () { + if (!document.querySelectorAll(config.wrapperSelector).length) { + return; + } + + initSubmenuPositions(); + + if (config.mobileMenuMode === 'overlay') { + initMobileMenuOverlay(); + } else if (config.mobileMenuMode === 'sidebar') { + initMobileMenuSidebar(); + } + + initClosingMenuOnClickLink(); + + if (!config.isHoverMenu) { + initAriaAttributes(); + } + }; + + /** + * Function responsible for the submenu positions + */ + function initSubmenuPositions () { + var submenuParents = document.querySelectorAll(config.wrapperSelector + ' .' + config.parentItemClass); + + for (var i = 0; i < submenuParents.length; i++) { + var eventTrigger = config.isHoverMenu ? 'mouseenter' : 'click'; + + submenuParents[i].addEventListener(eventTrigger, function () { + var submenu = this.querySelector(config.submenuSelector); + var itemPosition = this.getBoundingClientRect().left; + var widthMultiplier = 2; + + if (this.parentNode === document.querySelector(config.menuSelector)) { + widthMultiplier = 1; + } + + if (config.submenuWidth !== 'auto') { + var submenuPotentialPosition = itemPosition + (config.submenuWidth * widthMultiplier); + + if (window.innerWidth < submenuPotentialPosition) { + submenu.classList.remove(config.submenuLeftPositionClass); + submenu.classList.add(config.submenuRightPositionClass); + } else { + submenu.classList.remove(config.submenuRightPositionClass); + submenu.classList.add(config.submenuLeftPositionClass); + } + } else { + var submenuPotentialPosition = 0; + var submenuPosition = 0; + + if (widthMultiplier === 1) { + submenuPotentialPosition = itemPosition + submenu.clientWidth; + } else { + submenuPotentialPosition = itemPosition + this.clientWidth + submenu.clientWidth; + } + + if (window.innerWidth < submenuPotentialPosition) { + submenu.classList.remove(config.submenuLeftPositionClass); + submenu.classList.add(config.submenuRightPositionClass); + submenuPosition = -1 * submenu.clientWidth; + submenu.removeAttribute('style'); + + if (widthMultiplier === 1) { + submenuPosition = 0; + submenu.style.right = submenuPosition + 'px'; + } else { + submenu.style.right = this.clientWidth + 'px'; + } + } else { + submenu.classList.remove(config.submenuRightPositionClass); + submenu.classList.add(config.submenuLeftPositionClass); + submenuPosition = this.clientWidth; + + if (widthMultiplier === 1) { + submenuPosition = 0; + } + + submenu.removeAttribute('style'); + submenu.style.left = submenuPosition + 'px'; + } + } + + submenu.setAttribute('aria-hidden', false); + }); + + if (config.isHoverMenu) { + submenuParents[i].addEventListener('mouseleave', function () { + var submenu = this.querySelector(config.submenuSelector); + submenu.removeAttribute('style'); + submenu.setAttribute('aria-hidden', true); + }); + } + } + } + + /** + * Function used to init mobile menu - overlay mode + */ + function initMobileMenuOverlay () { + var menuWrapper = document.createElement('div'); + menuWrapper.classList.add(config.mobileMenuOverlayClass); + menuWrapper.classList.add(config.hiddenElementClass); + var menuContentHTML = document.querySelector(config.menuSelector).outerHTML; + menuWrapper.innerHTML = menuContentHTML; + document.body.appendChild(menuWrapper); + + // Init toggle submenus + if (config.mobileMenuExpandableSubmenus) { + wrapSubmenusIntoContainer(menuWrapper); + initToggleSubmenu(menuWrapper); + } else { + setAriaForSubmenus(menuWrapper); + } + + // Init button events + var button = document.querySelector(config.buttonSelector); + + button.addEventListener('click', function () { + var relatedContainer = document.querySelector(config.relatedContainerForOverlayMenuSelector); + menuWrapper.classList.toggle(config.hiddenElementClass); + button.classList.toggle(config.openedMenuClass); + button.setAttribute(config.ariaButtonAttribute, button.classList.contains(config.openedMenuClass)); + + if (button.classList.contains(config.openedMenuClass)) { + document.documentElement.classList.add(config.noScrollClass); + + if (relatedContainer) { + relatedContainer.classList.add(config.relatedContainerForOverlayMenuClass); + } + } else { + document.documentElement.classList.remove(config.noScrollClass); + + if (relatedContainer) { + relatedContainer.classList.remove(config.relatedContainerForOverlayMenuClass); + } + } + }); + } + + /** + * Function used to init mobile menu - sidebar mode + */ + function initMobileMenuSidebar () { + // Create menu structure + var menuWrapper = document.createElement('div'); + menuWrapper.classList.add(config.mobileMenuSidebarClass); + menuWrapper.classList.add(config.hiddenElementClass); + var menuContentHTML = ''; + + if (config.mobileMenuSidebarLogoSelector !== null) { + menuContentHTML = document.querySelector(config.mobileMenuSidebarLogoSelector).outerHTML; + } else if (config.mobileMenuSidebarLogoUrl !== null) { + menuContentHTML = ''; + } + + menuContentHTML += document.querySelector(config.menuSelector).outerHTML; + menuWrapper.innerHTML = menuContentHTML; + + var menuOverlay = document.createElement('div'); + menuOverlay.classList.add(config.mobileMenuSidebarOverlayClass); + menuOverlay.classList.add(config.hiddenElementClass); + + document.body.appendChild(menuOverlay); + document.body.appendChild(menuWrapper); + + // Init toggle submenus + if (config.mobileMenuExpandableSubmenus) { + wrapSubmenusIntoContainer(menuWrapper); + initToggleSubmenu(menuWrapper); + } else { + setAriaForSubmenus(menuWrapper); + } + + // Menu events + menuWrapper.addEventListener('click', function (e) { + e.stopPropagation(); + }); + + menuOverlay.addEventListener('click', function () { + menuWrapper.classList.add(config.hiddenElementClass); + menuOverlay.classList.add(config.hiddenElementClass); + button.classList.remove(config.openedMenuClass); + button.setAttribute(config.ariaButtonAttribute, false); + document.documentElement.classList.remove(config.noScrollClass); + }); + + // Init button events + var button = document.querySelector(config.buttonSelector); + + button.addEventListener('click', function () { + menuWrapper.classList.toggle(config.hiddenElementClass); + menuOverlay.classList.toggle(config.hiddenElementClass); + button.classList.toggle(config.openedMenuClass); + button.setAttribute(config.ariaButtonAttribute, button.classList.contains(config.openedMenuClass)); + document.documentElement.classList.toggle(config.noScrollClass); + }); + } + + /** + * Set aria-hidden="false" for submenus + */ + function setAriaForSubmenus (menuWrapper) { + var submenus = menuWrapper.querySelectorAll(config.submenuSelector); + + for (var i = 0; i < submenus.length; i++) { + submenus[i].setAttribute('aria-hidden', false); + } + } + + /** + * Wrap all submenus into div wrappers + */ + function wrapSubmenusIntoContainer (menuWrapper) { + var submenus = menuWrapper.querySelectorAll(config.submenuSelector); + + for (var i = 0; i < submenus.length; i++) { + var submenuWrapper = document.createElement('div'); + submenuWrapper.classList.add(config.mobileMenuSubmenuWrapperClass); + submenus[i].parentNode.insertBefore(submenuWrapper, submenus[i]); + submenuWrapper.appendChild(submenus[i]); + } + } + + /** + * Initialize submenu toggle events + */ + function initToggleSubmenu (menuWrapper) { + // Init parent menu item events + var parents = menuWrapper.querySelectorAll('.' + config.parentItemClass); + + for (var i = 0; i < parents.length; i++) { + // Add toggle events + parents[i].addEventListener('click', function (e) { + e.stopPropagation(); + var submenu = this.querySelector('.' + config.mobileMenuSubmenuWrapperClass); + var content = submenu.firstElementChild; + + if (submenu.classList.contains(config.openedMenuClass)) { + var height = content.clientHeight; + submenu.style.height = height + 'px'; + + setTimeout(function () { + submenu.style.height = '0px'; + }, 0); + + setTimeout(function () { + submenu.removeAttribute('style'); + submenu.classList.remove(config.openedMenuClass); + }, config.animationSpeed); + + content.setAttribute('aria-hidden', true); + content.parentNode.firstElementChild.setAttribute('aria-expanded', false); + } else { + var height = content.clientHeight; + submenu.classList.add(config.openedMenuClass); + submenu.style.height = '0px'; + + setTimeout(function () { + submenu.style.height = height + 'px'; + }, 0); + + setTimeout(function () { + submenu.removeAttribute('style'); + }, config.animationSpeed); + + content.setAttribute('aria-hidden', false); + content.parentNode.firstElementChild.setAttribute('aria-expanded', true); + } + }); + + // Block links + var childNodes = parents[i].children; + + for (var j = 0; j < childNodes.length; j++) { + if (childNodes[j].tagName === 'A') { + childNodes[j].addEventListener('click', function (e) { + var lastClick = parseInt(this.getAttribute('data-last-click'), 10); + var currentTime = +new Date(); + + if (isNaN(lastClick)) { + e.preventDefault(); + this.setAttribute('data-last-click', currentTime); + } else if (lastClick + config.doubleClickTime <= currentTime) { + e.preventDefault(); + this.setAttribute('data-last-click', currentTime); + } else if (lastClick + config.doubleClickTime > currentTime) { + e.stopPropagation(); + closeMenu(this, true); + } + }); + } + } + } + } + + /** + * Set aria-* attributes according to the current activity state + */ + function initAriaAttributes () { + var allAriaElements = document.querySelectorAll(config.wrapperSelector + ' ' + '*[aria-hidden]'); + + for (var i = 0; i < allAriaElements.length; i++) { + var ariaElement = allAriaElements[i]; + + if ( + ariaElement.parentNode.classList.contains('active') || + ariaElement.parentNode.classList.contains('active-parent') + ) { + ariaElement.setAttribute('aria-hidden', 'false'); + ariaElement.parentNode.firstElementChild.setAttribute('aria-expanded', true); + } else { + ariaElement.setAttribute('aria-hidden', 'true'); + ariaElement.parentNode.firstElementChild.setAttribute('aria-expanded', false); + } + } + } + + /** + * Close menu on click link + */ + function initClosingMenuOnClickLink () { + var links = document.querySelectorAll(config.menuSelector + ' a'); + + for (var i = 0; i < links.length; i++) { + if (links[i].parentNode.classList.contains(config.parentItemClass)) { + continue; + } + + links[i].addEventListener('click', function (e) { + closeMenu(this, false); + }); + } + } + + /** + * Close menu + */ + function closeMenu (clickedLink, forceClose) { + if (forceClose === false) { + if (clickedLink.parentNode.classList.contains(config.parentItemClass)) { + return; + } + } + + var relatedContainer = document.querySelector(config.relatedContainerForOverlayMenuSelector); + var button = document.querySelector(config.buttonSelector); + var menuWrapper = document.querySelector('.' + config.mobileMenuOverlayClass); + + if (!menuWrapper) { + menuWrapper = document.querySelector('.' + config.mobileMenuSidebarClass); + } + + menuWrapper.classList.add(config.hiddenElementClass); + button.classList.remove(config.openedMenuClass); + button.setAttribute(config.ariaButtonAttribute, false); + document.documentElement.classList.remove(config.noScrollClass); + + if (relatedContainer) { + relatedContainer.classList.remove(config.relatedContainerForOverlayMenuClass); + } + + var menuOverlay = document.querySelector('.' + config.mobileMenuSidebarOverlayClass); + + if (menuOverlay) { + menuOverlay.classList.add(config.hiddenElementClass); + } + } + + /** + * Run menu scripts + */ + init(); +})(window.publiiThemeMenuConfig); + +// Load comments +var comments = document.getElementById("js-comments"); + if (comments) { + comments.addEventListener("click", function() { + comments.classList.toggle("is-hidden"); + var container = document.getElementById("js-comments__inner"); + container.classList.toggle("is-visible"); + }); + } + +// Load search input area +var searchButton = document.querySelector(".js-search-btn"); + searchOverlay = document.querySelector(".js-search-overlay"); + searchClose = document.querySelector(".js-search-close"); + searchInput = document.querySelector("[type='search']"); + +if (searchButton) { + searchButton.addEventListener("click", function () { + searchOverlay.classList.add("expanded"); + if (searchInput) { + setTimeout(function() { + searchInput.focus(); + }, 60); + } + }); + + searchClose.addEventListener("click", function () { + searchOverlay.classList.remove('expanded'); + }); +} + +// Share buttons pop-up +(function () { + // share popup + let shareButton = document.querySelector('.js-post__share-button'); + let sharePopup = document.querySelector('.js-post__share-popup'); + + if (shareButton) { + sharePopup.addEventListener('click', function (e) { + e.stopPropagation(); + }); + + shareButton.addEventListener('click', function (e) { + e.preventDefault(); + e.stopPropagation(); + sharePopup.classList.toggle('is-visible'); + }); + + document.body.addEventListener('click', function () { + sharePopup.classList.remove('is-visible'); + }); + } + + // link selector and pop-up window size + var Config = { + Link: ".js-share", + Width: 500, + Height: 500 + }; + // add handler links + var slink = document.querySelectorAll(Config.Link); + for (var a = 0; a < slink.length; a++) { + slink[a].onclick = PopupHandler; + } + // create popup + function PopupHandler(e) { + e = (e ? e : window.event); + var t = (e.target ? e.target : e.srcElement); + // hide share popup + if (sharePopup) { + sharePopup.classList.remove('is-visible'); + } + // popup position + var px = Math.floor(((screen.availWidth || 1024) - Config.Width) / 2), + py = Math.floor(((screen.availHeight || 700) - Config.Height) / 2); + // open popup + var link_href = t.href ? t.href : t.parentNode.href; + var popup = window.open(link_href, "social", + "width=" + Config.Width + ",height=" + Config.Height + + ",left=" + px + ",top=" + py + + ",location=0,menubar=0,toolbar=0,status=0,scrollbars=1,resizable=1"); + if (popup) { + popup.focus(); + if (e.preventDefault) e.preventDefault(); + e.returnValue = false; + } + + return !!popup; + } +})(); + +// Back to top +var backToTopButton = document.getElementById("backToTop"); +if (backToTopButton) { + window.onscroll = function() {backToTopScrollFunction()}; + + function backToTopScrollFunction() { + if (document.body.scrollTop > 400 || document.documentElement.scrollTop > 400) { + backToTopButton.classList.add("is-visible"); + } else { + backToTopButton.classList.remove("is-visible"); + } + } + + function backToTopFunction() { + document.body.scrollTop = 0; + document.documentElement.scrollTop = 0; + }; +} + +// Responsive embeds script +(function () { + let wrappers = document.querySelectorAll('.post__video, .post__iframe'); + + for (let i = 0; i < wrappers.length; i++) { + let embed = wrappers[i].querySelector('iframe, embed, video, object'); + + if (!embed) { + continue; + } + + if (embed.getAttribute('data-responsive') === 'false') { + continue; + } + + let w = embed.getAttribute('width'); + let h = embed.getAttribute('height'); + let ratio = false; + + if (!w || !h) { + continue; + } + + if (w.indexOf('%') > -1 && h.indexOf('%') > -1) { // percentage mode + w = parseFloat(w.replace('%', '')); + h = parseFloat(h.replace('%', '')); + ratio = h / w; + } else if (w.indexOf('%') === -1 && h.indexOf('%') === -1) { // pixels mode + w = parseInt(w, 10); + h = parseInt(h, 10); + ratio = h / w; + } + + if (ratio !== false) { + let ratioValue = (ratio * 100) + '%'; + wrappers[i].setAttribute('style', '--embed-aspect-ratio:' + ratioValue); + } + } +})(); \ No newline at end of file diff --git a/assets/js/scripts.min.js b/assets/js/scripts.min.js new file mode 100755 index 0000000..7aae324 --- /dev/null +++ b/assets/js/scripts.min.js @@ -0,0 +1 @@ +var new_scroll_position=0;var last_scroll_position;var header=document.getElementById("js-header");var stickyMenu=document.getElementById("js-navbar-menu");window.addEventListener("scroll",function(a){last_scroll_position=window.scrollY;if(new_scroll_position40){header.classList.remove("is-visible");header.classList.add("is-hidden")}else{if(new_scroll_position>last_scroll_position){header.classList.remove("is-hidden");header.classList.add("is-visible");if(stickyMenu){stickyMenu.classList.add("is-sticky")}}}if(last_scroll_position<1){header.classList.remove("is-visible");if(stickyMenu){stickyMenu.classList.remove("is-sticky")}}new_scroll_position=last_scroll_position});(function(e){var d={mobileMenuMode:"overlay",animationSpeed:300,submenuWidth:300,doubleClickTime:500,mobileMenuExpandableSubmenus:false,isHoverMenu:true,wrapperSelector:".navbar",buttonSelector:".navbar__toggle",menuSelector:".navbar__menu",submenuSelector:".navbar__submenu",mobileMenuSidebarLogoSelector:null,mobileMenuSidebarLogoUrl:null,relatedContainerForOverlayMenuSelector:null,ariaButtonAttribute:"aria-haspopup",separatorItemClass:"is-separator",parentItemClass:"has-submenu",submenuLeftPositionClass:"is-left-submenu",submenuRightPositionClass:"is-right-submenu",mobileMenuOverlayClass:"navbar_mobile_overlay",mobileMenuSubmenuWrapperClass:"navbar__submenu_wrapper",mobileMenuSidebarClass:"navbar_mobile_sidebar",mobileMenuSidebarOverlayClass:"navbar_mobile_sidebar__overlay",hiddenElementClass:"is-hidden",openedMenuClass:"is-active",noScrollClass:"no-scroll",relatedContainerForOverlayMenuClass:"is-visible"};var b={};Object.keys(d).forEach(function(p){b[p]=d[p]});if(typeof e==="object"){Object.keys(e).forEach(function(p){b[p]=e[p]})}function o(){if(!document.querySelectorAll(b.wrapperSelector).length){return}c();if(b.mobileMenuMode==="overlay"){m()}else{if(b.mobileMenuMode==="sidebar"){l()}}n();if(!b.isHoverMenu){f()}}function c(){var p=document.querySelectorAll(b.wrapperSelector+" ."+b.parentItemClass);for(var r=0;r'}}p+=document.querySelector(b.menuSelector).outerHTML;r.innerHTML=p;var s=document.createElement("div");s.classList.add(b.mobileMenuSidebarOverlayClass);s.classList.add(b.hiddenElementClass);document.body.appendChild(s);document.body.appendChild(r);if(b.mobileMenuExpandableSubmenus){j(r);a(r)}else{k(r)}r.addEventListener("click",function(t){t.stopPropagation()});s.addEventListener("click",function(){r.classList.add(b.hiddenElementClass);s.classList.add(b.hiddenElementClass);q.classList.remove(b.openedMenuClass);q.setAttribute(b.ariaButtonAttribute,false);document.documentElement.classList.remove(b.noScrollClass)});var q=document.querySelector(b.buttonSelector);q.addEventListener("click",function(){r.classList.toggle(b.hiddenElementClass);s.classList.toggle(b.hiddenElementClass);q.classList.toggle(b.openedMenuClass);q.setAttribute(b.ariaButtonAttribute,q.classList.contains(b.openedMenuClass));document.documentElement.classList.toggle(b.noScrollClass)})}function k(r){var p=r.querySelectorAll(b.submenuSelector);for(var q=0;qv){x.stopPropagation();g(this,true)}}}})}}}}function f(){var q=document.querySelectorAll(b.wrapperSelector+" *[aria-hidden]");for(var r=0;r400||document.documentElement.scrollTop>400){backToTopButton.classList.add("is-visible")}else{backToTopButton.classList.remove("is-visible")}}function backToTopFunction(){document.body.scrollTop=0;document.documentElement.scrollTop=0}}(function(){let wrappers=document.querySelectorAll(".post__video, .post__iframe");for(let i=0;i-1&&h.indexOf("%")>-1){w=parseFloat(w.replace("%",""));h=parseFloat(h.replace("%",""));ratio=h/w}else{if(w.indexOf("%")===-1&&h.indexOf("%")===-1){w=parseInt(w,10);h=parseInt(h,10);ratio=h/w}}if(ratio!==false){let ratioValue=(ratio*100)+"%";wrappers[i].setAttribute("style","--embed-aspect-ratio:"+ratioValue)}}})(); \ No newline at end of file diff --git a/assets/js/svg-fix.js b/assets/js/svg-fix.js new file mode 100755 index 0000000..7a622a3 --- /dev/null +++ b/assets/js/svg-fix.js @@ -0,0 +1,19 @@ +// SVG map fix +(function() { + var allItems = document.querySelectorAll('use'); + + for (var i = 0; i < allItems.length; i++) { + var item = allItems[i]; + var anchor = '#' + item.getAttribute('xlink:href').split('#')[1]; + var itemData = window.publiiSvgFix[anchor]; + + if(!itemData) { + console.log('ANCHOR', anchor, i); + continue; + } + + var svgItem = item.parentNode; + svgItem.innerHTML = itemData.content; + svgItem.setAttribute('viewBox', itemData.viewbox); + } +})(); \ No newline at end of file diff --git a/assets/js/svg-map.js b/assets/js/svg-map.js new file mode 100755 index 0000000..72346a3 --- /dev/null +++ b/assets/js/svg-map.js @@ -0,0 +1,63 @@ +window.publiiSvgFix = { + + "#search": { + "viewbox": "0 0 15 15", + "content": "" + }, + "#arrow-prev": { + "viewbox": "0 0 20 8", + "content": "" + }, + "#arrow-next": { + "viewbox": "0 0 20 8", + "content": "" + }, + "#toparrow": { + "viewbox": "0 0 23 23", + "content": "" + }, + "#website": { + "viewbox": "0 0 24 24", + "content": "" + }, + "#facebook": { + "viewbox": "0 0 32 32", + "content": "" + }, + "#twitter": { + "viewbox": "0 0 24 24", + "content": "" + }, + "#instagram": { + "viewbox": "0 0 32 32", + "content": "" + }, + "#linkedin": { + "viewbox": "0 0 34.48 32", + "content": "" + }, + "#vimeo": { + "viewbox": "0 0 24.999 20.159", + "content": "" + }, + "#youtube": { + "viewbox": "0 0 32 22.507", + "content": "" + }, + "#pinterest": { + "viewbox": "0 0 32 32", + "content": "" + }, + "#mix": { + "viewbox": "0 0 32 32", + "content": "" + }, + "#buffer": { + "viewbox": "0 0 32 32", + "content": "" + }, + "#whatsapp": { + "viewbox": "0 0 32 32", + "content": "" + } +}; diff --git a/assets/svg/gallery-icons-dark.svg b/assets/svg/gallery-icons-dark.svg new file mode 100755 index 0000000..0ee5eaa --- /dev/null +++ b/assets/svg/gallery-icons-dark.svg @@ -0,0 +1,49 @@ + + + +default-skin 2 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/svg/gallery-icons-light.svg b/assets/svg/gallery-icons-light.svg new file mode 100755 index 0000000..166696a --- /dev/null +++ b/assets/svg/gallery-icons-light.svg @@ -0,0 +1,54 @@ + + + + +default-skin 2 + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/assets/svg/svg-map.svg b/assets/svg/svg-map.svg new file mode 100755 index 0000000..bb9250f --- /dev/null +++ b/assets/svg/svg-map.svg @@ -0,0 +1,86 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/feed.json b/feed.json new file mode 100644 index 0000000..bce8707 --- /dev/null +++ b/feed.json @@ -0,0 +1,13 @@ +{ + "version": "https://jsonfeed.org/version/1", + "title": "Test", + "description": "", + "home_page_url": "https://code.nolog.cz/Nudista-Online/pages", + "feed_url": "https://code.nolog.cz/Nudista-Online/pages/feed.json", + "user_comment": "", + "author": { + "name": "Test" + }, + "items": [ + ] +} diff --git a/feed.xml b/feed.xml new file mode 100644 index 0000000..815bb97 --- /dev/null +++ b/feed.xml @@ -0,0 +1,12 @@ + + + Test + + + 1970-01-01T01:00:00+01:00 + + Test + + https://code.nolog.cz/Nudista-Online/pages + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..b8ba6a1 --- /dev/null +++ b/index.html @@ -0,0 +1,12 @@ +Test

Welcome to my blog :)

Create a unique and beautiful blog quickly and easily.

Test
Powered by Publii
\ No newline at end of file diff --git a/robots.txt b/robots.txt new file mode 100644 index 0000000..6e3dc31 --- /dev/null +++ b/robots.txt @@ -0,0 +1,3 @@ +User-agent: * +Disallow: +Sitemap: https://code.nolog.cz/Nudista-Online/pages/sitemap.xml \ No newline at end of file diff --git a/sitemap.xml b/sitemap.xml new file mode 100644 index 0000000..d8ca6dc --- /dev/null +++ b/sitemap.xml @@ -0,0 +1,7 @@ + + + + +https://code.nolog.cz/Nudista-Online/pages/ + + \ No newline at end of file diff --git a/sitemap.xsl b/sitemap.xsl new file mode 100644 index 0000000..c8017a8 --- /dev/null +++ b/sitemap.xsl @@ -0,0 +1,103 @@ + + + + + + + Sitemap XML + + + + +
+

Sitemap XML

+ +
This sitemap contains URLs.
+ + + + + + + + + + + + + + + + + +
URLImagesLast Modified
+ + + + + + +
+
+ + + + diff --git a/tags/index.html b/tags/index.html new file mode 100644 index 0000000..80dc94a --- /dev/null +++ b/tags/index.html @@ -0,0 +1,12 @@ +All tags - Test

Tags (0)

Collection of all tags

    Powered by Publii
    \ No newline at end of file