diff --git a/archives/2019/index.php b/archives/2019/index.php index 80b613a..e897e72 100644 --- a/archives/2019/index.php +++ b/archives/2019/index.php @@ -21,7 +21,7 @@
@@ -29,7 +31,9 @@

2020

2019

- +
diff --git a/assets/includes/header.php b/assets/includes/header.php index 9df6b34..033cba8 100644 --- a/assets/includes/header.php +++ b/assets/includes/header.php @@ -3,10 +3,13 @@ ?> - + + \ No newline at end of file diff --git a/assets/scss/main.scss b/assets/scss/main.scss new file mode 100644 index 0000000..2734198 --- /dev/null +++ b/assets/scss/main.scss @@ -0,0 +1,2120 @@ +@import url("https://cdn.jsdelivr.net/npm/fork-awesome@1.2.0/css/fork-awesome.min.css"); +@import url("https://fonts.bunny.net/css?family=Source+Sans+Pro:300,300italic,400,400italic"); +:root{ + --text-color: #fff; + --href:#F49ABD; + --href-dark: none; + --main-font:"Source Sans Pro", Helvetica, sans-serif; +} +::-webkit-scrollbar { + display: none; +} + +a.white-link { + color: var(--text-color); +} + +@-moz-keyframes spinner { + 0% { + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -moz-transform: rotate(359deg); + -webkit-transform: rotate(359deg); + -ms-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +@-webkit-keyframes spinner { + 0% { + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -moz-transform: rotate(359deg); + -webkit-transform: rotate(359deg); + -ms-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +@-ms-keyframes spinner { + 0% { + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -moz-transform: rotate(359deg); + -webkit-transform: rotate(359deg); + -ms-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +@keyframes spinner { + 0% { + -moz-transform: rotate(0deg); + -webkit-transform: rotate(0deg); + -ms-transform: rotate(0deg); + transform: rotate(0deg); + } + + 100% { + -moz-transform: rotate(359deg); + -webkit-transform: rotate(359deg); + -ms-transform: rotate(359deg); + transform: rotate(359deg); + } +} + +html, +body, +div, +span, +applet, +object, +iframe, +h1, +h2, +h3, +h4, +h5, +h6, +p, +blockquote, +pre, +a, +abbr, +acronym, +address, +big, +cite, +code, +del, +dfn, +em, +img, +ins, +kbd, +q, +s, +samp, +small, +strike, +strong, +sub, +sup, +tt, +var, +b, +u, +i, +center, +dl, +dt, +dd, +ol, +ul, +li, +fieldset, +form, +label, +legend, +table, +caption, +tbody, +tfoot, +thead, +tr, +th, +td, +article, +aside, +canvas, +details, +embed, +figure, +figcaption, +footer, +header, +hgroup, +menu, +nav, +output, +ruby, +section, +summary, +time, +mark, +audio, +video { + margin: 0; + padding: 0; + border: 0; + font-size: 100%; + font: inherit; + vertical-align: baseline; + -webkit-touch-callout: none; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; +} + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +menu, +nav, +section { + display: block; +} + +body { + line-height: 1; +} + +ol, +ul { + list-style: none; +} + +blockquote, +q { + quotes: none; +} + +blockquote:before, +blockquote:after, +q:before, +q:after { + content: ''; + content: none; +} + +table { + border-collapse: collapse; + border-spacing: 0; +} + +body { + -webkit-text-size-adjust: none; +} + +mark { + background-color: transparent; + color: inherit; +} + +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +input, +select, +textarea { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; +} + +/* Basic */ + +@-ms-viewport { + width: device-width; +} + +body { + -ms-overflow-style: scrollbar; +} + +@media screen and (max-width: 480px) { + + html, + body { + min-width: 320px; + } +} + +html { + box-sizing: border-box; +} + +*, +*:before, +*:after { + box-sizing: inherit; +} + +body { + background: #121212; +} + +body.is-preload *, +body.is-preload *:before, +body.is-preload *:after { + -moz-animation: none !important; + -webkit-animation: none !important; + -ms-animation: none !important; + animation: none !important; + -moz-transition: none !important; + -webkit-transition: none !important; + -ms-transition: none !important; + transition: none !important; +} + +body.is-resizing *, +body.is-resizing *:before, +body.is-resizing *:after { + -moz-animation: none !important; + -webkit-animation: none !important; + -ms-animation: none !important; + animation: none !important; + -moz-transition: none !important; + -webkit-transition: none !important; + -ms-transition: none !important; + transition: none !important; +} + +/* Type */ + +body, +input, +select, +textarea { + color: var(--text-color); + font-family: var(--main-font); + font-size: 15pt; + font-weight: 300; + letter-spacing: 0.025em; + line-height: 1.65; +} + +@media screen and (max-width: 1680px) { + + body, + input, + select, + textarea { + font-size: 11pt; + } +} + +a { + -moz-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; + -webkit-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; + -ms-transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; + transition: color 0.2s ease-in-out, border-bottom-color 0.2s ease-in-out; + border-bottom: dotted 1px; + color: var(--href); + text-decoration: none; +} + +a:hover { + border-bottom-color: transparent; + color: var(--href) !important; +} + +strong, +b { + color: var(--text-color); + font-weight: 700; +} +.title { + color: var(--text-color); + font-weight: 300; +} + +em, +i { + font-style: italic; +} + +p { + margin: 0 0 2em 0; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + color: var(--text-color); + font-weight: 300; + letter-spacing: 0.1em; + line-height: 1.5; + margin: 0 0 1em 0; + text-transform: both; +} + +h1 a, +h2 a, +h3 a, +h4 a, +h5 a, +h6 a { + color: inherit; + text-decoration: none; +} + +h1 { + font-size: 2em; +} + +h2 { + font-size: 1.25em; +} + +h3 { + font-size: 1.1em; +} + +h4 { + font-size: 1em; +} + +h5 { + font-size: 0.9em; +} + +h6 { + font-size: 0.7em; +} + +@media screen and (max-width: 736px) { + + h2 { + font-size: 1em; + } + + h3 { + font-size: 0.9em; + } + + h4 { + font-size: 0.8em; + } + + h5 { + font-size: 0.7em; + } + + h6 { + font-size: 0.7em; + } +} + +sub { + font-size: 0.8em; + position: relative; + top: 0.5em; +} + +sup { + font-size: 0.8em; + position: relative; + top: -0.5em; +} + +blockquote { + border-left: 4px #36383c; + font-style: italic; + margin: 0 0 2em 0; + padding: 0.5em 0 0.5em 2em; +} + +code { + background: #121212; + border: solid 1px #36383c; + font-family: "Courier New", monospace; + font-size: 0.9em; + margin: 0 0.25em; + padding: 0.25em 0.65em; +} + +pre { + -webkit-overflow-scrolling: touch; + font-family: "Courier New", monospace; + font-size: 0.9em; + margin: 0 0 2em 0; +} + +pre code { + display: block; + line-height: 1.75; + padding: 1em 1.5em; + overflow-x: auto; +} + +hr { + border: 0; + border-bottom: solid 1px #36383c; + margin: 2em 0; +} + +hr.major { + margin: 3em 0; +} + +.align-left { + text-align: left; +} + +.align-center { + text-align: center; +} + +.align-right { + text-align: right; +} + +/* Button */ + +input[type="submit"], +input[type="reset"], +input[type="button"], +button, +.button { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; + -moz-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; + -webkit-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; + -ms-transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; + transition: background-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out, color 0.2s ease-in-out; + background-color: transparent; + border: 0; + border-radius: 0; + box-shadow: inset 0 0 0 2px #121112; + color: var(--text-color) !important; + cursor: pointer; + display: inline-block; + font-size: 0.9em; + font-weight: 300; + height: 3.05556em; + letter-spacing: 0.1em; + line-height: 3.05556em; + padding: 0 2.5em; + text-align: center; + text-decoration: none; + text-transform: both; + white-space: nowrap; +} + +input[type="submit"]:hover, +input[type="reset"]:hover, +input[type="button"]:hover, +button:hover, +.button:hover { + box-shadow: inset 0 0 0 2px #34a58e; + color: #34a58e !important; +} + +input[type="submit"]:hover:active, +input[type="reset"]:hover:active, +input[type="button"]:hover:active, +button:hover:active, +.button:hover:active { + background-color: rgba(52, 165, 142, 0.15); + color: var(--href) !important; +} + +input[type="submit"].icon, +input[type="reset"].icon, +input[type="button"].icon, +button.icon, +.button.icon { + padding-left: 1.35em; +} + +input[type="submit"].icon:before, +input[type="reset"].icon:before, +input[type="button"].icon:before, +button.icon:before, +.button.icon:before { + margin-right: 0.5em; +} + +input[type="submit"].fit, +input[type="reset"].fit, +input[type="button"].fit, +button.fit, +.button.fit { + width: 100%; +} + +input[type="submit"].small, +input[type="reset"].small, +input[type="button"].small, +button.small, +.button.small { + font-size: 0.8em; +} + +input[type="submit"].large, +input[type="reset"].large, +input[type="button"].large, +button.large, +.button.large { + font-size: 1.35em; +} + +input[type="submit"].primary, +input[type="reset"].primary, +input[type="button"].primary, +button.primary, +.button.primary { + background-color: var(--href); + box-shadow: none; +} + +input[type="submit"].primary:hover, +input[type="reset"].primary:hover, +input[type="button"].primary:hover, +button.primary:hover, +.button.primary:hover { + background-color: var(--href); + color: var(--text-color) !important; +} + +input[type="submit"].primary:hover:active, +input[type="reset"].primary:hover:active, +input[type="button"].primary:hover:active, +button.primary:hover:active, +.button.primary:hover:active { + background-color: var(--href); +} + +input[type="submit"].disabled, +input[type="submit"]:disabled, +input[type="reset"].disabled, +input[type="reset"]:disabled, +input[type="button"].disabled, +input[type="button"]:disabled, +button.disabled, +button:disabled, +.button.disabled, +.button:disabled { + pointer-events: none; + opacity: 0.35; +} + +/* Form */ + +form { + margin: 0 0 2em 0; +} + +form> :last-child { + margin-bottom: 0; +} + +form>.fields { + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + -moz-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + width: calc(100% + 3em); + margin: -1.5em 0 2em -1.5em; +} + +form>.fields>.field { + -moz-flex-grow: 0; + -webkit-flex-grow: 0; + -ms-flex-grow: 0; + flex-grow: 0; + -moz-flex-shrink: 0; + -webkit-flex-shrink: 0; + -ms-flex-shrink: 0; + flex-shrink: 0; + padding: 1.5em 0 0 1.5em; + width: calc(100% - 1.5em); +} + +form>.fields>.field.half { + width: calc(50% - 0.75em); +} + +form>.fields>.field.third { + width: calc(100%/3 - 0.5em); +} + +form>.fields>.field.quarter { + width: calc(25% - 0.375em); +} + +@media screen and (max-width: 736px) { + + form>.fields { + width: calc(100% + 3em); + margin: -1.5em 0 2em -1.5em; + } + + form>.fields>.field { + padding: 1.5em 0 0 1.5em; + width: calc(100% - 1.5em); + } + + form>.fields>.field.half { + width: calc(100% - 1.5em); + } + + form>.fields>.field.third { + width: calc(100% - 1.5em); + } + + form>.fields>.field.quarter { + width: calc(100% - 1.5em); + } +} + +label { + color: var(--text-color); + display: block; + font-size: 0.9em; + font-weight: 300; + margin: 0 0 1em 0; +} + +input[type="text"], +input[type="password"], +input[type="email"], +input[type="tel"], +input[type="search"], +input[type="url"], +select, +textarea { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; + background: #121212; + border: 0; + border-radius: 0; + color: var(--text-color); + display: block; + outline: 0; + padding: 0 1em; + text-decoration: none; + width: 100%; +} + +input[type="text"]:invalid, +input[type="password"]:invalid, +input[type="email"]:invalid, +input[type="tel"]:invalid, +input[type="search"]:invalid, +input[type="url"]:invalid, +select:invalid, +textarea:invalid { + box-shadow: none; +} + +input[type="text"]:focus, +input[type="password"]:focus, +input[type="email"]:focus, +input[type="tel"]:focus, +input[type="search"]:focus, +input[type="url"]:focus, +select:focus, +textarea:focus { + box-shadow: inset 0 0 0 2px #34a58e; +} + +select { + background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40' preserveAspectRatio='none' viewBox='0 0 40 40'%3E%3Cpath d='M9.4,12.3l10.4,10.4l10.4-10.4c0.2-0.2,0.5-0.4,0.9-0.4c0.3,0,0.6,0.1,0.9,0.4l3.3,3.3c0.2,0.2,0.4,0.5,0.4,0.9 c0,0.4-0.1,0.6-0.4,0.9L20.7,31.9c-0.2,0.2-0.5,0.4-0.9,0.4c-0.3,0-0.6-0.1-0.9-0.4L4.3,17.3c-0.2-0.2-0.4-0.5-0.4-0.9 c0-0.4,0.1-0.6,0.4-0.9l3.3-3.3c0.2-0.2,0.5-0.4,0.9-0.4S9.1,12.1,9.4,12.3z' fill='%2336383c' /%3E%3C/svg%3E"); + background-size: 1.25rem; + background-repeat: no-repeat; + background-position: calc(100% - 1rem) center; + height: 2.75em; + padding-right: 2.75em; + text-overflow: ellipsis; +} + +select option { + color: var(--text-color); + background: #121212; +} + +select:focus::-ms-value { + background-color: transparent; +} + +select::-ms-expand { + display: none; +} + +input[type="text"], +input[type="password"], +input[type="email"], +input[type="tel"], +input[type="search"], +input[type="url"], +select { + height: 2.75em; +} + +textarea { + padding: 0.75em 1em; +} + +input[type="checkbox"], +input[type="radio"] { + -moz-appearance: none; + -webkit-appearance: none; + -ms-appearance: none; + appearance: none; + display: block; + float: left; + margin-right: -2em; + opacity: 0; + width: 1em; + z-index: -1; +} + +input[type="checkbox"]+label, +input[type="radio"]+label { + text-decoration: none; + color: var(--text-color); + cursor: pointer; + display: inline-block; + font-size: 1em; + font-weight: 300; + padding-left: 2.4em; + padding-right: 0.75em; + position: relative; +} + +input[type="checkbox"]+label:before, +input[type="radio"]+label:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: 'ForkAwesome'; + font-weight: 900; +} + +input[type="checkbox"]+label:before, +input[type="radio"]+label:before { + background: #121212; + content: ''; + display: inline-block; + font-size: 0.8em; + height: 2.0625em; + left: 0; + line-height: 2.0625em; + position: absolute; + text-align: center; + top: 0; + width: 2.0625em; +} + +input[type="checkbox"]:checked+label:before, +input[type="radio"]:checked+label:before { + background: var(--href); + border-color: var(--href); + color: var(--text-color); + content: '\f00c'; +} + +input[type="checkbox"]:focus+label:before, +input[type="radio"]:focus+label:before { + box-shadow: 0 0 0 2px var(--href); +} + +input[type="radio"]+label:before { + border-radius: 100%; +} + +::-webkit-input-placeholder { + color: var(--text-color) !important; + opacity: 1.0; +} + +:-moz-placeholder { + color: var(--text-color) !important; + opacity: 1.0; +} + +::-moz-placeholder { + color: var(--text-color) !important; + opacity: 1.0; +} + +:-ms-input-placeholder { + color: var(--text-color) !important; + opacity: 1.0; +} + +/* Icon */ + +.icon { + text-decoration: none; + border-bottom: none; + position: relative; +} + +.icon:before { + -moz-osx-font-smoothing: grayscale; + -webkit-font-smoothing: antialiased; + display: inline-block; + font-style: normal; + font-variant: normal; + text-rendering: auto; + line-height: 1; + text-transform: none !important; + font-family: 'ForkAwesome'; + font-weight: 400; +} + +.icon>.label { + display: none; +} + +.icon:before { + line-height: inherit; +} + +.icon.solid:before { + font-weight: 900; +} + +.icon.brands:before { + font-family: 'ForkAwesome'; +} + +/* List */ + +ol { + list-style: decimal; + margin: 0 0 2em 0; + padding-left: 1.25em; +} + +ol li { + padding-left: 0.25em; +} + +ul { + list-style: disc; + margin: 0 0 2em 0; + padding-left: 1em; +} + +ul li { + padding-left: 0.5em; +} + +ul.alt { + list-style: none; + padding-left: 0; +} + +ul.alt li { + border-top: solid 1px #36383c; + padding: 0.5em 0; +} + +ul.alt li:first-child { + border-top: 0; + padding-top: 0; +} + +dl { + margin: 0 0 2em 0; +} + +dl dt { + display: block; + font-weight: 300; + margin: 0 0 1em 0; +} + +dl dd { + margin-left: 2em; +} + +/* Actions */ + +ul.actions { + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + cursor: default; + list-style: none; + margin-left: -1em; + padding-left: 0; +} + +ul.actions li { + padding: 0 0 0 1em; + vertical-align: middle; +} + +ul.actions.special { + -moz-justify-content: center; + -webkit-justify-content: center; + -ms-justify-content: center; + justify-content: center; + width: 100%; + margin-left: 0; +} + +ul.actions.special li:first-child { + padding-left: 0; +} + +ul.actions.stacked { + -moz-flex-direction: column; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-left: 0; +} + +ul.actions.stacked li { + padding: 1.3em 0 0 0; +} + +ul.actions.stacked li:first-child { + padding-top: 0; +} + +ul.actions.fit { + width: calc(100% + 1em); +} + +ul.actions.fit li { + -moz-flex-grow: 1; + -webkit-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; + -moz-flex-shrink: 1; + -webkit-flex-shrink: 1; + -ms-flex-shrink: 1; + flex-shrink: 1; + width: 100%; +} + +ul.actions.fit li>* { + width: 100%; +} + +ul.actions.fit.stacked { + width: 100%; +} + +@media screen and (max-width: 480px) { + + ul.actions:not(.fixed) { + -moz-flex-direction: column; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + margin-left: 0; + width: 100% !important; + } + + ul.actions:not(.fixed) li { + -moz-flex-grow: 1; + -webkit-flex-grow: 1; + -ms-flex-grow: 1; + flex-grow: 1; + -moz-flex-shrink: 1; + -webkit-flex-shrink: 1; + -ms-flex-shrink: 1; + flex-shrink: 1; + padding: 1em 0 0 0; + text-align: center; + width: 100%; + } + + ul.actions:not(.fixed) li>* { + width: 100%; + } + + ul.actions:not(.fixed) li:first-child { + padding-top: 0; + } + + ul.actions:not(.fixed) li input[type="submit"], + ul.actions:not(.fixed) li input[type="reset"], + ul.actions:not(.fixed) li input[type="button"], + ul.actions:not(.fixed) li button, + ul.actions:not(.fixed) li .button { + width: 100%; + } + + ul.actions:not(.fixed) li input[type="submit"].icon:before, + ul.actions:not(.fixed) li input[type="reset"].icon:before, + ul.actions:not(.fixed) li input[type="button"].icon:before, + ul.actions:not(.fixed) li button.icon:before, + ul.actions:not(.fixed) li .button.icon:before { + margin-left: -0.5rem; + } +} + +/* Icons */ + +ul.icons { + cursor: default; + list-style: none; + padding-left: 0; +} + +ul.icons li { + display: inline-block; + padding: 0 1em 0 0; +} + +ul.icons li:last-child { + padding-right: 0; +} + +ul.icons li .icon { + color: var(--text-color); +} + +ul.icons li .icon:before { + font-size: 1.5em; +} + +/* Table */ + +.table-wrapper { + -webkit-overflow-scrolling: touch; + overflow-x: auto; +} + +table { + margin: 0 0 2em 0; + width: 100%; +} + +table tbody tr { + border: solid 1px #36383c; + border-left: 0; + border-right: 0; +} + +table tbody tr:nth-child(2n + 1) { + background-color: #121212; +} + +table td { + padding: 0.75em 0.75em; +} + +table th { + color: var(--text-color); + font-size: 0.9em; + font-weight: 300; + padding: 0 0.75em 0.75em 0.75em; + text-align: left; +} + +table thead { + border-bottom: solid 2px #36383c; +} + +table tfoot { + border-top: solid 2px #36383c; +} + +table.alt { + border-collapse: separate; +} + +table.alt tbody tr td { + border: solid 1px #36383c; + border-left-width: 0; + border-top-width: 0; +} + +table.alt tbody tr td:first-child { + border-left-width: 1px; +} + +table.alt tbody tr:first-child td { + border-top-width: 1px; +} + +table.alt thead { + border-bottom: 0; +} + +table.alt tfoot { + border-top: 0; +} + +/* Panel */ + +.panel { + padding: 4em 4em 2em 4em; + -moz-transform: translateY(100vh); + -webkit-transform: translateY(100vh); + -ms-transform: translateY(100vh); + transform: translateY(100vh); + -moz-transition: -moz-transform 0.5s ease; + -webkit-transition: -webkit-transform 0.5s ease; + -ms-transition: -ms-transform 0.5s ease; + transition: transform 0.5s ease; + -webkit-overflow-scrolling: touch; + background: rgba(36, 38, 41, 0.975); + bottom: 4em; + left: 0; + max-height: calc(80vh - 4em); + overflow-y: auto; + position: fixed; + width: 100%; + z-index: 10001; +} + +.panel.active { + -moz-transform: translateY(1px); + -webkit-transform: translateY(1px); + -ms-transform: translateY(1px); + transform: translateY(1px); +} + +.panel>.inner { + margin: 0 auto; + max-width: 100%; + width: 75em; +} + +.panel>.inner.split { + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; +} + +.panel>.inner.split>div { + margin-left: 4em; + width: 50%; +} + +.panel>.inner.split> :first-child { + margin-left: 0; +} + +.panel>.closer { + -moz-transition: opacity 0.2s ease-in-out; + -webkit-transition: opacity 0.2s ease-in-out; + -ms-transition: opacity 0.2s ease-in-out; + transition: opacity 0.2s ease-in-out; + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHpvb21BbmRQYW49ImRpc2FibGUiPg0KCTxzdHlsZT4NCgkJbGluZSB7DQoJCQlzdHJva2U6ICNmZmY7DQoJCQlzdHJva2Utd2lkdGg6IDEuNXB4Ow0KCQl9DQoJPC9zdHlsZT4NCgk8bGluZSB4MT0iMjAiIHkxPSIyMCIgeDI9IjQ0IiB5Mj0iNDQiIC8+DQoJPGxpbmUgeDE9IjIwIiB5MT0iNDQiIHgyPSI0NCIgeTI9IjIwIiAvPg0KPC9zdmc+"); + background-position: center; + background-repeat: no-repeat; + background-size: 3em; + cursor: pointer; + height: 5em; + opacity: 0.25; + position: absolute; + right: 0; + top: 0; + width: 5em; + z-index: 2; +} + +.panel>.closer:hover { + opacity: 1.0; +} + +@media screen and (max-width: 1280px) { + + .panel { + padding: 3em 3em 1em 3em; + } + + .panel>.inner.split>div { + margin-left: 3em; + } + + .panel>.closer { + background-size: 2.5em; + background-position: 75% 25%; + } +} + +@media screen and (max-width: 980px) { + + .panel>.inner.split { + -moz-flex-direction: column; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + } + + .panel>.inner.split>div { + margin-left: 0; + width: 100%; + } +} + + +/* Poptrox Popup */ + +.poptrox-overlay { + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); +} + +.poptrox-popup { + background: rgba(31, 34, 36, 0.925); + box-shadow: 0 1em 3em 0.5em rgba(0, 0, 0, 0.25); + cursor: default; +} + +.poptrox-popup:before { + -moz-transition: opacity 0.2s ease-in-out; + -webkit-transition: opacity 0.2s ease-in-out; + -ms-transition: opacity 0.2s ease-in-out; + transition: opacity 0.2s ease-in-out; + background-image: -moz-linear-gradient(to left, rgba(31, 34, 36, 0.35), rgba(31, 34, 36, 0) 10em, rgba(31, 34, 36, 0)), -moz-linear-gradient(to right, rgba(31, 34, 36, 0.35), rgba(31, 34, 36, 0) 10em, rgba(31, 34, 36, 0)); + background-image: -webkit-linear-gradient(to left, rgba(31, 34, 36, 0.35), rgba(31, 34, 36, 0) 10em, rgba(31, 34, 36, 0)), -webkit-linear-gradient(to right, rgba(31, 34, 36, 0.35), rgba(31, 34, 36, 0) 10em, rgba(31, 34, 36, 0)); + background-image: -ms-linear-gradient(to left, rgba(31, 34, 36, 0.35), rgba(31, 34, 36, 0) 10em, rgba(31, 34, 36, 0)), -ms-linear-gradient(to right, rgba(31, 34, 36, 0.35), rgba(31, 34, 36, 0) 10em, rgba(31, 34, 36, 0)); + background-image: linear-gradient(to left, rgba(31, 34, 36, 0.35), rgba(31, 34, 36, 0) 10em, rgba(31, 34, 36, 0)), linear-gradient(to right, rgba(31, 34, 36, 0.35), rgba(31, 34, 36, 0) 10em, rgba(31, 34, 36, 0)); + content: ''; + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; + z-index: 1; + opacity: 1; +} + +.poptrox-popup .closer { + -moz-transition: opacity 0.2s ease-in-out; + -webkit-transition: opacity 0.2s ease-in-out; + -ms-transition: opacity 0.2s ease-in-out; + transition: opacity 0.2s ease-in-out; + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iNjRweCIgaGVpZ2h0PSI2NHB4IiB2aWV3Qm94PSIwIDAgNjQgNjQiIHpvb21BbmRQYW49ImRpc2FibGUiPg0KCTxzdHlsZT4NCgkJbGluZSB7DQoJCQlzdHJva2U6ICNmZmY7DQoJCQlzdHJva2Utd2lkdGg6IDEuNXB4Ow0KCQl9DQoJPC9zdHlsZT4NCgk8bGluZSB4MT0iMjAiIHkxPSIyMCIgeDI9IjQ0IiB5Mj0iNDQiIC8+DQoJPGxpbmUgeDE9IjIwIiB5MT0iNDQiIHgyPSI0NCIgeTI9IjIwIiAvPg0KPC9zdmc+"); + background-position: center; + background-repeat: no-repeat; + background-size: 3em; + height: 5em; + opacity: 0; + position: absolute; + right: 0; + top: 0; + width: 5em; + z-index: 2; +} + +.poptrox-popup .nav-previous, +.poptrox-popup .nav-next { + -moz-transition: opacity 0.2s ease-in-out; + -webkit-transition: opacity 0.2s ease-in-out; + -ms-transition: opacity 0.2s ease-in-out; + transition: opacity 0.2s ease-in-out; + background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTZweCIgaGVpZ2h0PSI5NnB4IiB2aWV3Qm94PSIwIDAgOTYgOTYiIHpvb21BbmRQYW49ImRpc2FibGUiPg0KCTxzdHlsZT4NCgkJbGluZSB7DQoJCQlzdHJva2U6ICNmZmY7DQoJCQlzdHJva2Utd2lkdGg6IDFweDsNCgkJfQ0KCTwvc3R5bGU+DQoJPGxpbmUgeDE9IjMyIiB5MT0iMTYiIHgyPSI2NCIgeTI9IjQ4IiAvPg0KCTxsaW5lIHgxPSIzMiIgeTE9IjgwIiB4Mj0iNjQiIHkyPSI0OCIgLz4NCg0KPC9zdmc+"); + background-position: center; + background-repeat: no-repeat; + background-size: 5em; + cursor: pointer; + height: 8em; + margin-top: -4em; + opacity: 0; + position: absolute; + top: 50%; + width: 6em; + z-index: 2; +} + +.poptrox-popup .nav-previous { + -moz-transform: scaleX(-1); + -webkit-transform: scaleX(-1); + -ms-transform: scaleX(-1); + transform: scaleX(-1); + left: 0; +} + +.poptrox-popup .nav-next { + right: 0; +} + +.poptrox-popup .caption { + padding: 2em 2em 0.1em 2em; + background-image: -moz-linear-gradient(to top, rgba(16, 16, 16, 0.45) 25%, rgba(16, 16, 16, 0) 100%); + background-image: -webkit-linear-gradient(to top, rgba(16, 16, 16, 0.45) 25%, rgba(16, 16, 16, 0) 100%); + background-image: -ms-linear-gradient(to top, rgba(16, 16, 16, 0.45) 25%, rgba(16, 16, 16, 0) 100%); + background-image: linear-gradient(to top, rgba(16, 16, 16, 0.45) 25%, rgba(16, 16, 16, 0) 100%); + bottom: 0; + cursor: default; + left: 0; + position: absolute; + text-align: left; + width: 100%; + z-index: 2; +} + +.poptrox-popup .caption h2, +.poptrox-popup .caption h3, +.poptrox-popup .caption h4, +.poptrox-popup .caption h5, +.poptrox-popup .caption h6 { + margin: 0 0 0.5em 0; +} + +.poptrox-popup .caption p { + color: var(--text-color); +} + +.poptrox-popup .loader { + -moz-animation: spinner 1s infinite linear !important; + -webkit-animation: spinner 1s infinite linear !important; + -ms-animation: spinner 1s infinite linear !important; + animation: spinner 1s infinite linear !important; + background-image: url("images/spinner.svg"); + background-position: center; + background-repeat: no-repeat; + background-size: contain; + display: block; + font-size: 2em; + height: 2em; + left: 50%; + line-height: 2em; + margin: -1em 0 0 -1em; + opacity: 0.25; + position: absolute; + text-align: center; + top: 50%; + width: 2em; +} + +.poptrox-popup:hover .closer, +.poptrox-popup:hover .nav-previous, +.poptrox-popup:hover .nav-next { + opacity: 0.5; +} + +.poptrox-popup:hover .closer:hover, +.poptrox-popup:hover .nav-previous:hover, +.poptrox-popup:hover .nav-next:hover { + opacity: 1.0; +} + +.poptrox-popup.loading:before { + opacity: 0; +} + +body.touch .poptrox-popup .closer, +body.touch .poptrox-popup .nav-previous, +body.touch .poptrox-popup .nav-next { + opacity: 1.0 !important; +} + +@media screen and (max-width: 980px) { + + .poptrox-popup .closer { + background-size: 3em; + } + + .poptrox-popup .nav-previous, + .poptrox-popup .nav-next { + background-size: 4em; + } +} + +/* Wrapper */ + +#wrapper { + -moz-transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, -moz-filter 0.5s ease; + -webkit-transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, -webkit-filter 0.5s ease; + -ms-transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, -ms-filter 0.5s ease; + transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, filter 0.5s ease; + position: relative; +} + +#wrapper:after { + pointer-events: none; + -moz-transition: opacity 0.5s ease, visibility 0.5s; + -webkit-transition: opacity 0.5s ease, visibility 0.5s; + -ms-transition: opacity 0.5s ease, visibility 0.5s; + transition: opacity 0.5s ease, visibility 0.5s; + background: rgba(36, 38, 41, 0.5); + content: ''; + display: block; + height: 100%; + left: 0; + opacity: 0; + position: absolute; + top: 0; + visibility: hidden; + width: 100%; + z-index: 1; +} + +body.ie #wrapper:after { + background: rgba(36, 38, 41, 0.8); +} + +body.modal-active #wrapper { + -moz-filter: blur(8px); + -webkit-filter: blur(8px); + -ms-filter: blur(8px); + filter: blur(8px); +} + +body.modal-active #wrapper:after { + pointer-events: auto; + opacity: 1; + visibility: visible; + z-index: 10003; +} + +#wrapper:before { + -moz-animation: spinner 1s infinite linear !important; + -webkit-animation: spinner 1s infinite linear !important; + -ms-animation: spinner 1s infinite linear !important; + animation: spinner 1s infinite linear !important; + pointer-events: none; + -moz-transition: top 0.75s ease-in-out, opacity 0.35s ease-out, visibility 0.35s; + -webkit-transition: top 0.75s ease-in-out, opacity 0.35s ease-out, visibility 0.35s; + -ms-transition: top 0.75s ease-in-out, opacity 0.35s ease-out, visibility 0.35s; + transition: top 0.75s ease-in-out, opacity 0.35s ease-out, visibility 0.35s; + background-image: url("data:image/webp;base64,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"); + background-position: center; + background-repeat: no-repeat; + background-size: contain; + content: ''; + display: block; + font-size: 2em; + height: 2em; + left: 50%; + line-height: 2em; + margin: -1em 0 0 -1em; + opacity: 0; + position: fixed; + text-align: center; + top: 75%; + visibility: hidden; + width: 2em; +} + +body.is-preload #wrapper:before { + -moz-transition: opacity 1s ease-out !important; + -webkit-transition: opacity 1s ease-out !important; + -ms-transition: opacity 1s ease-out !important; + transition: opacity 1s ease-out !important; + -moz-transition-delay: 0.5s !important; + -webkit-transition-delay: 0.5s !important; + -ms-transition-delay: 0.5s !important; + transition-delay: 0.5s !important; + opacity: 0.25; + top: 50%; + visibility: visible; +} + +/* Header */ + +body { + padding: 0 0 4em 0; +} + +#header { + -moz-transform: translateY(0); + -webkit-transform: translateY(0); + -ms-transform: translateY(0); + transform: translateY(0); + -moz-transition: -moz-transform 1s ease; + -webkit-transition: -webkit-transform 1s ease; + -ms-transition: -ms-transform 1s ease; + transition: transform 1s ease; + -moz-user-select: none; + -ms-user-select: none; + -webkit-user-select: none; + background: #1f2224; + bottom: -1em; + height: 5em; + left: 0; + line-height: 4em; + padding: 0 1.5em; + position: fixed; + user-select: none; + width: 100%; + z-index: 10002; +} + +body.is-preload #header { + -moz-transform: translateY(4em); + -webkit-transform: translateY(4em); + -ms-transform: translateY(4em); + transform: translateY(4em); +} + +#header h1 { + color: var(--text-color); + display: inline-block; + font-size: 1em; + line-height: 1; + margin: 0; + vertical-align: middle; +} + +#header h1 a { + border: 0; + color: inherit; +} + +#header h1 a:hover { + color: inherit !important; +} + +#header nav { + position: absolute; + right: 0; + top: 0; +} + +#header nav>ul { + list-style: none; + margin: 0; + padding: 0; +} + +#header nav>ul>li { + display: inline-block; + padding: 0; +} + +#header nav>ul>li a { + -moz-transition: background-color 0.5s ease; + -webkit-transition: background-color 0.5s ease; + -ms-transition: background-color 0.5s ease; + transition: background-color 0.5s ease; + border: 0; + color: var(--text-color); + display: inline-block; + letter-spacing: 0.1em; + padding: 0 1.65em; + text-transform: both; +} + +#header nav>ul>li a.icon:before { + color: var(--text-color); + float: right; + margin-left: 0.75em; +} + +#header nav>ul>li a:hover { + color: var(--text-color) !important; +} + +#header nav>ul>li a.active { + background-color: #121212; +} + +@media screen and (max-width: 736px) { + + + body.is-preload #header { + -moz-transform: translateY(-3.4em); + -webkit-transform: translateY(-3.4em); + -ms-transform: translateY(-3.4em); + transform: translateY(-3.4em); + } + + #header h1 { + font-size: 0.9em; + } + + #header nav>ul>li a { + font-size: 0.9em; + padding: 0 1.15em; + } +} + +/* Main */ + +#main { + -moz-transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, -moz-filter 0.5s ease; + -webkit-transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, -webkit-filter 0.5s ease; + -ms-transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, -ms-filter 0.5s ease; + transition: -moz-filter 0.5s ease, -webkit-filter 0.5s ease, -ms-filter 0.5s ease, filter 0.5s ease; + display: -moz-flex; + display: -webkit-flex; + display: -ms-flex; + display: flex; + -moz-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); +} + +#main .thumb { + -moz-transition: opacity 1.25s ease-in-out; + -webkit-transition: opacity 1.25s ease-in-out; + -ms-transition: opacity 1.25s ease-in-out; + transition: opacity 1.25s ease-in-out; + pointer-events: auto; + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + opacity: 1; + overflow: hidden; + position: relative; +} + +#main .thumb:after { + background-image: -moz-linear-gradient(to top, rgba(10, 17, 25, 0.35) 5%, rgba(10, 17, 25, 0) 35%); + background-image: -webkit-linear-gradient(to top, rgba(10, 17, 25, 0.35) 5%, rgba(10, 17, 25, 0) 35%); + background-image: -ms-linear-gradient(to top, rgba(10, 17, 25, 0.35) 5%, rgba(10, 17, 25, 0) 35%); + background-image: linear-gradient(to top, rgba(10, 17, 25, 0.35) 5%, rgba(10, 17, 25, 0) 35%); + pointer-events: none; + background-size: cover; + content: ''; + display: block; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; +} + +#main .thumb>.image { + -webkit-tap-highlight-color: rgba(255, 255, 255, 0); + background-position: center; + background-repeat: no-repeat; + background-size: cover; + border: 0; + height: 100%; + left: 0; + position: absolute; + top: 0; + width: 100%; +} + +#main .thumb>h2 { + pointer-events: none; + bottom: 1.875em; + font-size: 0.8em; + left: 2.1875em; + margin: 0; + position: absolute; + z-index: 1; +} + +#main .thumb>p { + display: none; +} + +#main:after { + pointer-events: none; + -moz-transition: opacity 0.5s ease, visibility 0.5s; + -webkit-transition: opacity 0.5s ease, visibility 0.5s; + -ms-transition: opacity 0.5s ease, visibility 0.5s; + transition: opacity 0.5s ease, visibility 0.5s; + background: rgba(36, 38, 41, 0.25); + content: ''; + display: block; + height: 100%; + left: 0; + opacity: 0; + position: absolute; + top: 0; + visibility: hidden; + width: 100%; + z-index: 1; +} + +body.ie #main:after { + background: rgba(36, 38, 41, 0.55); +} + +body.content-active #main { + -moz-filter: blur(6px); + -webkit-filter: blur(6px); + -ms-filter: blur(6px); + filter: blur(6px); +} + +body.content-active #main:after { + pointer-events: auto; + opacity: 1; + visibility: visible; +} + +body.is-preload #main .thumb { + pointer-events: none; + opacity: 0; +} + +#main .thumb { + -moz-transition-delay: 2.525s; + -webkit-transition-delay: 2.525s; + -ms-transition-delay: 2.525s; + transition-delay: 2.525s; + height: calc(40vh - 2em); + min-height: 20em; + width: 25%; +} + +#main .thumb:nth-child(1) { + -moz-transition-delay: 0.65s; + -webkit-transition-delay: 0.65s; + -ms-transition-delay: 0.65s; + transition-delay: 0.65s; +} + +#main .thumb:nth-child(2) { + -moz-transition-delay: 0.8s; + -webkit-transition-delay: 0.8s; + -ms-transition-delay: 0.8s; + transition-delay: 0.8s; +} + +#main .thumb:nth-child(3) { + -moz-transition-delay: 0.95s; + -webkit-transition-delay: 0.95s; + -ms-transition-delay: 0.95s; + transition-delay: 0.95s; +} + +#main .thumb:nth-child(4) { + -moz-transition-delay: 1.1s; + -webkit-transition-delay: 1.1s; + -ms-transition-delay: 1.1s; + transition-delay: 1.1s; +} + +#main .thumb:nth-child(5) { + -moz-transition-delay: 1.25s; + -webkit-transition-delay: 1.25s; + -ms-transition-delay: 1.25s; + transition-delay: 1.25s; +} + +#main .thumb:nth-child(6) { + -moz-transition-delay: 1.4s; + -webkit-transition-delay: 1.4s; + -ms-transition-delay: 1.4s; + transition-delay: 1.4s; +} + +#main .thumb:nth-child(7) { + -moz-transition-delay: 1.55s; + -webkit-transition-delay: 1.55s; + -ms-transition-delay: 1.55s; + transition-delay: 1.55s; +} + +#main .thumb:nth-child(8) { + -moz-transition-delay: 1.7s; + -webkit-transition-delay: 1.7s; + -ms-transition-delay: 1.7s; + transition-delay: 1.7s; +} + +#main .thumb:nth-child(9) { + -moz-transition-delay: 1.85s; + -webkit-transition-delay: 1.85s; + -ms-transition-delay: 1.85s; + transition-delay: 1.85s; +} + +#main .thumb:nth-child(10) { + -moz-transition-delay: 2s; + -webkit-transition-delay: 2s; + -ms-transition-delay: 2s; + transition-delay: 2s; +} + +#main .thumb:nth-child(11) { + -moz-transition-delay: 2.15s; + -webkit-transition-delay: 2.15s; + -ms-transition-delay: 2.15s; + transition-delay: 2.15s; +} + +#main .thumb:nth-child(12) { + -moz-transition-delay: 2.3s; + -webkit-transition-delay: 2.3s; + -ms-transition-delay: 2.3s; + transition-delay: 2.3s; +} + +@media screen and (max-width: 1680px) { + + #main .thumb { + -moz-transition-delay: 2.075s; + -webkit-transition-delay: 2.075s; + -ms-transition-delay: 2.075s; + transition-delay: 2.075s; + height: calc(40vh - 2em); + min-height: 20em; + width: 33.33333%; + } + + #main .thumb:nth-child(1) { + -moz-transition-delay: 0.65s; + -webkit-transition-delay: 0.65s; + -ms-transition-delay: 0.65s; + transition-delay: 0.65s; + } + + #main .thumb:nth-child(2) { + -moz-transition-delay: 0.8s; + -webkit-transition-delay: 0.8s; + -ms-transition-delay: 0.8s; + transition-delay: 0.8s; + } + + #main .thumb:nth-child(3) { + -moz-transition-delay: 0.95s; + -webkit-transition-delay: 0.95s; + -ms-transition-delay: 0.95s; + transition-delay: 0.95s; + } + + #main .thumb:nth-child(4) { + -moz-transition-delay: 1.1s; + -webkit-transition-delay: 1.1s; + -ms-transition-delay: 1.1s; + transition-delay: 1.1s; + } + + #main .thumb:nth-child(5) { + -moz-transition-delay: 1.25s; + -webkit-transition-delay: 1.25s; + -ms-transition-delay: 1.25s; + transition-delay: 1.25s; + } + + #main .thumb:nth-child(6) { + -moz-transition-delay: 1.4s; + -webkit-transition-delay: 1.4s; + -ms-transition-delay: 1.4s; + transition-delay: 1.4s; + } + + #main .thumb:nth-child(7) { + -moz-transition-delay: 1.55s; + -webkit-transition-delay: 1.55s; + -ms-transition-delay: 1.55s; + transition-delay: 1.55s; + } + + #main .thumb:nth-child(8) { + -moz-transition-delay: 1.7s; + -webkit-transition-delay: 1.7s; + -ms-transition-delay: 1.7s; + transition-delay: 1.7s; + } + + #main .thumb:nth-child(9) { + -moz-transition-delay: 1.85s; + -webkit-transition-delay: 1.85s; + -ms-transition-delay: 1.85s; + transition-delay: 1.85s; + } +} + +@media screen and (max-width: 1280px) { + + #main .thumb { + -moz-transition-delay: 1.625s; + -webkit-transition-delay: 1.625s; + -ms-transition-delay: 1.625s; + transition-delay: 1.625s; + height: calc(40vh - 2em); + min-height: 20em; + width: 50%; + } + + #main .thumb:nth-child(1) { + -moz-transition-delay: 0.65s; + -webkit-transition-delay: 0.65s; + -ms-transition-delay: 0.65s; + transition-delay: 0.65s; + } + + #main .thumb:nth-child(2) { + -moz-transition-delay: 0.8s; + -webkit-transition-delay: 0.8s; + -ms-transition-delay: 0.8s; + transition-delay: 0.8s; + } + + #main .thumb:nth-child(3) { + -moz-transition-delay: 0.95s; + -webkit-transition-delay: 0.95s; + -ms-transition-delay: 0.95s; + transition-delay: 0.95s; + } + + #main .thumb:nth-child(4) { + -moz-transition-delay: 1.1s; + -webkit-transition-delay: 1.1s; + -ms-transition-delay: 1.1s; + transition-delay: 1.1s; + } + + #main .thumb:nth-child(5) { + -moz-transition-delay: 1.25s; + -webkit-transition-delay: 1.25s; + -ms-transition-delay: 1.25s; + transition-delay: 1.25s; + } + + #main .thumb:nth-child(6) { + -moz-transition-delay: 1.4s; + -webkit-transition-delay: 1.4s; + -ms-transition-delay: 1.4s; + transition-delay: 1.4s; + } +} + +@media screen and (max-width: 980px) { + + #main .thumb { + -moz-transition-delay: 2.075s; + -webkit-transition-delay: 2.075s; + -ms-transition-delay: 2.075s; + transition-delay: 2.075s; + height: calc(28.57143vh - 1.33333em); + min-height: 18em; + width: 50%; + } + + #main .thumb:nth-child(1) { + -moz-transition-delay: 0.65s; + -webkit-transition-delay: 0.65s; + -ms-transition-delay: 0.65s; + transition-delay: 0.65s; + } + + #main .thumb:nth-child(2) { + -moz-transition-delay: 0.8s; + -webkit-transition-delay: 0.8s; + -ms-transition-delay: 0.8s; + transition-delay: 0.8s; + } + + #main .thumb:nth-child(3) { + -moz-transition-delay: 0.95s; + -webkit-transition-delay: 0.95s; + -ms-transition-delay: 0.95s; + transition-delay: 0.95s; + } + + #main .thumb:nth-child(4) { + -moz-transition-delay: 1.1s; + -webkit-transition-delay: 1.1s; + -ms-transition-delay: 1.1s; + transition-delay: 1.1s; + } + + #main .thumb:nth-child(5) { + -moz-transition-delay: 1.25s; + -webkit-transition-delay: 1.25s; + -ms-transition-delay: 1.25s; + transition-delay: 1.25s; + } + + #main .thumb:nth-child(6) { + -moz-transition-delay: 1.4s; + -webkit-transition-delay: 1.4s; + -ms-transition-delay: 1.4s; + transition-delay: 1.4s; + } + + #main .thumb:nth-child(7) { + -moz-transition-delay: 1.55s; + -webkit-transition-delay: 1.55s; + -ms-transition-delay: 1.55s; + transition-delay: 1.55s; + } + + #main .thumb:nth-child(8) { + -moz-transition-delay: 1.7s; + -webkit-transition-delay: 1.7s; + -ms-transition-delay: 1.7s; + transition-delay: 1.7s; + } + + #main .thumb:nth-child(9) { + -moz-transition-delay: 1.85s; + -webkit-transition-delay: 1.85s; + -ms-transition-delay: 1.85s; + transition-delay: 1.85s; + } +} + +@media screen and (max-width: 480px) { + + #main .thumb { + -moz-transition-delay: 1.175s; + -webkit-transition-delay: 1.175s; + -ms-transition-delay: 1.175s; + transition-delay: 1.175s; + height: calc(40vh - 2em); + min-height: 18em; + width: 100%; + } + + #main .thumb:nth-child(1) { + -moz-transition-delay: 0.65s; + -webkit-transition-delay: 0.65s; + -ms-transition-delay: 0.65s; + transition-delay: 0.65s; + } + + #main .thumb:nth-child(2) { + -moz-transition-delay: 0.8s; + -webkit-transition-delay: 0.8s; + -ms-transition-delay: 0.8s; + transition-delay: 0.8s; + } + + #main .thumb:nth-child(3) { + -moz-transition-delay: 0.95s; + -webkit-transition-delay: 0.95s; + -ms-transition-delay: 0.95s; + transition-delay: 0.95s; + } +} + +/* Footer */ + +#footer p.copyright { + color: var(--text-color); + font-size: 0.9em; +} + +#footer p.copyright a { + color: inherit; +} \ No newline at end of file diff --git a/img/fulls/IMG_5403_452.webp b/img/fulls/IMG_5403_452.webp new file mode 100644 index 0000000..2cb6c1a Binary files /dev/null and b/img/fulls/IMG_5403_452.webp differ diff --git a/img/fulls/IMG_5412_536.webp b/img/fulls/IMG_5412_536.webp new file mode 100644 index 0000000..462a971 Binary files /dev/null and b/img/fulls/IMG_5412_536.webp differ diff --git a/img/fulls/IMG_5487_666.webp b/img/fulls/IMG_5487_666.webp new file mode 100644 index 0000000..6d9228a Binary files /dev/null and b/img/fulls/IMG_5487_666.webp differ diff --git a/img/fulls/IMG_5489_518.webp b/img/fulls/IMG_5489_518.webp new file mode 100644 index 0000000..2151c91 Binary files /dev/null and b/img/fulls/IMG_5489_518.webp differ diff --git a/img/fulls/IMG_5528_626.webp b/img/fulls/IMG_5528_626.webp new file mode 100644 index 0000000..6476593 Binary files /dev/null and b/img/fulls/IMG_5528_626.webp differ diff --git a/img/fulls/IMG_5548_566.webp b/img/fulls/IMG_5548_566.webp new file mode 100644 index 0000000..8c52683 Binary files /dev/null and b/img/fulls/IMG_5548_566.webp differ diff --git a/img/fulls/IMG_5574_227.webp b/img/fulls/IMG_5574_227.webp new file mode 100644 index 0000000..443b3d6 Binary files /dev/null and b/img/fulls/IMG_5574_227.webp differ diff --git a/img/fulls/IMG_5575_227.webp b/img/fulls/IMG_5575_227.webp new file mode 100644 index 0000000..b7e81de Binary files /dev/null and b/img/fulls/IMG_5575_227.webp differ diff --git a/img/fulls/IMG_5631_635.webp b/img/fulls/IMG_5631_635.webp new file mode 100644 index 0000000..5e7d828 Binary files /dev/null and b/img/fulls/IMG_5631_635.webp differ diff --git a/img/fulls/IMG_5661_225.webp b/img/fulls/IMG_5661_225.webp new file mode 100644 index 0000000..c682bad Binary files /dev/null and b/img/fulls/IMG_5661_225.webp differ diff --git a/img/fulls/IMG_5728_790.webp b/img/fulls/IMG_5728_790.webp new file mode 100644 index 0000000..0efff3c Binary files /dev/null and b/img/fulls/IMG_5728_790.webp differ diff --git a/img/fulls/IMG_5750_597.webp b/img/fulls/IMG_5750_597.webp new file mode 100644 index 0000000..6a1b13b Binary files /dev/null and b/img/fulls/IMG_5750_597.webp differ diff --git a/img/fulls/IMG_5761_144.webp b/img/fulls/IMG_5761_144.webp new file mode 100644 index 0000000..e74c0b2 Binary files /dev/null and b/img/fulls/IMG_5761_144.webp differ diff --git a/img/fulls/IMG_5766_879.webp b/img/fulls/IMG_5766_879.webp new file mode 100644 index 0000000..487a4e0 Binary files /dev/null and b/img/fulls/IMG_5766_879.webp differ diff --git a/img/fulls/IMG_5892_418.webp b/img/fulls/IMG_5892_418.webp new file mode 100644 index 0000000..7ade8fa Binary files /dev/null and b/img/fulls/IMG_5892_418.webp differ diff --git a/img/fulls/IMG_5897_521.webp b/img/fulls/IMG_5897_521.webp new file mode 100644 index 0000000..a25e783 Binary files /dev/null and b/img/fulls/IMG_5897_521.webp differ diff --git a/img/fulls/IMG_5943_954.webp b/img/fulls/IMG_5943_954.webp new file mode 100644 index 0000000..e6bd12a Binary files /dev/null and b/img/fulls/IMG_5943_954.webp differ diff --git a/img/previews/IMG_5403_452.webp b/img/previews/IMG_5403_452.webp new file mode 100644 index 0000000..63a319e Binary files /dev/null and b/img/previews/IMG_5403_452.webp differ diff --git a/img/previews/IMG_5412_536.webp b/img/previews/IMG_5412_536.webp new file mode 100644 index 0000000..2842431 Binary files /dev/null and b/img/previews/IMG_5412_536.webp differ diff --git a/img/previews/IMG_5487_666.webp b/img/previews/IMG_5487_666.webp new file mode 100644 index 0000000..d623a78 Binary files /dev/null and b/img/previews/IMG_5487_666.webp differ diff --git a/img/previews/IMG_5489_518.webp b/img/previews/IMG_5489_518.webp new file mode 100644 index 0000000..69e1a43 Binary files /dev/null and b/img/previews/IMG_5489_518.webp differ diff --git a/img/previews/IMG_5528_626.webp b/img/previews/IMG_5528_626.webp new file mode 100644 index 0000000..d255540 Binary files /dev/null and b/img/previews/IMG_5528_626.webp differ diff --git a/img/previews/IMG_5548_566.webp b/img/previews/IMG_5548_566.webp new file mode 100644 index 0000000..028e1d2 Binary files /dev/null and b/img/previews/IMG_5548_566.webp differ diff --git a/img/previews/IMG_5574_227.webp b/img/previews/IMG_5574_227.webp new file mode 100644 index 0000000..34c1181 Binary files /dev/null and b/img/previews/IMG_5574_227.webp differ diff --git a/img/previews/IMG_5575_227.webp b/img/previews/IMG_5575_227.webp new file mode 100644 index 0000000..e1975d6 Binary files /dev/null and b/img/previews/IMG_5575_227.webp differ diff --git a/img/previews/IMG_5631_635.webp b/img/previews/IMG_5631_635.webp new file mode 100644 index 0000000..17b8110 Binary files /dev/null and b/img/previews/IMG_5631_635.webp differ diff --git a/img/previews/IMG_5661_225.webp b/img/previews/IMG_5661_225.webp new file mode 100644 index 0000000..61da5f1 Binary files /dev/null and b/img/previews/IMG_5661_225.webp differ diff --git a/img/previews/IMG_5728_790.webp b/img/previews/IMG_5728_790.webp new file mode 100644 index 0000000..978b6b2 Binary files /dev/null and b/img/previews/IMG_5728_790.webp differ diff --git a/img/previews/IMG_5750_597.webp b/img/previews/IMG_5750_597.webp new file mode 100644 index 0000000..93c94f1 Binary files /dev/null and b/img/previews/IMG_5750_597.webp differ diff --git a/img/previews/IMG_5761_144.webp b/img/previews/IMG_5761_144.webp new file mode 100644 index 0000000..b3f2c25 Binary files /dev/null and b/img/previews/IMG_5761_144.webp differ diff --git a/img/previews/IMG_5766_879.webp b/img/previews/IMG_5766_879.webp new file mode 100644 index 0000000..e6ef770 Binary files /dev/null and b/img/previews/IMG_5766_879.webp differ diff --git a/img/previews/IMG_5892_418.webp b/img/previews/IMG_5892_418.webp new file mode 100644 index 0000000..6b11e08 Binary files /dev/null and b/img/previews/IMG_5892_418.webp differ diff --git a/img/previews/IMG_5897_521.webp b/img/previews/IMG_5897_521.webp new file mode 100644 index 0000000..9faeb48 Binary files /dev/null and b/img/previews/IMG_5897_521.webp differ diff --git a/img/previews/IMG_5943_954.webp b/img/previews/IMG_5943_954.webp new file mode 100644 index 0000000..fdb74f9 Binary files /dev/null and b/img/previews/IMG_5943_954.webp differ diff --git a/index.php b/index.php index 0727bda..5038426 100644 --- a/index.php +++ b/index.php @@ -21,18 +21,68 @@
+
+ +

August 30th @ 8:05PM

+
+ +

August 22nd @ 9:47PM

+
+ +

August 22nd @ 9:47PM

+
+ +

July 21st @ 5:18PM

+
+ +

July 16th @ 3:44PM

+
+ +

July 9th @ 1:12PM

+
+ +

July 9th @ 1:12PM

+
+ +

June 23rd @ 5:31AM

+
+ +

June 17th @ 06:01PM

+
+ +

June 11th @ 10:58AM

+
+ +

June 11th @ 10:57AM

+
+ +

June 6th @ 3:48PM

+
+ +

June 1st @ 12:06AM

+
+ +

May 26th @ 2:36AM

+
+ +

May 24th @ 11:39PM

+
+ +

May 11th @ 12:46PM

+
+ +

May 10th @ 11:52AM

April 7th @ 9:47AM

diff --git a/photostandard.txt b/photostandard.txt index 1fa2618..1630bb7 100644 --- a/photostandard.txt +++ b/photostandard.txt @@ -4,4 +4,7 @@ Default Landscape: 4032x3024 Standard Portrait Full:1512x2016 Standard Portrait Preview: 756x1008 Standard Landscape Full: 2016x1512 -Standard Landscape Preview: 1008x756 \ No newline at end of file +Standard Landscape Preview: 1008x756 + +And Run (magick mogrify -resize 50% '*') -and (magick mogrify -strip *) +Some images need magick mogrify -rotate 90 * \ No newline at end of file