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
//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
semmiképpen ne lógjon a cím elé a felgördölő cucc
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

3
archive.php
View File

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

567
css/base.css
View File

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

74
js/scripts.js
View File

@@ -87,12 +87,18 @@
//isArchive
const isArchive = bodyHasClass('archive', 'category-esemeny')
//isSearch
const isSearch = bodyHasClass('search-results')
//isEsemeny
const isEsemeny = bodyHasClass('category-esemeny')
//isSingle
const isSingle = bodyHasClass('single')
var isMasonryPage = isArchive || isHome || isSearch
/* ========================================================================== */
@@ -205,7 +211,7 @@
if (!isMobile) {
if (isHome || isArchive) {
if (isMasonryPage) {
//no overflowY
$('html').css({ overflowY: "hidden" })
@@ -216,8 +222,8 @@
//wrapping for big-small difference
if (isHome) {
$('.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: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")
wrapArticles = $(".hbox").length - 2
}
@@ -252,19 +258,19 @@
j = i + 3
}
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) {
$(".home-wrapper-" + j).addClass("home-wrapper-s1")
$(".home_wrapper-" + j).addClass("home_wrapper-s1")
}
}
//add bottom scrollbar to div on bottom:
if (bottomScrollHeight > 0) {
$(".home-wrapper-big .metadata").css({ bottom: bottomScrollHeight })
$(".home_wrapper-big .metadata").css({ bottom: bottomScrollHeight })
} else {
$(".home-wrapper-big .metadata").addClass("noBottomScrollbar")
$(".home_wrapper-big .metadata").addClass("noBottomScrollbar")
}
}//isHome || isArchive end
}//isMasonryPage end
}// !isMobile end
//returns three random numebers 0-5
@@ -316,7 +322,7 @@
})(jQuery);
$(".home-wrapper-small").each(function () {
$(".home_wrapper-small").each(function () {
$(this).addRandomClasses()
})
@@ -324,7 +330,7 @@
/* ----------------------------- Snap on mobile ----------------------------- */
// if (isMobile) {
// if (isHome || isArchive) {
// if (isMasonryPage) {
// $("article.post").SnapScroll({
// animateDuration: 400
// });
@@ -340,7 +346,11 @@
/* ---------------------------- 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) {
// console.log(target.attr('class'))
var nextelem;
@@ -370,7 +380,14 @@
}
}
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;
}
@@ -399,7 +416,7 @@
//checking the current scroll location for refresh:
if (!isMobile) {
if (isHome || isArchive) {
if (isMasonryPage) {
const homeDivWidths = []
const homeFullWidths = []
homeDivWidths[0] = 0
@@ -414,8 +431,8 @@
}
homeFullWidths[i] = homeDivWidths[i] + prev
}
console.log(homeDivWidths)
console.log(homeFullWidths)
// console.log(homeDivWidths)
// console.log(homeFullWidths)
var currscroll = $('html').scrollLeft()
@@ -424,11 +441,18 @@
});
var scrollnr = homeFullWidths.indexOf(closest) + 1
console.log("currscroll", currscroll, "scrollnr", scrollnr, "closest", closest)
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"))
}
}
@@ -436,7 +460,7 @@
$(window).on('wheel DOMMouseScroll', function (e) {
//e.preventDefault();
if (!isMobile) {
if (isHome || isArchive) {
if (isMasonryPage) {
if (scrolltimer) {
return false;
}
@@ -477,7 +501,7 @@
return
} else {
if (!isMobile) {
if (isHome || isArchive) {
if (isMasonryPage) {
if (!$('.search-bar *').is(':focus')) {
// console.log("keydown!")
kd = true
@@ -509,7 +533,7 @@
//check for keyup for disabling counter
$('html *:not(input)').keyup(function (event) {
if (!isMobile) {
if (isHome || isArchive) {
if (isMasonryPage) {
if (!$('.search-bar *').is(':focus')) {
kd = false
}
@@ -532,8 +556,8 @@
var wrapnum = articleWrapCounter + 2
$("#content>article")
.addClass("home-small home-thumbnail-small-" + articleWrapCounter)
.wrapAll('<div class="home-wrapper-small home-wrapper-' + wrapnum + '"></div>')
$(".home-wrapper-" + wrapnum).addRandomClasses()
.wrapAll('<div class="home_wrapper-small home_wrapper-' + wrapnum + '"></div>')
$(".home_wrapper-" + wrapnum).addRandomClasses()
//Scroll to new element
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 = "-") {
//finds a name of a class, from the first elemnt
var fullstring
for (let i = 0; i < classlist.length; i++) {
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
.archive,
.home {
.home, .search-results {
@media #{$smalldesktop} {
overflow-y: hidden;
}
@@ -771,7 +771,7 @@ $v-unit-6: 24rem;
/* -------------------------------------------------------------------------- */
.archive,
.home {
.home, .search-results {
@media #{$smalldesktop} {
// overflow-y: hidden;
}
@@ -780,6 +780,7 @@ $v-unit-6: 24rem;
@media #{$smalldesktop} {
overflow-y: hidden;
@include fit-content(width);
min-width: 100vw;
}
/* ----------------------------- header on home ----------------------------- */
@@ -898,7 +899,7 @@ $v-unit-6: 24rem;
@media #{$smalldesktop} {
//big: first 2 articles
.home-wrapper-big {
.home_wrapper-big {
flex: 0 0 auto;
border-right: #000 1px solid;
article {
@@ -1034,7 +1035,7 @@ $v-unit-6: 24rem;
}
}
}
&.home-wrapper-1 {
&.home_wrapper-1 {
article {
.metadata {
@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 {
border-left: #000 1px solid;
@@ -1073,7 +1074,7 @@ $v-unit-6: 24rem;
/* ----------------------- articles desktop small ----------------------- */
@media #{$smalldesktop} {
.home-wrapper-small {
.home_wrapper-small {
max-width: calc(100vw - (#{$h-unit-2} * 3));
max-height: calc((100vw - (#{$h-unit-2} * 3)) / 3 * 2);
height: calc(100vh - #{$v-unit-2});
@@ -1083,10 +1084,10 @@ $v-unit-6: 24rem;
flex-direction: row;
flex-wrap: wrap;
margin: auto 0;
&.home-wrapper-s1:not(.home-wrapper-1) {
&.home_wrapper-s1:not(.home_wrapper-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;
}
@@ -1230,7 +1231,20 @@ $v-unit-6: 24rem;
}
} //section end
} //main end
} //home end
} //home, archive, search end
/* -------------------------------------------------------------------------- */
/* Search results */
/* -------------------------------------------------------------------------- */
.search-results{
#content{
.archivetitle{
word-wrap: break-word;
}
}
}
/* -------------------------------------------------------------------------- */
/* Events */

11
search.php
View File

@@ -2,13 +2,18 @@
<!-- 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('loadmore');?>
</section>
<!-- /section -->