diff --git a/_teendők.md b/_teendők.md
index 790bebc..ec51af6 100644
--- a/_teendők.md
+++ b/_teendők.md
@@ -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
diff --git a/archive.php b/archive.php
index d5ba1d5..94bbfad 100644
--- a/archive.php
+++ b/archive.php
@@ -14,8 +14,7 @@
$ttl = the_archive_title();
$cl = "";
}
-
-
+
// esc_html_e($ttl, 'text-domain')
?>
diff --git a/css/base.css b/css/base.css
index 9f588d0..505f189 100644
--- a/css/base.css
+++ b/css/base.css
@@ -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 */
/* -------------------------------------------------------------------------- */
diff --git a/js/scripts.js b/js/scripts.js
index ae3cfa0..567de0f 100644
--- a/js/scripts.js
+++ b/js/scripts.js
@@ -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('').addClass("home-big")
- $('.hbox:nth-child(2)').wrap('').addClass("home-big")
+ $('.hbox:first-child').wrap('').addClass("home-big")
+ $('.hbox:nth-child(2)').wrap('').addClass("home-big")
wrapArticles = $(".hbox").length - 2
}
@@ -252,19 +258,19 @@
j = i + 3
}
var k = i + 1
- $(".home-thumbnail-small-" + k).wrapAll('')
+ $(".home-thumbnail-small-" + k).wrapAll('')
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('')
- $(".home-wrapper-" + wrapnum).addRandomClasses()
+ .wrapAll('')
+ $(".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)
diff --git a/sass/base.scss b/sass/base.scss
index fc20be7..684bf1e 100644
--- a/sass/base.scss
+++ b/sass/base.scss
@@ -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 */
diff --git a/search.php b/search.php
index 324ac17..5fe4cff 100644
--- a/search.php
+++ b/search.php
@@ -2,13 +2,18 @@
-
+
- found_posts ); echo get_search_query(); ?>
+
+
+
+
+
+
-
+