infeeeee/dis-2019
1
0
Fork 0
Code Issues 6 Pull Requests Releases 19 Wiki Activity

some bugs, started working on search-results

Browse Source
This commit is contained in:
infeeeee
2019-08-01 20:47:57 +02:00
parent 7ea5c5d1e8
commit 02e6844883
6 changed files with 395 additions and 296 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
_teendők.md
View File

@@ -37,16 +37,12 @@ Nyitócikkek felgördülő lead hosszát pontosítani
pecsét betűk összecsúsznak pecsét betűk összecsúsznak
//Gombos görgetés nem jó, ha egyszer is használod a másik fajta tekerést - szerintem jó, még tesztelni kell
Nagycímes címek, még feljebb Nagycímes címek, még feljebb
semmiképpen ne lógjon a cím elé a felgördölő cucc semmiképpen ne lógjon a cím elé a felgördölő cucc
Max karakterszám alcímnél, hogy hova menjen Max karakterszám alcímnél, hogy hova menjen
Ne legyen balra tekerő nyíl az első oldalon, ahol nincs hova menni
## mobil nézet ## mobil nézet

1
archive.php
View File

@@ -15,7 +15,6 @@
$cl = ""; $cl = "";
} }
// esc_html_e($ttl, 'text-domain') // esc_html_e($ttl, 'text-domain')
?> ?>

567
css/base.css
View File

@@ -846,26 +846,27 @@ object {
@media (min-width: 769px) { @media (min-width: 769px) {
.touchevents .archive, .touchevents .archive,
.touchevents .home { .touchevents .home, .touchevents .search-results {
overflow-y: hidden; } } overflow-y: hidden; } }
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* ARCHIVE AND HOMEPAGE */ /* ARCHIVE AND HOMEPAGE */
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
.archive .wrapper, .archive .wrapper,
.home .wrapper { .home .wrapper, .search-results .wrapper {
/* ----------------------------- header on home ----------------------------- */ } /* ----------------------------- header on home ----------------------------- */ }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive .wrapper, .archive .wrapper,
.home .wrapper { .home .wrapper, .search-results .wrapper {
overflow-y: hidden; overflow-y: hidden;
width: -moz-max-content; width: -moz-max-content;
width: max-content; width: max-content;
width: -moz-fit-content; width: -moz-fit-content;
width: fit-content; } } width: fit-content;
min-width: 100vw; } }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive .wrapper .header .header-scroll, .archive .wrapper .header .header-scroll,
.home .wrapper .header .header-scroll { .home .wrapper .header .header-scroll, .search-results .wrapper .header .header-scroll {
display: block; display: block;
position: fixed; position: fixed;
height: 100vh; height: 100vh;
@@ -873,25 +874,25 @@ object {
flex: 1 0 auto !important; flex: 1 0 auto !important;
top: 0; } } top: 0; } }
.archive .wrapper .header .header-scroll.header-scroll-left, .archive .wrapper .header .header-scroll.header-scroll-left,
.home .wrapper .header .header-scroll.header-scroll-left { .home .wrapper .header .header-scroll.header-scroll-left, .search-results .wrapper .header .header-scroll.header-scroll-left {
left: 10rem; } left: 10rem; }
.archive .wrapper .header .header-scroll.header-scroll-left button, .archive .wrapper .header .header-scroll.header-scroll-left button,
.home .wrapper .header .header-scroll.header-scroll-left button { .home .wrapper .header .header-scroll.header-scroll-left button, .search-results .wrapper .header .header-scroll.header-scroll-left button {
cursor: url("../img/arrow-black-left.png"), w-resize; } cursor: url("../img/arrow-black-left.png"), w-resize; }
.archive .wrapper .header .header-scroll.header-scroll-right, .archive .wrapper .header .header-scroll.header-scroll-right,
.home .wrapper .header .header-scroll.header-scroll-right { .home .wrapper .header .header-scroll.header-scroll-right, .search-results .wrapper .header .header-scroll.header-scroll-right {
right: 10rem; } right: 10rem; }
.archive .wrapper .header .header-scroll.header-scroll-right button, .archive .wrapper .header .header-scroll.header-scroll-right button,
.home .wrapper .header .header-scroll.header-scroll-right button { .home .wrapper .header .header-scroll.header-scroll-right button, .search-results .wrapper .header .header-scroll.header-scroll-right button {
cursor: url("../img/arrow-black-right.png"), e-resize; } cursor: url("../img/arrow-black-right.png"), e-resize; }
.archive .wrapper .header .header-scroll button, .archive .wrapper .header .header-scroll button,
.home .wrapper .header .header-scroll button { .home .wrapper .header .header-scroll button, .search-results .wrapper .header .header-scroll button {
height: 100vh; height: 100vh;
width: 10rem; } width: 10rem; }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main, .archive main,
.home main { .home main, .search-results main {
height: 100vh; height: 100vh;
width: -moz-max-content; width: -moz-max-content;
width: max-content; width: max-content;
@@ -900,14 +901,14 @@ object {
position: relative; } } position: relative; } }
.archive main section, .archive main section,
.home main section { .home main section, .search-results main section {
/* --------------------------- home article mobile/default -------------------------- */ /* --------------------------- home article mobile/default -------------------------- */
/* ------------------------ home article desktop big ------------------------ */ /* ------------------------ home article desktop big ------------------------ */
/* ------------------------------------ - ----------------------------------- */ /* ------------------------------------ - ----------------------------------- */
/* ----------------------- articles desktop small ----------------------- */ } /* ----------------------- articles desktop small ----------------------- */ }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main section, .archive main section,
.home main section { .home main section, .search-results main section {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
margin: 0; margin: 0;
@@ -917,48 +918,48 @@ object {
width: -moz-fit-content; width: -moz-fit-content;
width: fit-content; } } width: fit-content; } }
.archive main section article, .archive main section article,
.home main section article { .home main section article, .search-results main section article {
height: 100vh; } height: 100vh; }
.archive main section article > a, .archive main section article > a,
.home main section article > a { .home main section article > a, .search-results main section article > a {
margin: 0; margin: 0;
padding: 0; padding: 0;
border: none; border: none;
display: inline-block; } display: inline-block; }
.archive main section article .thumbnailwrapper img, .archive main section article .thumbnailwrapper img,
.home main section article .thumbnailwrapper img { .home main section article .thumbnailwrapper img, .search-results main section article .thumbnailwrapper img {
height: 50vh; height: 50vh;
width: 100vw; width: 100vw;
object-fit: cover; } object-fit: cover; }
.archive main section article h2, .archive main section article h2,
.home main section article h2 { .home main section article h2, .search-results main section article h2 {
width: 100%; width: 100%;
height: 50vh; height: 50vh;
padding: 2rem; padding: 2rem;
padding-top: 3rem; padding-top: 3rem;
margin: 0; } margin: 0; }
.archive main section article h2 a, .archive main section article h2 a,
.home main section article h2 a { .home main section article h2 a, .search-results main section article h2 a {
font: bold 3rem "Westeinde Caption"; font: bold 3rem "Westeinde Caption";
color: #000; } color: #000; }
@media (-webkit-min-device-pixel-ratio: 2.1) { @media (-webkit-min-device-pixel-ratio: 2.1) {
.archive main section article h2 a, .archive main section article h2 a,
.home main section article h2 a { .home main section article h2 a, .search-results main section article h2 a {
font-size: 2.5rem !important; } } font-size: 2.5rem !important; } }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main section article h2 a, .archive main section article h2 a,
.home main section article h2 a { .home main section article h2 a, .search-results main section article h2 a {
font-size: 6rem; } } font-size: 6rem; } }
@media (min-width: 1279px) { @media (min-width: 1279px) {
.archive main section article h2 a, .archive main section article h2 a,
.home main section article h2 a { .home main section article h2 a, .search-results main section article h2 a {
font-size: 7.5rem; } } font-size: 7.5rem; } }
@media (min-width: 1919px) { @media (min-width: 1919px) {
.archive main section article h2 a, .archive main section article h2 a,
.home main section article h2 a { .home main section article h2 a, .search-results main section article h2 a {
font-size: 11rem; } } font-size: 11rem; } }
.archive main section article .metadata, .archive main section article .metadata,
.home main section article .metadata { .home main section article .metadata, .search-results main section article .metadata {
bottom: 50%; bottom: 50%;
height: 5rem; height: 5rem;
display: flex; display: flex;
@@ -971,7 +972,7 @@ object {
align-items: center; align-items: center;
padding: 0; } padding: 0; }
.archive main section article .metadata .vr, .archive main section article .metadata .vr,
.home main section article .metadata .vr { .home main section article .metadata .vr, .search-results main section article .metadata .vr {
height: 100%; height: 100%;
width: 1px; width: 1px;
background-color: #000; background-color: #000;
@@ -983,15 +984,17 @@ object {
.archive main section article .metadata .curvyArrow, .archive main section article .metadata .curvyArrow,
.home main section article .metadata .bevezeto, .home main section article .metadata .bevezeto,
.home main section article .metadata .alcim, .home main section article .metadata .alcim,
.home main section article .metadata .curvyArrow { .home main section article .metadata .curvyArrow, .search-results main section article .metadata .bevezeto,
.search-results main section article .metadata .alcim,
.search-results main section article .metadata .curvyArrow {
display: none; } display: none; }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main section .home-wrapper-big, .archive main section .home_wrapper-big,
.home main section .home-wrapper-big { .home main section .home_wrapper-big, .search-results main section .home_wrapper-big {
flex: 0 0 auto; flex: 0 0 auto;
border-right: #000 1px solid; } border-right: #000 1px solid; }
.archive main section .home-wrapper-big article, .archive main section .home_wrapper-big article,
.home main section .home-wrapper-big article { .home main section .home_wrapper-big article, .search-results main section .home_wrapper-big article {
position: relative; position: relative;
width: calc(100vw - (10rem * 3)); width: calc(100vw - (10rem * 3));
height: calc(100vh - 4rem); height: calc(100vh - 4rem);
@@ -1003,28 +1006,28 @@ object {
/* ------------- home article desktop big - thumbnail and title ------------- */ /* ------------- home article desktop big - thumbnail and title ------------- */
/* -------------------------- home article metadata big------------------------- */ /* -------------------------- home article metadata big------------------------- */
/* ------------------------- home article big hover ------------------------- */ } /* ------------------------- home article big hover ------------------------- */ }
.archive main section .home-wrapper-big article .thumbnailwrapper, .archive main section .home_wrapper-big article .thumbnailwrapper,
.home main section .home-wrapper-big article .thumbnailwrapper { .home main section .home_wrapper-big article .thumbnailwrapper, .search-results main section .home_wrapper-big article .thumbnailwrapper {
width: 60%; width: 60%;
height: calc(100% - 4rem); height: calc(100% - 4rem);
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: flex-start; } justify-content: flex-start; }
.archive main section .home-wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail, .archive main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail,
.home main section .home-wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail { .home main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail, .search-results main section .home_wrapper-big article .thumbnailwrapper img.attachment-home-big-thumbnail {
object-fit: cover; object-fit: cover;
width: 100%; width: 100%;
height: 100%; } height: 100%; }
.archive main section .home-wrapper-big article h2, .archive main section .home_wrapper-big article h2,
.home main section .home-wrapper-big article h2 { .home main section .home_wrapper-big article h2, .search-results main section .home_wrapper-big article h2 {
height: unset; height: unset;
position: absolute; position: absolute;
top: 4rem; top: 4rem;
padding: 4rem; padding: 4rem;
padding-right: 2rem; padding-right: 2rem;
width: calc(100vw - 25rem); } width: calc(100vw - 25rem); }
.archive main section .home-wrapper-big article .metadata, .archive main section .home_wrapper-big article .metadata,
.home main section .home-wrapper-big article .metadata { .home main section .home_wrapper-big article .metadata, .search-results main section .home_wrapper-big article .metadata {
bottom: 0; bottom: 0;
background: transparent; background: transparent;
width: 100%; width: 100%;
@@ -1036,35 +1039,36 @@ object {
align-items: center; align-items: center;
overflow: visible !important; } } overflow: visible !important; } }
@media (min-width: 769px) and (min-width: 769px) { @media (min-width: 769px) and (min-width: 769px) {
.archive main section .home-wrapper-big article .metadata, .archive main section .home_wrapper-big article .metadata,
.home main section .home-wrapper-big article .metadata { .home main section .home_wrapper-big article .metadata, .search-results main section .home_wrapper-big article .metadata {
font-size: 2rem; } } font-size: 2rem; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) { @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) {
.archive main section .home-wrapper-big article .metadata, .archive main section .home_wrapper-big article .metadata,
.home main section .home-wrapper-big article .metadata { .home main section .home_wrapper-big article .metadata, .search-results main section .home_wrapper-big article .metadata {
height: calc(10rem / 2); } } height: calc(10rem / 2); } }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main section .home-wrapper-big article .metadata.noBottomScrollbar, .archive main section .home_wrapper-big article .metadata.noBottomScrollbar,
.home main section .home-wrapper-big article .metadata.noBottomScrollbar { .home main section .home_wrapper-big article .metadata.noBottomScrollbar, .search-results main section .home_wrapper-big article .metadata.noBottomScrollbar {
height: 11.5rem; } height: 11.5rem; }
.archive main section .home-wrapper-big article .metadata > div, .archive main section .home_wrapper-big article .metadata > div,
.home main section .home-wrapper-big article .metadata > div { .home main section .home_wrapper-big article .metadata > div, .search-results main section .home_wrapper-big article .metadata > div {
flex: 1 1 auto; } flex: 1 1 auto; }
.archive main section .home-wrapper-big article .metadata .categories, .archive main section .home_wrapper-big article .metadata .categories,
.home main section .home-wrapper-big article .metadata .categories { .home main section .home_wrapper-big article .metadata .categories, .search-results main section .home_wrapper-big article .metadata .categories {
display: block; display: block;
padding: 0; } padding: 0; }
.archive main section .home-wrapper-big article .metadata .postedon, .archive main section .home_wrapper-big article .metadata .postedon,
.home main section .home-wrapper-big article .metadata .postedon { .home main section .home_wrapper-big article .metadata .postedon, .search-results main section .home_wrapper-big article .metadata .postedon {
padding: 0; } padding: 0; }
.archive main section .home-wrapper-big article .metadata .bevezeto, .archive main section .home_wrapper-big article .metadata .bevezeto,
.archive main section .home-wrapper-big article .metadata .alcim, .archive main section .home_wrapper-big article .metadata .alcim,
.home main section .home-wrapper-big article .metadata .bevezeto, .home main section .home_wrapper-big article .metadata .bevezeto,
.home main section .home-wrapper-big article .metadata .alcim { .home main section .home_wrapper-big article .metadata .alcim, .search-results main section .home_wrapper-big article .metadata .bevezeto,
.search-results main section .home_wrapper-big article .metadata .alcim {
color: #000 !important; color: #000 !important;
display: none; } display: none; }
.archive main section .home-wrapper-big article .metadata .alcim, .archive main section .home_wrapper-big article .metadata .alcim,
.home main section .home-wrapper-big article .metadata .alcim { .home main section .home_wrapper-big article .metadata .alcim, .search-results main section .home_wrapper-big article .metadata .alcim {
-moz-transform: rotate(270deg); -moz-transform: rotate(270deg);
-o-transform: rotate(270deg); -o-transform: rotate(270deg);
-ms-transform: rotate(270deg); -ms-transform: rotate(270deg);
@@ -1076,48 +1080,49 @@ object {
height: 5rem; height: 5rem;
width: 20rem; width: 20rem;
margin: 0 -3rem; } margin: 0 -3rem; }
.archive main section .home-wrapper-big article .metadata .bevezeto, .archive main section .home_wrapper-big article .metadata .bevezeto,
.home main section .home-wrapper-big article .metadata .bevezeto { .home main section .home_wrapper-big article .metadata .bevezeto, .search-results main section .home_wrapper-big article .metadata .bevezeto {
width: 50%; width: 50%;
flex: 0 1 auto; flex: 0 1 auto;
text-align: left; text-align: left;
padding: 5rem; padding: 5rem;
font: bold 1rem "Butler"; } } font: bold 1rem "Butler"; } }
@media (min-width: 769px) and (min-width: 769px) { @media (min-width: 769px) and (min-width: 769px) {
.archive main section .home-wrapper-big article .metadata .bevezeto, .archive main section .home_wrapper-big article .metadata .bevezeto,
.home main section .home-wrapper-big article .metadata .bevezeto { .home main section .home_wrapper-big article .metadata .bevezeto, .search-results main section .home_wrapper-big article .metadata .bevezeto {
font-size: 2rem; } } font-size: 2rem; } }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main section .home-wrapper-big article .metadata .transparent, .archive main section .home_wrapper-big article .metadata .transparent,
.archive main section .home-wrapper-big article .metadata .transparent a, .archive main section .home_wrapper-big article .metadata .transparent a,
.home main section .home-wrapper-big article .metadata .transparent, .home main section .home_wrapper-big article .metadata .transparent,
.home main section .home-wrapper-big article .metadata .transparent a { .home main section .home_wrapper-big article .metadata .transparent a, .search-results main section .home_wrapper-big article .metadata .transparent,
.search-results main section .home_wrapper-big article .metadata .transparent a {
color: transparent !important; } color: transparent !important; }
.archive main section .home-wrapper-big article .metadata .filler, .archive main section .home_wrapper-big article .metadata .filler,
.home main section .home-wrapper-big article .metadata .filler { .home main section .home_wrapper-big article .metadata .filler, .search-results main section .home_wrapper-big article .metadata .filler {
flex: 0 0 auto; flex: 0 0 auto;
width: 60%; width: 60%;
height: 1px; height: 1px;
align-self: flex-start; } align-self: flex-start; }
.archive main section .home-wrapper-big article .metadata .curvyArrow, .archive main section .home_wrapper-big article .metadata .curvyArrow,
.home main section .home-wrapper-big article .metadata .curvyArrow { .home main section .home_wrapper-big article .metadata .curvyArrow, .search-results main section .home_wrapper-big article .metadata .curvyArrow {
position: absolute; position: absolute;
display: block; display: block;
right: 0; right: 0;
top: 0; top: 0;
height: 15rem; height: 15rem;
width: 7.5rem; } width: 7.5rem; }
.archive main section .home-wrapper-big article .metadata .curvyArrow object, .archive main section .home_wrapper-big article .metadata .curvyArrow object,
.home main section .home-wrapper-big article .metadata .curvyArrow object { .home main section .home_wrapper-big article .metadata .curvyArrow object, .search-results main section .home_wrapper-big article .metadata .curvyArrow object {
height: 15rem; height: 15rem;
position: absolute; position: absolute;
right: 0; right: 0;
top: calc(-50% + 0.5px); } top: calc(-50% + 0.5px); }
.archive main section .home-wrapper-big article.hovered h2 > a, .archive main section .home_wrapper-big article.hovered h2 > a,
.home main section .home-wrapper-big article.hovered h2 > a { .home main section .home_wrapper-big article.hovered h2 > a, .search-results main section .home_wrapper-big article.hovered h2 > a {
color: #000; } color: #000; }
.archive main section .home-wrapper-big.home-wrapper-1 article .metadata::after, .archive main section .home_wrapper-big.home_wrapper-1 article .metadata::after,
.home main section .home-wrapper-big.home-wrapper-1 article .metadata::after { .home main section .home_wrapper-big.home_wrapper-1 article .metadata::after, .search-results main section .home_wrapper-big.home_wrapper-1 article .metadata::after {
position: absolute; position: absolute;
content: ""; content: "";
display: block; display: block;
@@ -1128,8 +1133,8 @@ object {
background-color: transparent; background-color: transparent;
left: calc(4rem); left: calc(4rem);
margin-left: -0; } margin-left: -0; }
.archive main section .home-wrapper-big.home-wrapper-1 article .metadata::before, .archive main section .home_wrapper-big.home_wrapper-1 article .metadata::before,
.home main section .home-wrapper-big.home-wrapper-1 article .metadata::before { .home main section .home_wrapper-big.home_wrapper-1 article .metadata::before, .search-results main section .home_wrapper-big.home_wrapper-1 article .metadata::before {
display: block; display: block;
content: ""; content: "";
position: absolute; position: absolute;
@@ -1147,20 +1152,20 @@ object {
transform: skewX(-45deg); transform: skewX(-45deg);
transform-origin: left bottom; transform-origin: left bottom;
border-top: #000 solid 1px; } border-top: #000 solid 1px; }
.archive main section .home-wrapper-big.home-wrapper-1 article .metadata .filler, .archive main section .home_wrapper-big.home_wrapper-1 article .metadata .filler,
.home main section .home-wrapper-big.home-wrapper-1 article .metadata .filler { .home main section .home_wrapper-big.home_wrapper-1 article .metadata .filler, .search-results main section .home_wrapper-big.home_wrapper-1 article .metadata .filler {
position: relative; } position: relative; }
.archive main section .home-wrapper-big.home-wrapper-1 article a.thumbnailwrapper, .archive main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper,
.home main section .home-wrapper-big.home-wrapper-1 article a.thumbnailwrapper { .home main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper, .search-results main section .home_wrapper-big.home_wrapper-1 article a.thumbnailwrapper {
float: right; } float: right; }
.archive main section .home-wrapper-big.home-wrapper-2 article, .archive main section .home_wrapper-big.home_wrapper-2 article,
.home main section .home-wrapper-big.home-wrapper-2 article { .home main section .home_wrapper-big.home_wrapper-2 article, .search-results main section .home_wrapper-big.home_wrapper-2 article {
border-left: #000 1px solid; } border-left: #000 1px solid; }
.archive main section .home-wrapper-big.home-wrapper-2 article .metadata, .archive main section .home_wrapper-big.home_wrapper-2 article .metadata,
.home main section .home-wrapper-big.home-wrapper-2 article .metadata { .home main section .home_wrapper-big.home_wrapper-2 article .metadata, .search-results main section .home_wrapper-big.home_wrapper-2 article .metadata {
justify-content: flex-end; } justify-content: flex-end; }
.archive main section .home-wrapper-big.home-wrapper-2 article .metadata::after, .archive main section .home_wrapper-big.home_wrapper-2 article .metadata::after,
.home main section .home-wrapper-big.home-wrapper-2 article .metadata::after { .home main section .home_wrapper-big.home_wrapper-2 article .metadata::after, .search-results main section .home_wrapper-big.home_wrapper-2 article .metadata::after {
position: absolute; position: absolute;
content: ""; content: "";
display: block; display: block;
@@ -1171,8 +1176,8 @@ object {
background-color: transparent; background-color: transparent;
right: calc(4rem); right: calc(4rem);
margin-right: -0; } margin-right: -0; }
.archive main section .home-wrapper-big.home-wrapper-2 article .metadata::before, .archive main section .home_wrapper-big.home_wrapper-2 article .metadata::before,
.home main section .home-wrapper-big.home-wrapper-2 article .metadata::before { .home main section .home_wrapper-big.home_wrapper-2 article .metadata::before, .search-results main section .home_wrapper-big.home_wrapper-2 article .metadata::before {
display: block; display: block;
content: ""; content: "";
position: absolute; position: absolute;
@@ -1189,19 +1194,19 @@ object {
-webkit-transform: skewX(45deg); -webkit-transform: skewX(45deg);
transform: skewX(45deg); transform: skewX(45deg);
transform-origin: right bottom; } transform-origin: right bottom; }
.archive main section .home-wrapper-big.home-wrapper-2 article .metadata .filler, .archive main section .home_wrapper-big.home_wrapper-2 article .metadata .filler,
.home main section .home-wrapper-big.home-wrapper-2 article .metadata .filler { .home main section .home_wrapper-big.home_wrapper-2 article .metadata .filler, .search-results main section .home_wrapper-big.home_wrapper-2 article .metadata .filler {
order: -1; } order: -1; }
.archive main section .home-wrapper-big.home-wrapper-2 article .thumbnailwrapper, .archive main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper,
.home main section .home-wrapper-big.home-wrapper-2 article .thumbnailwrapper { .home main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper, .search-results main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper {
width: calc(60% + 5rem); } width: calc(60% + 5rem); }
.archive main section .home-wrapper-big.home-wrapper-2 article .thumbnailwrapper img, .archive main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper img,
.home main section .home-wrapper-big.home-wrapper-2 article .thumbnailwrapper img { .home main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper img, .search-results main section .home_wrapper-big.home_wrapper-2 article .thumbnailwrapper img {
left: -5rem; left: -5rem;
position: relative; } } position: relative; } }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main section .home-wrapper-small, .archive main section .home_wrapper-small,
.home main section .home-wrapper-small { .home main section .home_wrapper-small, .search-results main section .home_wrapper-small {
max-width: calc(100vw - (10rem * 3)); max-width: calc(100vw - (10rem * 3));
max-height: calc((100vw - (10rem * 3)) / 3 * 2); max-height: calc((100vw - (10rem * 3)) / 3 * 2);
height: calc(100vh - 8rem); height: calc(100vh - 8rem);
@@ -1211,44 +1216,52 @@ object {
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin: auto 0; } margin: auto 0; }
.archive main section .home-wrapper-small.home-wrapper-s1:not(.home-wrapper-1), .archive main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1),
.home main section .home-wrapper-small.home-wrapper-s1:not(.home-wrapper-1) { .home main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1), .search-results main section .home_wrapper-small.home_wrapper-s1:not(.home_wrapper-1) {
margin-left: 5rem; } margin-left: 5rem; }
.archive main section .home-wrapper-small.home-wrapper-s1.home-wrapper-small.home-wrapper-1, .archive main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1,
.home main section .home-wrapper-small.home-wrapper-s1.home-wrapper-small.home-wrapper-1 { .home main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1, .search-results main section .home_wrapper-small.home_wrapper-s1.home_wrapper-small.home_wrapper-1 {
margin-left: 10rem; } margin-left: 10rem; }
.archive main section .home-wrapper-small article, .archive main section .home_wrapper-small article,
.archive main section .home-wrapper-small .archivetitle, .archive main section .home_wrapper-small .archivetitle,
.archive main section .home-wrapper-small .archivedescription, .archive main section .home_wrapper-small .archivedescription,
.home main section .home-wrapper-small article, .home main section .home_wrapper-small article,
.home main section .home-wrapper-small .archivetitle, .home main section .home_wrapper-small .archivetitle,
.home main section .home-wrapper-small .archivedescription { .home main section .home_wrapper-small .archivedescription, .search-results main section .home_wrapper-small article,
.search-results main section .home_wrapper-small .archivetitle,
.search-results main section .home_wrapper-small .archivedescription {
flex: 0 0 calc(100% / 3); flex: 0 0 calc(100% / 3);
height: 50%; height: 50%;
position: relative; } position: relative; }
.archive main section .home-wrapper-small article .thumbnailwrapper, .archive main section .home_wrapper-small article .thumbnailwrapper,
.archive main section .home-wrapper-small .archivetitle .thumbnailwrapper, .archive main section .home_wrapper-small .archivetitle .thumbnailwrapper,
.archive main section .home-wrapper-small .archivedescription .thumbnailwrapper, .archive main section .home_wrapper-small .archivedescription .thumbnailwrapper,
.home main section .home-wrapper-small article .thumbnailwrapper, .home main section .home_wrapper-small article .thumbnailwrapper,
.home main section .home-wrapper-small .archivetitle .thumbnailwrapper, .home main section .home_wrapper-small .archivetitle .thumbnailwrapper,
.home main section .home-wrapper-small .archivedescription .thumbnailwrapper { .home main section .home_wrapper-small .archivedescription .thumbnailwrapper, .search-results main section .home_wrapper-small article .thumbnailwrapper,
.search-results main section .home_wrapper-small .archivetitle .thumbnailwrapper,
.search-results main section .home_wrapper-small .archivedescription .thumbnailwrapper {
width: 100%; width: 100%;
height: 100%; } height: 100%; }
.archive main section .home-wrapper-small article .thumbnailwrapper img, .archive main section .home_wrapper-small article .thumbnailwrapper img,
.archive main section .home-wrapper-small .archivetitle .thumbnailwrapper img, .archive main section .home_wrapper-small .archivetitle .thumbnailwrapper img,
.archive main section .home-wrapper-small .archivedescription .thumbnailwrapper img, .archive main section .home_wrapper-small .archivedescription .thumbnailwrapper img,
.home main section .home-wrapper-small article .thumbnailwrapper img, .home main section .home_wrapper-small article .thumbnailwrapper img,
.home main section .home-wrapper-small .archivetitle .thumbnailwrapper img, .home main section .home_wrapper-small .archivetitle .thumbnailwrapper img,
.home main section .home-wrapper-small .archivedescription .thumbnailwrapper img { .home main section .home_wrapper-small .archivedescription .thumbnailwrapper img, .search-results main section .home_wrapper-small article .thumbnailwrapper img,
.search-results main section .home_wrapper-small .archivetitle .thumbnailwrapper img,
.search-results main section .home_wrapper-small .archivedescription .thumbnailwrapper img {
width: 100%; width: 100%;
height: 100%; height: 100%;
object-fit: cover; } object-fit: cover; }
.archive main section .home-wrapper-small article .metadata, .archive main section .home_wrapper-small article .metadata,
.archive main section .home-wrapper-small .archivetitle .metadata, .archive main section .home_wrapper-small .archivetitle .metadata,
.archive main section .home-wrapper-small .archivedescription .metadata, .archive main section .home_wrapper-small .archivedescription .metadata,
.home main section .home-wrapper-small article .metadata, .home main section .home_wrapper-small article .metadata,
.home main section .home-wrapper-small .archivetitle .metadata, .home main section .home_wrapper-small .archivetitle .metadata,
.home main section .home-wrapper-small .archivedescription .metadata { .home main section .home_wrapper-small .archivedescription .metadata, .search-results main section .home_wrapper-small article .metadata,
.search-results main section .home_wrapper-small .archivetitle .metadata,
.search-results main section .home_wrapper-small .archivedescription .metadata {
width: 100%; width: 100%;
min-width: unset; min-width: unset;
height: 5rem; height: 5rem;
@@ -1262,12 +1275,14 @@ object {
justify-content: space-between; justify-content: space-between;
align-items: stretch; align-items: stretch;
display: none; } display: none; }
.archive main section .home-wrapper-small article .metadata::after, .archive main section .home_wrapper-small article .metadata::after,
.archive main section .home-wrapper-small .archivetitle .metadata::after, .archive main section .home_wrapper-small .archivetitle .metadata::after,
.archive main section .home-wrapper-small .archivedescription .metadata::after, .archive main section .home_wrapper-small .archivedescription .metadata::after,
.home main section .home-wrapper-small article .metadata::after, .home main section .home_wrapper-small article .metadata::after,
.home main section .home-wrapper-small .archivetitle .metadata::after, .home main section .home_wrapper-small .archivetitle .metadata::after,
.home main section .home-wrapper-small .archivedescription .metadata::after { .home main section .home_wrapper-small .archivedescription .metadata::after, .search-results main section .home_wrapper-small article .metadata::after,
.search-results main section .home_wrapper-small .archivetitle .metadata::after,
.search-results main section .home_wrapper-small .archivedescription .metadata::after {
position: absolute; position: absolute;
content: ""; content: "";
display: block; display: block;
@@ -1278,12 +1293,14 @@ object {
background-color: transparent; background-color: transparent;
left: calc(5rem); left: calc(5rem);
margin-left: -0; } margin-left: -0; }
.archive main section .home-wrapper-small article .metadata::before, .archive main section .home_wrapper-small article .metadata::before,
.archive main section .home-wrapper-small .archivetitle .metadata::before, .archive main section .home_wrapper-small .archivetitle .metadata::before,
.archive main section .home-wrapper-small .archivedescription .metadata::before, .archive main section .home_wrapper-small .archivedescription .metadata::before,
.home main section .home-wrapper-small article .metadata::before, .home main section .home_wrapper-small article .metadata::before,
.home main section .home-wrapper-small .archivetitle .metadata::before, .home main section .home_wrapper-small .archivetitle .metadata::before,
.home main section .home-wrapper-small .archivedescription .metadata::before { .home main section .home_wrapper-small .archivedescription .metadata::before, .search-results main section .home_wrapper-small article .metadata::before,
.search-results main section .home_wrapper-small .archivetitle .metadata::before,
.search-results main section .home_wrapper-small .archivedescription .metadata::before {
display: block; display: block;
content: ""; content: "";
position: absolute; position: absolute;
@@ -1301,95 +1318,123 @@ object {
transform: skewX(-45deg); transform: skewX(-45deg);
transform-origin: left bottom; transform-origin: left bottom;
border-top: #000 solid 1px; } border-top: #000 solid 1px; }
.archive main section .home-wrapper-small article .metadata.vis, .archive main section .home_wrapper-small article .metadata.vis,
.archive main section .home-wrapper-small .archivetitle .metadata.vis, .archive main section .home_wrapper-small .archivetitle .metadata.vis,
.archive main section .home-wrapper-small .archivedescription .metadata.vis, .archive main section .home_wrapper-small .archivedescription .metadata.vis,
.home main section .home-wrapper-small article .metadata.vis, .home main section .home_wrapper-small article .metadata.vis,
.home main section .home-wrapper-small .archivetitle .metadata.vis, .home main section .home_wrapper-small .archivetitle .metadata.vis,
.home main section .home-wrapper-small .archivedescription .metadata.vis { .home main section .home_wrapper-small .archivedescription .metadata.vis, .search-results main section .home_wrapper-small article .metadata.vis,
.search-results main section .home_wrapper-small .archivetitle .metadata.vis,
.search-results main section .home_wrapper-small .archivedescription .metadata.vis {
display: flex; } display: flex; }
.archive main section .home-wrapper-small article .metadata .categories, .archive main section .home_wrapper-small article .metadata .categories,
.archive main section .home-wrapper-small article .metadata .postedon, .archive main section .home_wrapper-small article .metadata .postedon,
.archive main section .home-wrapper-small .archivetitle .metadata .categories, .archive main section .home_wrapper-small .archivetitle .metadata .categories,
.archive main section .home-wrapper-small .archivetitle .metadata .postedon, .archive main section .home_wrapper-small .archivetitle .metadata .postedon,
.archive main section .home-wrapper-small .archivedescription .metadata .categories, .archive main section .home_wrapper-small .archivedescription .metadata .categories,
.archive main section .home-wrapper-small .archivedescription .metadata .postedon, .archive main section .home_wrapper-small .archivedescription .metadata .postedon,
.home main section .home-wrapper-small article .metadata .categories, .home main section .home_wrapper-small article .metadata .categories,
.home main section .home-wrapper-small article .metadata .postedon, .home main section .home_wrapper-small article .metadata .postedon,
.home main section .home-wrapper-small .archivetitle .metadata .categories, .home main section .home_wrapper-small .archivetitle .metadata .categories,
.home main section .home-wrapper-small .archivetitle .metadata .postedon, .home main section .home_wrapper-small .archivetitle .metadata .postedon,
.home main section .home-wrapper-small .archivedescription .metadata .categories, .home main section .home_wrapper-small .archivedescription .metadata .categories,
.home main section .home-wrapper-small .archivedescription .metadata .postedon { .home main section .home_wrapper-small .archivedescription .metadata .postedon, .search-results main section .home_wrapper-small article .metadata .categories,
.search-results main section .home_wrapper-small article .metadata .postedon,
.search-results main section .home_wrapper-small .archivetitle .metadata .categories,
.search-results main section .home_wrapper-small .archivetitle .metadata .postedon,
.search-results main section .home_wrapper-small .archivedescription .metadata .categories,
.search-results main section .home_wrapper-small .archivedescription .metadata .postedon {
font: bold 1rem "Westeinde Caption"; font: bold 1rem "Westeinde Caption";
color: #000; } } color: #000; } }
@media (min-width: 769px) and (min-width: 769px) { @media (min-width: 769px) and (min-width: 769px) {
.archive main section .home-wrapper-small article .metadata .categories, .archive main section .home_wrapper-small article .metadata .categories,
.archive main section .home-wrapper-small article .metadata .postedon, .archive main section .home_wrapper-small article .metadata .postedon,
.archive main section .home-wrapper-small .archivetitle .metadata .categories, .archive main section .home_wrapper-small .archivetitle .metadata .categories,
.archive main section .home-wrapper-small .archivetitle .metadata .postedon, .archive main section .home_wrapper-small .archivetitle .metadata .postedon,
.archive main section .home-wrapper-small .archivedescription .metadata .categories, .archive main section .home_wrapper-small .archivedescription .metadata .categories,
.archive main section .home-wrapper-small .archivedescription .metadata .postedon, .archive main section .home_wrapper-small .archivedescription .metadata .postedon,
.home main section .home-wrapper-small article .metadata .categories, .home main section .home_wrapper-small article .metadata .categories,
.home main section .home-wrapper-small article .metadata .postedon, .home main section .home_wrapper-small article .metadata .postedon,
.home main section .home-wrapper-small .archivetitle .metadata .categories, .home main section .home_wrapper-small .archivetitle .metadata .categories,
.home main section .home-wrapper-small .archivetitle .metadata .postedon, .home main section .home_wrapper-small .archivetitle .metadata .postedon,
.home main section .home-wrapper-small .archivedescription .metadata .categories, .home main section .home_wrapper-small .archivedescription .metadata .categories,
.home main section .home-wrapper-small .archivedescription .metadata .postedon { .home main section .home_wrapper-small .archivedescription .metadata .postedon, .search-results main section .home_wrapper-small article .metadata .categories,
.search-results main section .home_wrapper-small article .metadata .postedon,
.search-results main section .home_wrapper-small .archivetitle .metadata .categories,
.search-results main section .home_wrapper-small .archivetitle .metadata .postedon,
.search-results main section .home_wrapper-small .archivedescription .metadata .categories,
.search-results main section .home_wrapper-small .archivedescription .metadata .postedon {
font-size: 1.2rem; } } font-size: 1.2rem; } }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main section .home-wrapper-small article .metadata .categories, .archive main section .home_wrapper-small article .metadata .categories,
.archive main section .home-wrapper-small .archivetitle .metadata .categories, .archive main section .home_wrapper-small .archivetitle .metadata .categories,
.archive main section .home-wrapper-small .archivedescription .metadata .categories, .archive main section .home_wrapper-small .archivedescription .metadata .categories,
.home main section .home-wrapper-small article .metadata .categories, .home main section .home_wrapper-small article .metadata .categories,
.home main section .home-wrapper-small .archivetitle .metadata .categories, .home main section .home_wrapper-small .archivetitle .metadata .categories,
.home main section .home-wrapper-small .archivedescription .metadata .categories { .home main section .home_wrapper-small .archivedescription .metadata .categories, .search-results main section .home_wrapper-small article .metadata .categories,
.search-results main section .home_wrapper-small .archivetitle .metadata .categories,
.search-results main section .home_wrapper-small .archivedescription .metadata .categories {
margin-left: 6rem; margin-left: 6rem;
padding: 1.33333rem 0; padding: 1.33333rem 0;
flex: 1 1 auto; } flex: 1 1 auto; }
.archive main section .home-wrapper-small article .metadata .postedon, .archive main section .home_wrapper-small article .metadata .postedon,
.archive main section .home-wrapper-small .archivetitle .metadata .postedon, .archive main section .home_wrapper-small .archivetitle .metadata .postedon,
.archive main section .home-wrapper-small .archivedescription .metadata .postedon, .archive main section .home_wrapper-small .archivedescription .metadata .postedon,
.home main section .home-wrapper-small article .metadata .postedon, .home main section .home_wrapper-small article .metadata .postedon,
.home main section .home-wrapper-small .archivetitle .metadata .postedon, .home main section .home_wrapper-small .archivetitle .metadata .postedon,
.home main section .home-wrapper-small .archivedescription .metadata .postedon { .home main section .home_wrapper-small .archivedescription .metadata .postedon, .search-results main section .home_wrapper-small article .metadata .postedon,
.search-results main section .home_wrapper-small .archivetitle .metadata .postedon,
.search-results main section .home_wrapper-small .archivedescription .metadata .postedon {
padding: 1.33333rem 1rem; padding: 1.33333rem 1rem;
flex: 1 0 auto; } } flex: 1 0 auto; } }
@media (min-width: 769px) and (min-width: 769px) { @media (min-width: 769px) and (min-width: 769px) {
.archive main section .home-wrapper-small article h2, .archive main section .home_wrapper-small article h2,
.archive main section .home-wrapper-small article h2 a, .archive main section .home_wrapper-small article h2 a,
.archive main section .home-wrapper-small .archivetitle h2, .archive main section .home_wrapper-small .archivetitle h2,
.archive main section .home-wrapper-small .archivetitle h2 a, .archive main section .home_wrapper-small .archivetitle h2 a,
.archive main section .home-wrapper-small .archivedescription h2, .archive main section .home_wrapper-small .archivedescription h2,
.archive main section .home-wrapper-small .archivedescription h2 a, .archive main section .home_wrapper-small .archivedescription h2 a,
.home main section .home-wrapper-small article h2, .home main section .home_wrapper-small article h2,
.home main section .home-wrapper-small article h2 a, .home main section .home_wrapper-small article h2 a,
.home main section .home-wrapper-small .archivetitle h2, .home main section .home_wrapper-small .archivetitle h2,
.home main section .home-wrapper-small .archivetitle h2 a, .home main section .home_wrapper-small .archivetitle h2 a,
.home main section .home-wrapper-small .archivedescription h2, .home main section .home_wrapper-small .archivedescription h2,
.home main section .home-wrapper-small .archivedescription h2 a { .home main section .home_wrapper-small .archivedescription h2 a, .search-results main section .home_wrapper-small article h2,
.search-results main section .home_wrapper-small article h2 a,
.search-results main section .home_wrapper-small .archivetitle h2,
.search-results main section .home_wrapper-small .archivetitle h2 a,
.search-results main section .home_wrapper-small .archivedescription h2,
.search-results main section .home_wrapper-small .archivedescription h2 a {
font-size: 1.5rem; font-size: 1.5rem;
color: #000; } } color: #000; } }
@media (min-width: 769px) and (min-width: 1279px) { @media (min-width: 769px) and (min-width: 1279px) {
.archive main section .home-wrapper-small article h2, .archive main section .home_wrapper-small article h2,
.archive main section .home-wrapper-small article h2 a, .archive main section .home_wrapper-small article h2 a,
.archive main section .home-wrapper-small .archivetitle h2, .archive main section .home_wrapper-small .archivetitle h2,
.archive main section .home-wrapper-small .archivetitle h2 a, .archive main section .home_wrapper-small .archivetitle h2 a,
.archive main section .home-wrapper-small .archivedescription h2, .archive main section .home_wrapper-small .archivedescription h2,
.archive main section .home-wrapper-small .archivedescription h2 a, .archive main section .home_wrapper-small .archivedescription h2 a,
.home main section .home-wrapper-small article h2, .home main section .home_wrapper-small article h2,
.home main section .home-wrapper-small article h2 a, .home main section .home_wrapper-small article h2 a,
.home main section .home-wrapper-small .archivetitle h2, .home main section .home_wrapper-small .archivetitle h2,
.home main section .home-wrapper-small .archivetitle h2 a, .home main section .home_wrapper-small .archivetitle h2 a,
.home main section .home-wrapper-small .archivedescription h2, .home main section .home_wrapper-small .archivedescription h2,
.home main section .home-wrapper-small .archivedescription h2 a { .home main section .home_wrapper-small .archivedescription h2 a, .search-results main section .home_wrapper-small article h2,
.search-results main section .home_wrapper-small article h2 a,
.search-results main section .home_wrapper-small .archivetitle h2,
.search-results main section .home_wrapper-small .archivetitle h2 a,
.search-results main section .home_wrapper-small .archivedescription h2,
.search-results main section .home_wrapper-small .archivedescription h2 a {
font-size: 2.2rem; } } font-size: 2.2rem; } }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main section .home-wrapper-small article h2, .archive main section .home_wrapper-small article h2,
.archive main section .home-wrapper-small .archivetitle h2, .archive main section .home_wrapper-small .archivetitle h2,
.archive main section .home-wrapper-small .archivedescription h2, .archive main section .home_wrapper-small .archivedescription h2,
.home main section .home-wrapper-small article h2, .home main section .home_wrapper-small article h2,
.home main section .home-wrapper-small .archivetitle h2, .home main section .home_wrapper-small .archivetitle h2,
.home main section .home-wrapper-small .archivedescription h2 { .home main section .home_wrapper-small .archivedescription h2, .search-results main section .home_wrapper-small article h2,
.search-results main section .home_wrapper-small .archivetitle h2,
.search-results main section .home_wrapper-small .archivedescription h2 {
display: none; display: none;
position: absolute; position: absolute;
top: 0; top: 0;
@@ -1397,20 +1442,24 @@ object {
height: 100%; height: 100%;
padding-left: 4rem; } } padding-left: 4rem; } }
@media (min-width: 769px) and (min-width: 1279px) { @media (min-width: 769px) and (min-width: 1279px) {
.archive main section .home-wrapper-small article h2, .archive main section .home_wrapper-small article h2,
.archive main section .home-wrapper-small .archivetitle h2, .archive main section .home_wrapper-small .archivetitle h2,
.archive main section .home-wrapper-small .archivedescription h2, .archive main section .home_wrapper-small .archivedescription h2,
.home main section .home-wrapper-small article h2, .home main section .home_wrapper-small article h2,
.home main section .home-wrapper-small .archivetitle h2, .home main section .home_wrapper-small .archivetitle h2,
.home main section .home-wrapper-small .archivedescription h2 { .home main section .home_wrapper-small .archivedescription h2, .search-results main section .home_wrapper-small article h2,
.search-results main section .home_wrapper-small .archivetitle h2,
.search-results main section .home_wrapper-small .archivedescription h2 {
padding: 5rem; } } padding: 5rem; } }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main section .home-wrapper-small article h2 a, .archive main section .home_wrapper-small article h2 a,
.archive main section .home-wrapper-small .archivetitle h2 a, .archive main section .home_wrapper-small .archivetitle h2 a,
.archive main section .home-wrapper-small .archivedescription h2 a, .archive main section .home_wrapper-small .archivedescription h2 a,
.home main section .home-wrapper-small article h2 a, .home main section .home_wrapper-small article h2 a,
.home main section .home-wrapper-small .archivetitle h2 a, .home main section .home_wrapper-small .archivetitle h2 a,
.home main section .home-wrapper-small .archivedescription h2 a { .home main section .home_wrapper-small .archivedescription h2 a, .search-results main section .home_wrapper-small article h2 a,
.search-results main section .home_wrapper-small .archivetitle h2 a,
.search-results main section .home_wrapper-small .archivedescription h2 a {
bottom: 7rem; bottom: 7rem;
width: calc(100% - 8rem); width: calc(100% - 8rem);
height: -moz-max-content; height: -moz-max-content;
@@ -1419,19 +1468,21 @@ object {
height: fit-content; height: fit-content;
position: absolute; } } position: absolute; } }
@media (min-width: 769px) and (min-width: 1279px) { @media (min-width: 769px) and (min-width: 1279px) {
.archive main section .home-wrapper-small article h2 a, .archive main section .home_wrapper-small article h2 a,
.archive main section .home-wrapper-small .archivetitle h2 a, .archive main section .home_wrapper-small .archivetitle h2 a,
.archive main section .home-wrapper-small .archivedescription h2 a, .archive main section .home_wrapper-small .archivedescription h2 a,
.home main section .home-wrapper-small article h2 a, .home main section .home_wrapper-small article h2 a,
.home main section .home-wrapper-small .archivetitle h2 a, .home main section .home_wrapper-small .archivetitle h2 a,
.home main section .home-wrapper-small .archivedescription h2 a { .home main section .home_wrapper-small .archivedescription h2 a, .search-results main section .home_wrapper-small article h2 a,
.search-results main section .home_wrapper-small .archivetitle h2 a,
.search-results main section .home_wrapper-small .archivedescription h2 a {
width: calc(100% - 10rem); } } width: calc(100% - 10rem); } }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main section .home-wrapper-small article, .archive main section .home_wrapper-small article,
.home main section .home-wrapper-small article { .home main section .home_wrapper-small article, .search-results main section .home_wrapper-small article {
cursor: pointer; } cursor: pointer; }
.archive main section .home-wrapper-small .archivetitle, .archive main section .home_wrapper-small .archivetitle,
.home main section .home-wrapper-small .archivetitle { .home main section .home_wrapper-small .archivetitle, .search-results main section .home_wrapper-small .archivetitle {
margin: 0 auto; margin: 0 auto;
width: 100%; width: 100%;
position: relative; position: relative;
@@ -1443,8 +1494,8 @@ object {
padding: 2rem 0; padding: 2rem 0;
text-align: center; text-align: center;
border-right: #000 1px solid; } border-right: #000 1px solid; }
.archive main section .home-wrapper-small .archivetitle::after, .archive main section .home_wrapper-small .archivetitle::after,
.home main section .home-wrapper-small .archivetitle::after { .home main section .home_wrapper-small .archivetitle::after, .search-results main section .home_wrapper-small .archivetitle::after {
position: absolute; position: absolute;
content: ""; content: "";
display: block; display: block;
@@ -1455,8 +1506,8 @@ object {
background-color: transparent; background-color: transparent;
left: calc(5rem); left: calc(5rem);
margin-left: -0; } margin-left: -0; }
.archive main section .home-wrapper-small .archivetitle::before, .archive main section .home_wrapper-small .archivetitle::before,
.home main section .home-wrapper-small .archivetitle::before { .home main section .home_wrapper-small .archivetitle::before, .search-results main section .home_wrapper-small .archivetitle::before {
display: block; display: block;
content: ""; content: "";
position: absolute; position: absolute;
@@ -1474,43 +1525,43 @@ object {
transform: skewX(-45deg); transform: skewX(-45deg);
transform-origin: left bottom; transform-origin: left bottom;
border-top: #000 solid 1px; } border-top: #000 solid 1px; }
.archive main section .home-wrapper-small .archivetitle h1, .archive main section .home_wrapper-small .archivetitle h1,
.home main section .home-wrapper-small .archivetitle h1 { .home main section .home_wrapper-small .archivetitle h1, .search-results main section .home_wrapper-small .archivetitle h1 {
font: bold 3rem "Westeinde Caption"; font: bold 3rem "Westeinde Caption";
color: #000; color: #000;
margin: 0 auto; } } margin: 0 auto; } }
@media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) { @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) {
.archive main section .home-wrapper-small .archivetitle h1, .archive main section .home_wrapper-small .archivetitle h1,
.home main section .home-wrapper-small .archivetitle h1 { .home main section .home_wrapper-small .archivetitle h1, .search-results main section .home_wrapper-small .archivetitle h1 {
font-size: 2.5rem !important; } } font-size: 2.5rem !important; } }
@media (min-width: 769px) and (min-width: 769px) { @media (min-width: 769px) and (min-width: 769px) {
.archive main section .home-wrapper-small .archivetitle h1, .archive main section .home_wrapper-small .archivetitle h1,
.home main section .home-wrapper-small .archivetitle h1 { .home main section .home_wrapper-small .archivetitle h1, .search-results main section .home_wrapper-small .archivetitle h1 {
font-size: 6rem; } } font-size: 6rem; } }
@media (min-width: 769px) and (min-width: 1279px) { @media (min-width: 769px) and (min-width: 1279px) {
.archive main section .home-wrapper-small .archivetitle h1, .archive main section .home_wrapper-small .archivetitle h1,
.home main section .home-wrapper-small .archivetitle h1 { .home main section .home_wrapper-small .archivetitle h1, .search-results main section .home_wrapper-small .archivetitle h1 {
font-size: 7.5rem; } } font-size: 7.5rem; } }
@media (min-width: 769px) and (min-width: 1919px) { @media (min-width: 769px) and (min-width: 1919px) {
.archive main section .home-wrapper-small .archivetitle h1, .archive main section .home_wrapper-small .archivetitle h1,
.home main section .home-wrapper-small .archivetitle h1 { .home main section .home_wrapper-small .archivetitle h1, .search-results main section .home_wrapper-small .archivetitle h1 {
font-size: 11rem; } } font-size: 11rem; } }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main section .home-wrapper-small .archivetitle.tag, .archive main section .home_wrapper-small .archivetitle.tag,
.home main section .home-wrapper-small .archivetitle.tag { .home main section .home_wrapper-small .archivetitle.tag, .search-results main section .home_wrapper-small .archivetitle.tag {
order: 1; } order: 1; }
.archive main section .home-wrapper-small .archivetitle.tag h1, .archive main section .home_wrapper-small .archivetitle.tag h1,
.home main section .home-wrapper-small .archivetitle.tag h1 { .home main section .home_wrapper-small .archivetitle.tag h1, .search-results main section .home_wrapper-small .archivetitle.tag h1 {
text-transform: uppercase; } text-transform: uppercase; }
.archive main section .home-wrapper-small .archivetitle > object, .archive main section .home_wrapper-small .archivetitle > object,
.home main section .home-wrapper-small .archivetitle > object { .home main section .home_wrapper-small .archivetitle > object, .search-results main section .home_wrapper-small .archivetitle > object {
position: absolute; position: absolute;
top: 2rem; top: 2rem;
right: 2rem; right: 2rem;
width: 5rem; width: 5rem;
height: 5rem; } height: 5rem; }
.archive main section .home-wrapper-small .archivedescription, .archive main section .home_wrapper-small .archivedescription,
.home main section .home-wrapper-small .archivedescription { .home main section .home_wrapper-small .archivedescription, .search-results main section .home_wrapper-small .archivedescription {
order: 4; order: 4;
border-top: #000 1px solid; border-top: #000 1px solid;
border-right: #000 1px solid; border-right: #000 1px solid;
@@ -1524,16 +1575,22 @@ object {
justify-content: flex-end; justify-content: flex-end;
align-items: flex-start; align-items: flex-start;
padding: 2rem; } padding: 2rem; }
.archive main section .home-wrapper-small .archivedescription p, .archive main section .home_wrapper-small .archivedescription p,
.home main section .home-wrapper-small .archivedescription p { .home main section .home_wrapper-small .archivedescription p, .search-results main section .home_wrapper-small .archivedescription p {
margin: 0; margin: 0;
font: bold 1rem "Butler"; font: bold 1rem "Butler";
color: #000; } } color: #000; } }
@media (min-width: 769px) and (min-width: 769px) { @media (min-width: 769px) and (min-width: 769px) {
.archive main section .home-wrapper-small .archivedescription p, .archive main section .home_wrapper-small .archivedescription p,
.home main section .home-wrapper-small .archivedescription p { .home main section .home_wrapper-small .archivedescription p, .search-results main section .home_wrapper-small .archivedescription p {
font-size: 1.2rem; } } font-size: 1.2rem; } }
/* -------------------------------------------------------------------------- */
/* Search results */
/* -------------------------------------------------------------------------- */
.search-results #content .archivetitle {
word-wrap: break-word; }
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* Events */ /* Events */
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */

74
js/scripts.js
View File

@@ -87,12 +87,18 @@
//isArchive //isArchive
const isArchive = bodyHasClass('archive', 'category-esemeny') const isArchive = bodyHasClass('archive', 'category-esemeny')
//isSearch
const isSearch = bodyHasClass('search-results')
//isEsemeny //isEsemeny
const isEsemeny = bodyHasClass('category-esemeny') const isEsemeny = bodyHasClass('category-esemeny')
//isSingle //isSingle
const isSingle = bodyHasClass('single') const isSingle = bodyHasClass('single')
var isMasonryPage = isArchive || isHome || isSearch
/* ========================================================================== */ /* ========================================================================== */
@@ -205,7 +211,7 @@
if (!isMobile) { if (!isMobile) {
if (isHome || isArchive) { if (isMasonryPage) {
//no overflowY //no overflowY
$('html').css({ overflowY: "hidden" }) $('html').css({ overflowY: "hidden" })
@@ -216,8 +222,8 @@
//wrapping for big-small difference //wrapping for big-small difference
if (isHome) { if (isHome) {
$('.hbox:first-child').wrap('<div class="home-wrapper-big home-wrapper-1"></div>').addClass("home-big") $('.hbox:first-child').wrap('<div class="home_wrapper-big home_wrapper-1"></div>').addClass("home-big")
$('.hbox:nth-child(2)').wrap('<div class="home-wrapper-big home-wrapper-2"></div>').addClass("home-big") $('.hbox:nth-child(2)').wrap('<div class="home_wrapper-big home_wrapper-2"></div>').addClass("home-big")
wrapArticles = $(".hbox").length - 2 wrapArticles = $(".hbox").length - 2
} }
@@ -252,19 +258,19 @@
j = i + 3 j = i + 3
} }
var k = i + 1 var k = i + 1
$(".home-thumbnail-small-" + k).wrapAll('<div class="home-wrapper-small home-wrapper-' + j + '"></div>') $(".home-thumbnail-small-" + k).wrapAll('<div class="home_wrapper-small home_wrapper-' + j + '"></div>')
if (i == 0) { if (i == 0) {
$(".home-wrapper-" + j).addClass("home-wrapper-s1") $(".home_wrapper-" + j).addClass("home_wrapper-s1")
} }
} }
//add bottom scrollbar to div on bottom: //add bottom scrollbar to div on bottom:
if (bottomScrollHeight > 0) { if (bottomScrollHeight > 0) {
$(".home-wrapper-big .metadata").css({ bottom: bottomScrollHeight }) $(".home_wrapper-big .metadata").css({ bottom: bottomScrollHeight })
} else { } else {
$(".home-wrapper-big .metadata").addClass("noBottomScrollbar") $(".home_wrapper-big .metadata").addClass("noBottomScrollbar")
} }
}//isHome || isArchive end }//isMasonryPage end
}// !isMobile end }// !isMobile end
//returns three random numebers 0-5 //returns three random numebers 0-5
@@ -316,7 +322,7 @@
})(jQuery); })(jQuery);
$(".home-wrapper-small").each(function () { $(".home_wrapper-small").each(function () {
$(this).addRandomClasses() $(this).addRandomClasses()
}) })
@@ -324,7 +330,7 @@
/* ----------------------------- Snap on mobile ----------------------------- */ /* ----------------------------- Snap on mobile ----------------------------- */
// if (isMobile) { // if (isMobile) {
// if (isHome || isArchive) { // if (isMasonryPage) {
// $("article.post").SnapScroll({ // $("article.post").SnapScroll({
// animateDuration: 400 // animateDuration: 400
// }); // });
@@ -340,7 +346,11 @@
/* ---------------------------- Scroll on desktop --------------------------- */ /* ---------------------------- Scroll on desktop --------------------------- */
//scroll to the next or prev article /**
* scroll to next or previous section
* @param {jQuery} target put here currElem
* @param {String} direction "next" of "prev"
*/
function homeScroll(target, direction) { function homeScroll(target, direction) {
// console.log(target.attr('class')) // console.log(target.attr('class'))
var nextelem; var nextelem;
@@ -370,7 +380,14 @@
} }
} }
console.log("scrolling to: " + nextelem.attr("class") + " - offset: " + offset) console.log("scrolling to: " + nextelem.attr("class") + " - offset: " + offset)
$('html, body, .wrapper').stop().animate({ scrollLeft: offset }, 800); $('html, body, .wrapper').stop().animate({ scrollLeft: offset }, 800, function () {
//hide the left arrow if on start
if (nextelem.hasClass("home_wrapper-1")) {
$(".header-scroll-left").hide()
} else {
$(".header-scroll-left").show()
}
});
return nextelem; return nextelem;
} }
@@ -399,7 +416,7 @@
//checking the current scroll location for refresh: //checking the current scroll location for refresh:
if (!isMobile) { if (!isMobile) {
if (isHome || isArchive) { if (isMasonryPage) {
const homeDivWidths = [] const homeDivWidths = []
const homeFullWidths = [] const homeFullWidths = []
homeDivWidths[0] = 0 homeDivWidths[0] = 0
@@ -414,8 +431,8 @@
} }
homeFullWidths[i] = homeDivWidths[i] + prev homeFullWidths[i] = homeDivWidths[i] + prev
} }
console.log(homeDivWidths) // console.log(homeDivWidths)
console.log(homeFullWidths) // console.log(homeFullWidths)
var currscroll = $('html').scrollLeft() var currscroll = $('html').scrollLeft()
@@ -424,11 +441,18 @@
}); });
var scrollnr = homeFullWidths.indexOf(closest) + 1 var scrollnr = homeFullWidths.indexOf(closest) + 1
console.log("currscroll", currscroll, "scrollnr", scrollnr, "closest", closest)
currElem = $(selector + ':nth-child(' + scrollnr + ')') currElem = $(selector + ':nth-child(' + scrollnr + ')')
if (currElem.hasClass("home_wrapper-1")) {
$(".header-scroll-left").hide()
}
// console.log("currscroll", currscroll, "scrollnr", scrollnr, "closest", closest)
console.log("start location: " + currElem.attr("class")) console.log("start location: " + currElem.attr("class"))
} }
} }
@@ -436,7 +460,7 @@
$(window).on('wheel DOMMouseScroll', function (e) { $(window).on('wheel DOMMouseScroll', function (e) {
//e.preventDefault(); //e.preventDefault();
if (!isMobile) { if (!isMobile) {
if (isHome || isArchive) { if (isMasonryPage) {
if (scrolltimer) { if (scrolltimer) {
return false; return false;
} }
@@ -477,7 +501,7 @@
return return
} else { } else {
if (!isMobile) { if (!isMobile) {
if (isHome || isArchive) { if (isMasonryPage) {
if (!$('.search-bar *').is(':focus')) { if (!$('.search-bar *').is(':focus')) {
// console.log("keydown!") // console.log("keydown!")
kd = true kd = true
@@ -509,7 +533,7 @@
//check for keyup for disabling counter //check for keyup for disabling counter
$('html *:not(input)').keyup(function (event) { $('html *:not(input)').keyup(function (event) {
if (!isMobile) { if (!isMobile) {
if (isHome || isArchive) { if (isMasonryPage) {
if (!$('.search-bar *').is(':focus')) { if (!$('.search-bar *').is(':focus')) {
kd = false kd = false
} }
@@ -532,8 +556,8 @@
var wrapnum = articleWrapCounter + 2 var wrapnum = articleWrapCounter + 2
$("#content>article") $("#content>article")
.addClass("home-small home-thumbnail-small-" + articleWrapCounter) .addClass("home-small home-thumbnail-small-" + articleWrapCounter)
.wrapAll('<div class="home-wrapper-small home-wrapper-' + wrapnum + '"></div>') .wrapAll('<div class="home_wrapper-small home_wrapper-' + wrapnum + '"></div>')
$(".home-wrapper-" + wrapnum).addRandomClasses() $(".home_wrapper-" + wrapnum).addRandomClasses()
//Scroll to new element //Scroll to new element
currElem = homeScroll(currElem, "next") currElem = homeScroll(currElem, "next")
@@ -653,9 +677,13 @@
}) })
/**
* finds a name of a class, from the first element
* @param {Array} classlist the list of classes to search from as an array
* @param {String} startString the string to search for
* @param {String} sep the separator that separates the startString from the rest of the classname
*/
function findClassByStart(classlist, startString, sep = "-") { function findClassByStart(classlist, startString, sep = "-") {
//finds a name of a class, from the first elemnt
var fullstring var fullstring
for (let i = 0; i < classlist.length; i++) { for (let i = 0; i < classlist.length; i++) {
let curr = classlist[i].split(sep) let curr = classlist[i].split(sep)

32
sass/base.scss
View File

@@ -759,7 +759,7 @@ $v-unit-6: 24rem;
// no overflow on touch devices, where no horizontal scrollbar visible // no overflow on touch devices, where no horizontal scrollbar visible
.archive, .archive,
.home { .home, .search-results {
@media #{$smalldesktop} { @media #{$smalldesktop} {
overflow-y: hidden; overflow-y: hidden;
} }
@@ -771,7 +771,7 @@ $v-unit-6: 24rem;
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
.archive, .archive,
.home { .home, .search-results {
@media #{$smalldesktop} { @media #{$smalldesktop} {
// overflow-y: hidden; // overflow-y: hidden;
} }
@@ -780,6 +780,7 @@ $v-unit-6: 24rem;
@media #{$smalldesktop} { @media #{$smalldesktop} {
overflow-y: hidden; overflow-y: hidden;
@include fit-content(width); @include fit-content(width);
min-width: 100vw;
} }
/* ----------------------------- header on home ----------------------------- */ /* ----------------------------- header on home ----------------------------- */
@@ -898,7 +899,7 @@ $v-unit-6: 24rem;
@media #{$smalldesktop} { @media #{$smalldesktop} {
//big: first 2 articles //big: first 2 articles
.home-wrapper-big { .home_wrapper-big {
flex: 0 0 auto; flex: 0 0 auto;
border-right: #000 1px solid; border-right: #000 1px solid;
article { article {
@@ -1034,7 +1035,7 @@ $v-unit-6: 24rem;
} }
} }
} }
&.home-wrapper-1 { &.home_wrapper-1 {
article { article {
.metadata { .metadata {
@include triangle-corner-bordered(#{$v-unit-1}, 0, transparent, #000, left); @include triangle-corner-bordered(#{$v-unit-1}, 0, transparent, #000, left);
@@ -1047,7 +1048,7 @@ $v-unit-6: 24rem;
} }
} }
} }
&.home-wrapper-2 { &.home_wrapper-2 {
article { article {
border-left: #000 1px solid; border-left: #000 1px solid;
@@ -1073,7 +1074,7 @@ $v-unit-6: 24rem;
/* ----------------------- articles desktop small ----------------------- */ /* ----------------------- articles desktop small ----------------------- */
@media #{$smalldesktop} { @media #{$smalldesktop} {
.home-wrapper-small { .home_wrapper-small {
max-width: calc(100vw - (#{$h-unit-2} * 3)); max-width: calc(100vw - (#{$h-unit-2} * 3));
max-height: calc((100vw - (#{$h-unit-2} * 3)) / 3 * 2); max-height: calc((100vw - (#{$h-unit-2} * 3)) / 3 * 2);
height: calc(100vh - #{$v-unit-2}); height: calc(100vh - #{$v-unit-2});
@@ -1083,10 +1084,10 @@ $v-unit-6: 24rem;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
margin: auto 0; margin: auto 0;
&.home-wrapper-s1:not(.home-wrapper-1) { &.home_wrapper-s1:not(.home_wrapper-1) {
margin-left: $h-unit-1; margin-left: $h-unit-1;
} }
&.home-wrapper-s1.home-wrapper-small.home-wrapper-1 { &.home_wrapper-s1.home_wrapper-small.home_wrapper-1 {
margin-left: $h-unit-2; margin-left: $h-unit-2;
} }
@@ -1230,7 +1231,20 @@ $v-unit-6: 24rem;
} }
} //section end } //section end
} //main end } //main end
} //home end } //home, archive, search end
/* -------------------------------------------------------------------------- */
/* Search results */
/* -------------------------------------------------------------------------- */
.search-results{
#content{
.archivetitle{
word-wrap: break-word;
}
}
}
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* Events */ /* Events */

11
search.php
View File

@@ -2,13 +2,18 @@
<!-- section --> <!-- section -->
<section> <section id="content">
<h1><?php echo sprintf( __( '%s Search Results for ', 'dis2019' ), $wp_query->found_posts ); echo get_search_query(); ?></h1>
<div class="archivetitle">
<h1><?php echo get_search_query(); ?></h1>
</div>
<!-- <h1><?php //echo sprintf( __( '%s Search Results for ', 'dis2019' ), $wp_query->found_posts ); echo get_search_query(); ?></h1> -->
<?php get_template_part('loop'); ?> <?php get_template_part('loop'); ?>
<?php get_template_part('loadmore');?>
</section> </section>
<!-- /section --> <!-- /section -->