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

2019 08 28 word mods

Browse Source
This commit is contained in:
infeeeee
2019-09-03 00:08:51 +02:00
parent 74a33168d7
commit cd3124784f
18 changed files with 681 additions and 401 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
_jegyzet.md
View File

@@ -20,16 +20,17 @@ nagy képek, metadata ipad: nem férnek be a rublikába ha hosszúak, mi legy, e
Kiscímek Kiscímek
.vr: néha nagyobb, élsimítás dolgok -> ezt nem tudom előidézni, szerintem megoldottam, de ha megint látszik, akkor küldjetek printscreent! .vr: néha nagyobb, élsimítás dolgok -> ezt nem tudom előidézni, szerintem megoldottam, de ha megint látszik, akkor küldjetek printscreent!
Keresési találatok oldal ok? $bigmobile: 360px +
Esemény oldalon a "Tovább az eseményre gomb" legyen kiütött? $only-mobile: 0- 768px
Hover a linkekre azt eseménynél? Nyílra? $tablet: 769px +
Mobil kezdőlapon tuti kellenek a bevezető szövegek? asztalin ez az adat nem jelenik meg, mint ahogy az első két cikknél sem, tehát pont fordítva van mint asztalin... $smalldesktop: 1024px +
Mobil kezdőlap maszkok: minden második, vagy random? $mobile-landscape: 769px + min-device-pixel-ratio: 2.1 min-aspect-ratio: 1/1
Mobil kezdőlap maszkok és categória+dátum kapcsolata(terveken többféleképpen van, mi legyen) $bigdesktop: 1279px +
Mobilon kategóriaoldalakra raktam egy fekete felső sávot, mert címmel indul és nem látni a dis-t és a plusz jelet $verybigdesktop: 1919px +

33
_teendők.md
View File

@@ -4,22 +4,27 @@ og: tag: pluginnal!
Facebook like gomb Facebook like gomb
# Esemény oldal - ✔
# Kezdőlap - ✔
# Kategória oldalak - ✔
# Menü - ✔
# Oldal - ✔
# Keresési eredmények - ✔
# egyéb # egyéb
Betöltéskor rejteni a dolgokat méretezés előtt, vagy betöltést optimalizálni
`@media print{}` `@media print{}`
# Megjegyzések
- Esemény oldalon a “Tovább az eseményre gomb” legyen kiütött? Igen ## DESKTOP
- Hover a linkekre azt eseménynél? Nyílra? Csak a "Tovább az eseményre" gombnál legyen hover ~szövegek: alap kijelölő szín a sárga legyen -> invertáltakat meg kell javítani!
## DESKTOP
~ Be, Do… > caroussel nézetben alul pixelnyi csíkhiba -> nem látom, de az a tippem, hogy ez élsimítási hiba, nem tudok ezzel mit kezdeni, ezt a böngésző/oprendszer szabályozza
~ cikkoldal: keskenyebb szövegbox > jobb margin marad, balt beljebb húzni -> nincs fix jobb margin, az folyton változik, legyen nagyobb a bal? De akkor nem fog a logóhoz és a vonalhoz zárni, hanem lebegni fog a szöveg a semmiben
~ Rólunk > képháttér nincs -> ez a sárga cuccok, amik csak mobilon vannak? és ott más szöveg van mint a desktop mintában a rólunk cikkben? fix a háttér vagy scrolloz a szöveggel, változtatható legyen? nyútsam a képet más képaránynál vagy ismétlődjön, vagy fehér alul fölül ha magasabb a telefon?
## MOBIL
~ mobil: színes felső vonal hiányzik a nyitócikk képének alsó élénél (lásd: Adri terve) -> Csak az első cikknél/első két cikknél van vagy mindegyiknél?
### Iphone only???
~ nem mindig működik a home DIS gomb -> Mikor nem működik, nem találok ilyet, elvileg mindenhol mennie kell, vsz ugyanaz a hiba okozta mint az eltűnő dolgokat, szerintem ezt is megoldottam, de ellenőrizd
~ menü: fenti ikonok jelenjenek meg rögtön (esemény, insta most csak lefelé görgetésnél jön elő) -> szerintem megoldottam, de ellenőrizd
~ menü: nagyobb fekete flekk kell a dis logó alá, mert az „S” betű lelóg kicsit -> Ezt nem látom sehol, küldj printscreent

4
archive.php
View File

@@ -10,6 +10,10 @@
} elseif (is_tag()) { } elseif (is_tag()) {
$ttl = single_tag_title("", false); $ttl = single_tag_title("", false);
$cl = "tag"; $cl = "tag";
} elseif (is_tax()) {
// $ttl = wp_title('»', false);
$ttl = preg_replace('/^.*»(.*)$/','\1',wp_title('»', false) );
$cl = "tax";
} else { } else {
$ttl = the_archive_title(); $ttl = the_archive_title();
$cl = ""; $cl = "";

12
category-esemeny.php
View File

@@ -6,22 +6,24 @@
<?php if (have_posts()): while (have_posts()): the_post();?> <?php if (have_posts()): while (have_posts()): the_post();?>
<?php
$event_datum = get_post_meta( get_the_ID(), 'dis-esemeny-datum', true );
$event_link = get_post_meta( get_the_ID(), 'dis-esemeny-link', true );
?>
<article id="post-<?php the_ID();?>" <?php post_class();?>> <article id="post-<?php the_ID();?>" <?php post_class();?>>
<!-- post thumbnail --> <!-- post thumbnail -->
<?php if (has_post_thumbnail()): // Check if thumbnail exists ?> <?php if (has_post_thumbnail()): // Check if thumbnail exists ?>
<a class="thumbnailwrapper" href="<?php the_permalink();?>" title="<?php the_title();?>"> <a class="thumbnailwrapper" href="<?php echo $event_link; ?>" title="<?php the_title();?>">
<?php the_post_thumbnail('home-event-thumbnail');?> <?php the_post_thumbnail('home-event-thumbnail');?>
</a> </a>
<?php endif;?> <?php endif;?>
<!-- /post thumbnail --> <!-- /post thumbnail -->
<div class="event-metadata"> <div class="event-metadata">
<?php
$event_datum = get_post_meta( get_the_ID(), 'dis-esemeny-datum', true );
$event_link = get_post_meta( get_the_ID(), 'dis-esemeny-link', true );
?>
<div class="top-row"> <div class="top-row">
<div class="ev-date"> <div class="ev-date">

331
css/base.css
View File

@@ -1,6 +1,7 @@
/* ========================================================================== */ /* ========================================================================== */
/* FONT-MIXINS */ /* FONT-MIXINS */
/* ========================================================================== */ /* ========================================================================== */
/* ---------------------------------- event --------------------------------- */
/*------------------------------------*\ /*------------------------------------*\
MAIN MAIN
\*------------------------------------*/ \*------------------------------------*/
@@ -68,6 +69,11 @@ button {
object { object {
pointer-events: none; } pointer-events: none; }
/* ---------------------------- default selection --------------------------- */
html *::selection {
color: #000;
background-color: #fdff00; }
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* MEDIA QUERIES */ /* MEDIA QUERIES */
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
@@ -256,14 +262,32 @@ object {
.wrapper .header .header-2 .social-link, .wrapper .header .header-2 .social-link,
.wrapper .header .header-2 .menubutton, .wrapper .header .header-2 .menubutton,
.wrapper .header .header-2 .events-link { .wrapper .header .header-2 .events-link {
filter: invert(100); } } filter: invert(100); }
.wrapper .header .header-1 .logo::selection,
.wrapper .header .header-1 .logo::selection *,
.wrapper .header .header-1 .social-link::selection,
.wrapper .header .header-1 .social-link::selection *,
.wrapper .header .header-1 .menubutton::selection,
.wrapper .header .header-1 .menubutton::selection *,
.wrapper .header .header-1 .events-link::selection,
.wrapper .header .header-1 .events-link::selection *,
.wrapper .header .header-2 .logo::selection,
.wrapper .header .header-2 .logo::selection *,
.wrapper .header .header-2 .social-link::selection,
.wrapper .header .header-2 .social-link::selection *,
.wrapper .header .header-2 .menubutton::selection,
.wrapper .header .header-2 .menubutton::selection *,
.wrapper .header .header-2 .events-link::selection,
.wrapper .header .header-2 .events-link::selection * {
filter: invert(0); } }
@media (min-width: 1024px) { @media (min-width: 1024px) {
.wrapper .header .header-1, .wrapper .header .header-1,
.wrapper .header .header-2 { .wrapper .header .header-2 {
width: 10rem; } } width: 10rem; } }
.wrapper .header .header-1 div, .wrapper .header .header-1 div,
.wrapper .header .header-2 div { .wrapper .header .header-2 div {
z-index: 3500; } z-index: 3500;
-webkit-transform: translate3d(0, 0, 0); }
.wrapper .header .header-1 a, .wrapper .header .header-1 a,
.wrapper .header .header-2 a { .wrapper .header .header-2 a {
display: inline-block; } display: inline-block; }
@@ -283,24 +307,6 @@ object {
order: 99; order: 99;
border-left: #000 1px solid; border-left: #000 1px solid;
right: 0; } } right: 0; } }
.wrapper .header .totop {
position: fixed;
bottom: 1rem;
right: 1rem;
z-index: 2; }
@media (min-width: 769px) {
.wrapper .header .totop {
display: none; } }
.wrapper .header .totop a {
display: inline-block; }
.wrapper .header .totop a object {
height: 2rem;
filter: invert(100%);
-moz-transform: rotate(180deg);
-o-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
.wrapper .header object { .wrapper .header object {
height: 3rem; } height: 3rem; }
@media (min-width: 769px) { @media (min-width: 769px) {
@@ -323,7 +329,7 @@ object {
height: 5rem; } } height: 5rem; } }
.wrapper .header .menubutton { .wrapper .header .menubutton {
order: 99; order: 99;
z-index: 3001; } z-index: 3002; }
.wrapper .header .menubutton button { .wrapper .header .menubutton button {
transform-origin: center; transform-origin: center;
-webkit-transition: 0.5s linear; -webkit-transition: 0.5s linear;
@@ -425,13 +431,14 @@ object {
flex-direction: row; flex-direction: row;
align-items: center; } } align-items: center; } }
.wrapper .header #sidebar .sidebar-wrapper .menuseparator { .wrapper .header #sidebar .sidebar-wrapper .menuseparator {
display: none; } display: block;
width: 100%;
height: 1px;
background-color: #fff; }
@media (min-width: 769px) { @media (min-width: 769px) {
.wrapper .header #sidebar .sidebar-wrapper .menuseparator { .wrapper .header #sidebar .sidebar-wrapper .menuseparator {
display: block;
width: 1px; width: 1px;
height: 70%; height: 70%;
background-color: #fff;
flex: 0 0 auto; flex: 0 0 auto;
margin: 4rem; } } margin: 4rem; } }
.wrapper .header #sidebar .sidebar-wrapper ul { .wrapper .header #sidebar .sidebar-wrapper ul {
@@ -1146,6 +1153,7 @@ object {
.search-results main section article, .search-results main section article,
.search-no-results main section article, .search-no-results main section article,
.error404 main section article { .error404 main section article {
min-height: 87.5vw;
/* ----------------------- home article mobile cutout ----------------------- */ /* ----------------------- home article mobile cutout ----------------------- */
/* ----------------------- home article mobile first 2 ----------------------- */ } /* ----------------------- home article mobile first 2 ----------------------- */ }
.archive main section article > a, .archive main section article > a,
@@ -1171,9 +1179,7 @@ object {
.search-no-results main section article h2, .search-no-results main section article h2,
.error404 main section article h2 { .error404 main section article h2 {
width: 100%; width: 100%;
height: 37.5vw; padding: 1.5rem 2rem 1rem;
padding: 2rem;
padding-top: 1.5rem;
margin: 0; margin: 0;
line-height: 0.8; } line-height: 0.8; }
.archive main section article h2 a, .archive main section article h2 a,
@@ -1231,7 +1237,7 @@ object {
.search-results main section article .metadata, .search-results main section article .metadata,
.search-no-results main section article .metadata, .search-no-results main section article .metadata,
.error404 main section article .metadata { .error404 main section article .metadata {
bottom: 37.5vw; top: calc(50vw - 5rem);
height: 5rem; height: 5rem;
display: flex; display: flex;
width: -moz-max-content; width: -moz-max-content;
@@ -1270,18 +1276,42 @@ object {
.error404 main section article .metadata .alcimWrapper, .error404 main section article .metadata .alcimWrapper,
.error404 main section article .metadata .curvyArrow { .error404 main section article .metadata .curvyArrow {
display: none; } display: none; }
.archive main section article.cut-even .metadata, .archive main section article > .bevezetoWrapper,
.home main section article.cut-even .metadata, .home main section article > .bevezetoWrapper,
.search-results main section article.cut-even .metadata, .search-results main section article > .bevezetoWrapper,
.search-no-results main section article.cut-even .metadata, .search-no-results main section article > .bevezetoWrapper,
.error404 main section article.cut-even .metadata { .error404 main section article > .bevezetoWrapper {
background-color: transparent; } padding: 0 2rem 1.5rem;
.archive main section article.cut-even .metadata::after, font: 300 1rem "Westeinde Caption";
.home main section article.cut-even .metadata::after, color: #000; }
.search-results main section article.cut-even .metadata::after, @media (min-width: 769px) {
.search-no-results main section article.cut-even .metadata::after, .archive main section article > .bevezetoWrapper,
.error404 main section article.cut-even .metadata::after { .home main section article > .bevezetoWrapper,
display: none; } .search-results main section article > .bevezetoWrapper,
.search-no-results main section article > .bevezetoWrapper,
.error404 main section article > .bevezetoWrapper {
font: bold 1rem "Butler";
line-height: 1rem; } }
@media (min-width: 1024px) {
.archive main section article > .bevezetoWrapper,
.home main section article > .bevezetoWrapper,
.search-results main section article > .bevezetoWrapper,
.search-no-results main section article > .bevezetoWrapper,
.error404 main section article > .bevezetoWrapper {
font-size: 2rem;
line-height: 2rem; } }
.archive main section article > .bevezetoWrapper::before,
.home main section article > .bevezetoWrapper::before,
.search-results main section article > .bevezetoWrapper::before,
.search-no-results main section article > .bevezetoWrapper::before,
.error404 main section article > .bevezetoWrapper::before {
display: block;
content: "";
height: 1px;
width: 20%;
margin: 0 auto;
background-color: #000;
margin-bottom: 1rem; }
.archive main section article.post_nr_1, .archive main section article.post_nr_2, .archive main section article.post_nr_1, .archive main section article.post_nr_2,
.home main section article.post_nr_1, .home main section article.post_nr_1,
.home main section article.post_nr_2, .home main section article.post_nr_2,
@@ -1417,6 +1447,7 @@ object {
position: relative; position: relative;
width: calc(100vw - (7.5rem * 3)); width: calc(100vw - (7.5rem * 3));
height: calc(100vh - 4rem); height: calc(100vh - 4rem);
min-height: unset;
margin: 0; margin: 0;
padding: 0; padding: 0;
margin-left: 7.5rem; margin-left: 7.5rem;
@@ -1484,6 +1515,7 @@ object {
.search-no-results main section .home_wrapper-big article .metadata, .search-no-results main section .home_wrapper-big article .metadata,
.error404 main section .home_wrapper-big article .metadata { .error404 main section .home_wrapper-big article .metadata {
bottom: 0; bottom: 0;
top: unset;
background: transparent; background: transparent;
width: 100%; width: 100%;
height: 7.5rem; height: 7.5rem;
@@ -1493,13 +1525,20 @@ object {
justify-content: flex-start; justify-content: flex-start;
align-items: center; align-items: center;
overflow: visible !important; } } overflow: visible !important; } }
@media (min-width: 769px) and (min-aspect-ratio: 1 / 1) {
.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,
.search-no-results main section .home_wrapper-big article .metadata,
.error404 main section .home_wrapper-big article .metadata {
height: calc(10rem / 2); } }
@media (min-width: 769px) and (min-width: 1024px) { @media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-big article .metadata, .archive main section .home_wrapper-big article .metadata,
.home main section .home_wrapper-big article .metadata, .home main section .home_wrapper-big article .metadata,
.search-results main section .home_wrapper-big article .metadata, .search-results main section .home_wrapper-big article .metadata,
.search-no-results main section .home_wrapper-big article .metadata, .search-no-results main section .home_wrapper-big article .metadata,
.error404 main section .home_wrapper-big article .metadata { .error404 main section .home_wrapper-big article .metadata {
height: 10rem; } } height: 11.5rem; } }
@media (min-width: 769px) and (min-width: 769px) { @media (min-width: 769px) and (min-width: 769px) {
.archive main section .home_wrapper-big article .metadata, .archive main section .home_wrapper-big article .metadata,
.home main section .home_wrapper-big article .metadata, .home main section .home_wrapper-big article .metadata,
@@ -1521,13 +1560,6 @@ object {
.search-no-results main section .home_wrapper-big article .metadata, .search-no-results main section .home_wrapper-big article .metadata,
.error404 main section .home_wrapper-big article .metadata { .error404 main section .home_wrapper-big article .metadata {
font-size: 2rem; } } font-size: 2rem; } }
@media (min-width: 769px) and (min-aspect-ratio: 1 / 1) {
.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,
.search-no-results main section .home_wrapper-big article .metadata,
.error404 main section .home_wrapper-big article .metadata {
height: calc(10rem / 2); } }
@media (min-width: 769px) { @media (min-width: 769px) {
.archive main section .home_wrapper-big article .metadata > div, .archive main section .home_wrapper-big article .metadata > div,
.home main section .home_wrapper-big article .metadata > div, .home main section .home_wrapper-big article .metadata > div,
@@ -1682,8 +1714,16 @@ object {
.error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto { .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto {
margin: 0; margin: 0;
overflow: hidden; overflow: hidden;
font: bold 1rem "Butler"; font: 300 1rem "Westeinde Caption";
line-height: 1rem; } } color: #000; } }
@media (min-width: 769px) and (min-width: 769px) {
.archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
.home main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
.search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
.search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
.error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto {
font: bold 1rem "Butler";
line-height: 1rem; } }
@media (min-width: 769px) and (min-width: 1024px) { @media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
.home main section .home_wrapper-big article .bevezetoWrapper .bevezeto, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto,
@@ -1698,9 +1738,17 @@ object {
.search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
.search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
.error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner { .error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner {
font: bold 1rem "Butler"; font: 300 1rem "Westeinde Caption";
line-height: 1rem; color: #000;
text-align: left; } } text-align: left; } }
@media (min-width: 769px) and (min-width: 769px) {
.archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
.home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
.search-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
.search-no-results main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
.error404 main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner {
font: bold 1rem "Butler";
line-height: 1rem; } }
@media (min-width: 769px) and (min-width: 1024px) { @media (min-width: 769px) and (min-width: 1024px) {
.archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .archive main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
.home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner, .home main section .home_wrapper-big article .bevezetoWrapper .bevezeto .bevezetoInner,
@@ -1982,7 +2030,8 @@ object {
.error404 main section #post-404 .archivedescription { .error404 main section #post-404 .archivedescription {
flex: 0 0 calc(100% / 3); flex: 0 0 calc(100% / 3);
height: 50%; height: 50%;
position: relative; } position: relative;
min-height: unset; }
.archive main section .home_wrapper-small article .thumbnailwrapper, .archive main section .home_wrapper-small article .thumbnailwrapper,
.archive main section .home_wrapper-small .archivetitle .thumbnailwrapper, .archive main section .home_wrapper-small .archivetitle .thumbnailwrapper,
.archive main section .home_wrapper-small .archivedescription .thumbnailwrapper, .archive main section .home_wrapper-small .archivedescription .thumbnailwrapper,
@@ -2084,6 +2133,7 @@ object {
position: absolute; position: absolute;
bottom: 0; bottom: 0;
right: 0; right: 0;
top: unset;
background: transparent; background: transparent;
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@@ -4278,9 +4328,12 @@ body.category.category-esemeny {
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
align-content: stretch; align-content: stretch;
padding: 2rem; padding: 1.5rem;
height: 35vw; height: 35vw;
max-height: 180px; } max-height: 180px; }
@media (min-width: 360px) {
body.category.category-esemeny main article .event-metadata {
padding: 2rem; } }
body.category.category-esemeny main article .event-metadata .top-row, body.category.category-esemeny main article .event-metadata .top-row,
body.category.category-esemeny main article .event-metadata .bottom-row { body.category.category-esemeny main article .event-metadata .bottom-row {
display: flex; display: flex;
@@ -4291,9 +4344,12 @@ body.category.category-esemeny {
body.category.category-esemeny main article .event-metadata .top-row { body.category.category-esemeny main article .event-metadata .top-row {
align-items: center; } align-items: center; }
body.category.category-esemeny main article .event-metadata .top-row .ev-date { body.category.category-esemeny main article .event-metadata .top-row .ev-date {
font: 800 1.8rem "Butler"; font: 800 1.6rem "Butler";
color: #000; color: #000;
color: #00f; } color: #00f; }
@media (min-width: 360px) {
body.category.category-esemeny main article .event-metadata .top-row .ev-date {
font-size: 1.8rem; } }
@media (min-width: 769px) { @media (min-width: 769px) {
body.category.category-esemeny main article .event-metadata .top-row .ev-date { body.category.category-esemeny main article .event-metadata .top-row .ev-date {
font-size: 2.2rem; } } font-size: 2.2rem; } }
@@ -4312,7 +4368,7 @@ body.category.category-esemeny {
-ms-transform: rotate(225deg); -ms-transform: rotate(225deg);
-webkit-transform: rotate(225deg); -webkit-transform: rotate(225deg);
transform: rotate(225deg); transform: rotate(225deg);
font: normal 2.8rem "Westeinde Caption"; font: normal 2.8rem "Westeinde Caption";
color: #000; } color: #000; }
@media (min-width: 769px) { @media (min-width: 769px) {
body.category.category-esemeny main article .event-metadata .top-row a { body.category.category-esemeny main article .event-metadata .top-row a {
@@ -4332,8 +4388,11 @@ body.category.category-esemeny {
flex: 1 0.9 auto; flex: 1 0.9 auto;
height: unset; height: unset;
padding: 0; padding: 0;
font: 800 1.8rem "Butler"; font: 800 1.6rem "Butler";
color: #000; } color: #000; }
@media (min-width: 360px) {
body.category.category-esemeny main article .event-metadata .bottom-row h2 {
font-size: 1.8rem; } }
@media (min-width: 769px) { @media (min-width: 769px) {
body.category.category-esemeny main article .event-metadata .bottom-row h2 { body.category.category-esemeny main article .event-metadata .bottom-row h2 {
font-size: 2.2rem; } } font-size: 2.2rem; } }
@@ -4354,23 +4413,28 @@ body.category.category-esemeny {
box-shadow: 0 0 1px transparent; } box-shadow: 0 0 1px transparent; }
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
flex: 1 1 auto; flex: 1 1 auto;
font: 800 1.8rem "Butler"; font: 500 1.3rem "Westeinde Caption";
color: #000; -webkit-text-stroke: #00f 1px;
font: 500 1.8rem "Westeinde Caption"; color: transparent;
color: #00f;
text-align: right; } text-align: right; }
@media (min-width: 360px) {
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
font-size: 1.4rem; } }
@media (min-width: 769px) { @media (min-width: 769px) {
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
font-size: 2.2rem; } } font-size: 1.9rem; } }
@media (min-width: 1024px) { @media (min-width: 1024px) {
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
font-size: 3rem; } } font-size: 2.8rem; } }
@media (min-width: 1279px) { @media (min-width: 1279px) {
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
font-size: 3.2rem; } } font-size: 2.8rem; } }
@media (min-width: 1919px) { @media (min-width: 1919px) {
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { body.category.category-esemeny main article .event-metadata .bottom-row a.text-link {
font-size: 4.5rem; } } font-size: 4rem; } }
body.category.category-esemeny main article .event-metadata .bottom-row a.text-link:hover {
-webkit-text-stroke: transparent;
color: #00f; }
body.category.category-esemeny main article .event-metadata .hr { body.category.category-esemeny main article .event-metadata .hr {
flex: 0 0 auto; flex: 0 0 auto;
height: 1px; height: 1px;
@@ -4596,7 +4660,16 @@ body.category.category-esemeny {
.page article .titlewrapper .metadata .metaWrapper { .page article .titlewrapper .metadata .metaWrapper {
padding-right: 20rem; padding-right: 20rem;
padding-left: 0; padding-left: 0;
max-width: calc(1024px + 20rem); } max-width: calc(1024px + 20rem);
justify-content: flex-start; }
.single article .titlewrapper .metadata .metaWrapper .time-cat::after,
.page article .titlewrapper .metadata .metaWrapper .time-cat::after {
content: " ";
display: inline-block; }
.single article .titlewrapper .metadata .metaWrapper .format::before,
.page article .titlewrapper .metadata .metaWrapper .format::before {
content: "|";
display: inline-block; }
.single article .titlewrapper h1.single-title, .single article .titlewrapper h1.single-title,
.page article .titlewrapper h1.single-title { .page article .titlewrapper h1.single-title {
background-color: transparent; background-color: transparent;
@@ -4648,6 +4721,9 @@ body.category.category-esemeny {
padding-right: 20rem; padding-right: 20rem;
padding-left: 0; padding-left: 0;
max-width: calc(1024px + 20rem); } } max-width: calc(1024px + 20rem); } }
.single article .single-content p,
.page article .single-content p {
line-height: 1.3; }
.single article .single-content h2, .single article .single-content h2,
.page article .single-content h2 { .page article .single-content h2 {
font: 800 3rem "Butler"; } font: 800 3rem "Butler"; }
@@ -4663,9 +4739,7 @@ body.category.category-esemeny {
box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; } box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; }
.single article .single-content h4, .single article .single-content h4,
.page article .single-content h4 { .page article .single-content h4 {
font-weight: 500; font-weight: 500; }
font-size: 2.4rem;
line-height: 1.6; }
.single article .single-content a:hover, .single article .single-content a:hover,
.page article .single-content a:hover { .page article .single-content a:hover {
text-decoration: underline; } text-decoration: underline; }
@@ -4791,6 +4865,7 @@ body.category.category-esemeny {
.page article .single-content .wp-block-gallery .blocks-gallery-item figcaption { .page article .single-content .wp-block-gallery .blocks-gallery-item figcaption {
background: #fff; background: #fff;
position: absolute; position: absolute;
display: none;
width: calc(100% - 5rem); width: calc(100% - 5rem);
height: 5rem; height: 5rem;
padding: 1rem 2rem; padding: 1rem 2rem;
@@ -4801,7 +4876,6 @@ body.category.category-esemeny {
line-height: 1; line-height: 1;
text-align: left; text-align: left;
overflow: unset; overflow: unset;
display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
z-index: 1; z-index: 1;
@@ -4813,6 +4887,7 @@ body.category.category-esemeny {
.page article .single-content .wp-block-image figcaption, .page article .single-content .wp-block-image figcaption,
.page article .single-content .wp-block-gallery .blocks-gallery-image figcaption, .page article .single-content .wp-block-gallery .blocks-gallery-image figcaption,
.page article .single-content .wp-block-gallery .blocks-gallery-item figcaption { .page article .single-content .wp-block-gallery .blocks-gallery-item figcaption {
display: flex;
width: calc(100% - 2.5rem); width: calc(100% - 2.5rem);
height: 2.5rem; height: 2.5rem;
padding: 0.5rem 1rem; } } padding: 0.5rem 1rem; } }
@@ -4975,8 +5050,16 @@ body.category.category-esemeny {
font: 900 1rem "Westeinde Caption"; font: 900 1rem "Westeinde Caption";
color: #000; color: #000;
color: #fff; color: #fff;
width: 100%; text-align: center;
text-align: center; } width: 100%; }
.single #colorbox #cboxContent #cboxTitle span,
.page #colorbox #cboxContent #cboxTitle span {
max-width: calc(100% - 8rem);
display: inline-block; }
@media (min-width: 769px) {
.single #colorbox #cboxContent #cboxTitle span,
.page #colorbox #cboxContent #cboxTitle span {
max-width: 100%; } }
.single #colorbox #cboxContent #cboxCurrent, .single #colorbox #cboxContent #cboxCurrent,
.page #colorbox #cboxContent #cboxCurrent { .page #colorbox #cboxContent #cboxCurrent {
display: none !important; } display: none !important; }
@@ -5405,6 +5488,9 @@ body.category.category-esemeny {
.tag-be .metadata a { .tag-be .metadata a {
color: #fdff00 !important; } color: #fdff00 !important; }
.tag-be > .bevezetoWrapper::before {
background-color: #fdff00 !important; }
.tag-be hr { .tag-be hr {
background-color: #fdff00 !important; } background-color: #fdff00 !important; }
@@ -5441,21 +5527,14 @@ body.category.category-esemeny {
color: #000; color: #000;
background-color: #3c00ff; } background-color: #3c00ff; }
.tag-be.random .thumbnailwrapper > img, .tag-be.cut-even .thumbnailwrapper > img { @media (min-width: 769px) {
-webkit-mask: url(../img/clip/be_mobil.svg); .tag-be.random .thumbnailwrapper > img {
-webkit-mask-repeat: no-repeat; -webkit-mask: url(../img/clip/be_desktop.svg);
-webkit-mask-size: 100%; -webkit-mask-repeat: no-repeat;
mask: url(../img/clip/be_mobil.svg); -webkit-mask-size: 100%;
mask-repeat: no-repeat; mask: url(../img/clip/be_desktop.svg);
mask-size: 100%; } mask-repeat: no-repeat;
@media (min-width: 769px) { mask-size: 100%; } }
.tag-be.random .thumbnailwrapper > img, .tag-be.cut-even .thumbnailwrapper > img {
-webkit-mask: url(../img/clip/be_desktop.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask: url(../img/clip/be_desktop.svg);
mask-repeat: no-repeat;
mask-size: 100%; } }
@media (max-width: 768px) { @media (max-width: 768px) {
.tag-do .metadata { .tag-do .metadata {
@@ -5466,6 +5545,9 @@ body.category.category-esemeny {
.tag-do .metadata a { .tag-do .metadata a {
color: #3c00ff !important; } color: #3c00ff !important; }
.tag-do > .bevezetoWrapper::before {
background-color: #3c00ff !important; }
.tag-do hr { .tag-do hr {
background-color: #3c00ff !important; } background-color: #3c00ff !important; }
@@ -5502,21 +5584,14 @@ body.category.category-esemeny {
color: #000; color: #000;
background-color: #fdff00; } background-color: #fdff00; }
.tag-do.random .thumbnailwrapper > img, .tag-do.cut-even .thumbnailwrapper > img { @media (min-width: 769px) {
-webkit-mask: url(../img/clip/do_mobil.svg); .tag-do.random .thumbnailwrapper > img {
-webkit-mask-repeat: no-repeat; -webkit-mask: url(../img/clip/do_desktop.svg);
-webkit-mask-size: 100%; -webkit-mask-repeat: no-repeat;
mask: url(../img/clip/do_mobil.svg); -webkit-mask-size: 100%;
mask-repeat: no-repeat; mask: url(../img/clip/do_desktop.svg);
mask-size: 100%; } mask-repeat: no-repeat;
@media (min-width: 769px) { mask-size: 100%; } }
.tag-do.random .thumbnailwrapper > img, .tag-do.cut-even .thumbnailwrapper > img {
-webkit-mask: url(../img/clip/do_desktop.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask: url(../img/clip/do_desktop.svg);
mask-repeat: no-repeat;
mask-size: 100%; } }
@media (max-width: 768px) { @media (max-width: 768px) {
.tag-think .metadata { .tag-think .metadata {
@@ -5527,6 +5602,9 @@ body.category.category-esemeny {
.tag-think .metadata a { .tag-think .metadata a {
color: #00ffb8 !important; } color: #00ffb8 !important; }
.tag-think > .bevezetoWrapper::before {
background-color: #00ffb8 !important; }
.tag-think hr { .tag-think hr {
background-color: #00ffb8 !important; } background-color: #00ffb8 !important; }
@@ -5563,21 +5641,14 @@ body.category.category-esemeny {
color: #000; color: #000;
background-color: #ff5f5f; } background-color: #ff5f5f; }
.tag-think.random .thumbnailwrapper > img, .tag-think.cut-even .thumbnailwrapper > img { @media (min-width: 769px) {
-webkit-mask: url(../img/clip/think_mobil.svg); .tag-think.random .thumbnailwrapper > img {
-webkit-mask-repeat: no-repeat; -webkit-mask: url(../img/clip/think_desktop.svg);
-webkit-mask-size: 100%; -webkit-mask-repeat: no-repeat;
mask: url(../img/clip/think_mobil.svg); -webkit-mask-size: 100%;
mask-repeat: no-repeat; mask: url(../img/clip/think_desktop.svg);
mask-size: 100%; } mask-repeat: no-repeat;
@media (min-width: 769px) { mask-size: 100%; } }
.tag-think.random .thumbnailwrapper > img, .tag-think.cut-even .thumbnailwrapper > img {
-webkit-mask: url(../img/clip/think_desktop.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask: url(../img/clip/think_desktop.svg);
mask-repeat: no-repeat;
mask-size: 100%; } }
@media (max-width: 768px) { @media (max-width: 768px) {
.tag-love .metadata { .tag-love .metadata {
@@ -5588,6 +5659,9 @@ body.category.category-esemeny {
.tag-love .metadata a { .tag-love .metadata a {
color: #ff5f5f !important; } color: #ff5f5f !important; }
.tag-love > .bevezetoWrapper::before {
background-color: #ff5f5f !important; }
.tag-love hr { .tag-love hr {
background-color: #ff5f5f !important; } background-color: #ff5f5f !important; }
@@ -5624,21 +5698,14 @@ body.category.category-esemeny {
color: #000; color: #000;
background-color: #00ffb8; } background-color: #00ffb8; }
.tag-love.random .thumbnailwrapper > img, .tag-love.cut-even .thumbnailwrapper > img { @media (min-width: 769px) {
-webkit-mask: url(../img/clip/love_mobil.svg); .tag-love.random .thumbnailwrapper > img {
-webkit-mask-repeat: no-repeat; -webkit-mask: url(../img/clip/love_desktop.svg);
-webkit-mask-size: 100%; -webkit-mask-repeat: no-repeat;
mask: url(../img/clip/love_mobil.svg); -webkit-mask-size: 100%;
mask-repeat: no-repeat; mask: url(../img/clip/love_desktop.svg);
mask-size: 100%; } mask-repeat: no-repeat;
@media (min-width: 769px) { mask-size: 100%; } }
.tag-love.random .thumbnailwrapper > img, .tag-love.cut-even .thumbnailwrapper > img {
-webkit-mask: url(../img/clip/love_desktop.svg);
-webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100%;
mask: url(../img/clip/love_desktop.svg);
mask-repeat: no-repeat;
mask-size: 100%; } }
@media (min-width: 769px) { @media (min-width: 769px) {
.single .tag-be .titlewrapper .metadata { .single .tag-be .titlewrapper .metadata {

11
customizer.php
View File

@@ -63,6 +63,17 @@ function dis2019_customizer_settings($wp_customize)
'type' => 'number', 'type' => 'number',
))); )));
$wp_customize->add_setting('dis-2019-related-posts');
$wp_customize->add_control(new WP_Customize_Control($wp_customize, 'dis-2019-related-posts',
array(
'label' => __('Number of related articles', 'dis2019'),
'section' => 'dis-2019',
'description' => __('Same value applies to mobile and desktop. Use any integer', 'dis2019'),
'settings' => 'dis-2019-related-posts',
'type' => 'number',
)));
//__('Choose from most used writer', 'dis2019') //__('Choose from most used writer', 'dis2019')
// get_theme_mod( 'dis-2019-posts-on-home' ); // get_theme_mod( 'dis-2019-posts-on-home' );
} }

33
functions.php
View File

@@ -41,7 +41,7 @@ if (function_exists('add_theme_support')) {
add_image_size('small', 120, '', true); // Small Thumbnail add_image_size('small', 120, '', true); // Small Thumbnail
add_image_size('home-big-thumbnail', 1024, 1024, true); // Custom Thumbnail Size call using the_post_thumbnail('home-thumbnail'); add_image_size('home-big-thumbnail', 1024, 1024, true); // Custom Thumbnail Size call using the_post_thumbnail('home-thumbnail');
add_image_size('home-small-thumbnail', 256, 256, true); // Custom Thumbnail Size call using the_post_thumbnail('home-thumbnail'); add_image_size('home-small-thumbnail', 256, 256, true); // Custom Thumbnail Size call using the_post_thumbnail('home-thumbnail');
add_image_size('home-event-thumbnail', 1024, 512, true); add_image_size('home-event-thumbnail', 1024, 537, true);
// Add Support for Custom Backgrounds - Uncomment below if you're going to use // Add Support for Custom Backgrounds - Uncomment below if you're going to use
/*add_theme_support('custom-background', array( /*add_theme_support('custom-background', array(
@@ -130,6 +130,9 @@ function dis2019_header_scripts()
wp_register_script('ftellipsis', get_template_directory_uri() . '/js/lib/ftellipsis.min.js', array(), '1.0.0'); // wp_register_script('ftellipsis', get_template_directory_uri() . '/js/lib/ftellipsis.min.js', array(), '1.0.0'); //
wp_enqueue_script('ftellipsis'); // Enqueue it! wp_enqueue_script('ftellipsis'); // Enqueue it!
wp_register_script('touchSwipe', get_template_directory_uri() . '/js/lib/jquery.touchSwipe.min.js', array('jquery'), '1.6.18'); //
wp_enqueue_script('touchSwipe'); // Enqueue it!
wp_register_script('dis2019scripts', get_template_directory_uri() . '/js/scripts.js', array( wp_register_script('dis2019scripts', get_template_directory_uri() . '/js/scripts.js', array(
'jquery', 'jquery',
'conditionizr', 'conditionizr',
@@ -139,6 +142,7 @@ function dis2019_header_scripts()
'jquery.colorbox', 'jquery.colorbox',
'lettering', 'lettering',
'ftellipsis', 'ftellipsis',
'touchSwipe',
// 'clamp', // 'clamp',
), '1.0.0'); // Custom scripts ), '1.0.0'); // Custom scripts
wp_enqueue_script('dis2019scripts'); // Enqueue it! wp_enqueue_script('dis2019scripts'); // Enqueue it!
@@ -445,16 +449,16 @@ function misha_loadmore_ajax_handler()
// console_debug($args); // console_debug($args);
if ($args['cat']) { if ($args['cat']) {
// console_debug('cat query'); // console_debug('cat query');
$offset = get_theme_mod('dis-2019-posts-on-archive'); $offset = get_theme_mod('dis-2019-posts-on-archive', 11);
} }
if ($args['s']) { if ($args['s']) {
// console_debug('search query'); // console_debug('search query');
$offset = get_theme_mod('dis-2019-posts-on-archive'); $offset = get_theme_mod('dis-2019-posts-on-archive', 11);
} }
if ($args['tag']) { if ($args['tag']) {
// console_debug('tag query'); // console_debug('tag query');
$offset = get_theme_mod('dis-2019-posts-on-tag'); $offset = get_theme_mod('dis-2019-posts-on-tag', 10);
} }
//Next, determine how many posts per page you want (we'll use WordPress's settings) //Next, determine how many posts per page you want (we'll use WordPress's settings)
@@ -482,7 +486,7 @@ add_action('wp_ajax_nopriv_loadmore', 'misha_loadmore_ajax_handler'); // wp_ajax
function exclude_category_home($query) function exclude_category_home($query)
{ {
if ($query->is_home) { if ($query->is_home) {
$minus_catid = '-' . get_theme_mod('dis-2019-event-cat-id'); $minus_catid = '-' . get_theme_mod('dis-2019-event-cat-id', 5);
$query->set('cat', $minus_catid); $query->set('cat', $minus_catid);
} }
@@ -495,7 +499,7 @@ function dis_2019_order_events_by_date(&$query)
{ {
//Before anything else, make sure this is the right query... //Before anything else, make sure this is the right query...
if (!($query->query_vars[category_name] == get_theme_mod('dis-2019-event-cat-slug'))) { if (!($query->query_vars[category_name] == get_theme_mod('dis-2019-event-cat-slug', 'esemeny'))) {
return; return;
} }
@@ -524,16 +528,22 @@ function dis_2019_more_posts_on_home(&$query)
return; return;
} }
// console_debug($query);
console_debug($query);
// console_debug($query->query_vars[related_loop]);
if ($query->is_home()) { if ($query->is_home()) {
$pposts = get_theme_mod('dis-2019-posts-on-home'); $pposts = get_theme_mod('dis-2019-posts-on-home',20);
} elseif ($query->is_tag()) { } elseif ($query->is_tag()) {
$pposts = get_theme_mod('dis-2019-posts-on-tag'); $pposts = get_theme_mod('dis-2019-posts-on-tag', 10);
} elseif ($query->query_vars[related_loop]) {
$pposts = get_theme_mod('dis-2019-related-posts', 3);
} elseif ($query->is_archive()) { } elseif ($query->is_archive()) {
$pposts = get_theme_mod('dis-2019-posts-on-archive'); $pposts = get_theme_mod('dis-2019-posts-on-archive', 11);
} elseif ($query->is_search()) { } elseif ($query->is_search()) {
$pposts = get_theme_mod('dis-2019-posts-on-archive'); $pposts = get_theme_mod('dis-2019-posts-on-archive', 11);
} elseif (!$query->in_the_loop()) { } elseif (!$query->in_the_loop()) {
return; return;
} else { } else {
@@ -543,6 +553,7 @@ function dis_2019_more_posts_on_home(&$query)
//set post_per_page if it's homepage //set post_per_page if it's homepage
if (!$query->is_paged) { if (!$query->is_paged) {
// console_debug($pposts);
$query->set('posts_per_page', $pposts); $query->set('posts_per_page', $pposts);
} else { } else {
return; return;

8
header.php
View File

@@ -150,13 +150,13 @@
<!-- ----------------------- to top arrow on mobile ------------------------ --> <!-- ----------------------- to top arrow on mobile ------------------------ -->
<div class="totop"> <!-- <div class="totop">
<a href="#top"> <a href="#top">
<object data="<?php echo get_template_directory_uri(); ?>/img/arrow.svg" type="image/svg+xml"> <object data="<?php //echo get_template_directory_uri(); ?>/img/arrow.svg" type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/arrow.png" /> <img src="<?php //echo get_template_directory_uri(); ?>/img/arrow.png" />
</object> </object>
</a> </a>
</div> </div> -->
</header> </header>
<!-- /header --> <!-- /header -->

16
js/lib/jquery.touchSwipe.min.js vendored Normal file
View File

File diff suppressed because one or more lines are too long

120
js/scripts.js
View File

@@ -12,39 +12,46 @@
/* -------------------------------- geometry -------------------------------- */ /* -------------------------------- geometry -------------------------------- */
const vw = $(window).width() // const vw = $(window).width()
const wow = window.outerWidth const wow = window.outerWidth
const wiw = window.innerWidth const wiw = window.innerWidth
const bw = $('body').width() // const bw = $('body').width()
const wih = window.innerHeight // const woh = window.outerHeight
const vh = $(window).height() // const wih = window.innerHeight
// const vh = $(window).height()
// const boh = document.body.offsetHeight
// const dch = document.documentElement.clientHeight
const desktophomemargin = $(".header-1")[0].getBoundingClientRect().width const desktophomemargin = $(".header-1")[0].getBoundingClientRect().width
const bottomScrollHeight = 0
// height of scrollbar at bottom // height of scrollbar at bottom
const bottomScrollHeight = (_ => { // const bottomScrollHeight = (_ => {
if (wih / vh > 1.5) { // if (wih / vh > 1.5) {
return 0 // return 0
} else { // } else {
let bs = wih - vh // let bs = wih - vh
return bs // // let bs = wiw - vw
} // return bs
})() // }
// })()
const cssWidths = { // const cssWidths = {
vw: vw, // w_vw: vw,
wow: wow, // w_wow: wow,
wiw: wiw, // w_wiw: wiw,
bw: bw, // w_bw: bw,
desktophomemargin: desktophomemargin, // desktophomemargin: desktophomemargin,
wih: wih, // h_wih: wih,
vh: vh, // h_vh: vh,
bottomScrollHeight: bottomScrollHeight // bottomScrollHeight: bottomScrollHeight,
} // h_woh: woh,
console.log(cssWidths) // h_boh: boh,
// h_dch: dch
// }
// console.log(cssWidths)
/* --------------------------- css values to vars --------------------------- */ /* --------------------------- css values to vars --------------------------- */
@@ -302,6 +309,14 @@
}//isMasonryPage end }//isMasonryPage end
}// !isMobile end }// !isMobile end
/* ---------------- move bevezeto out from metadata on mobile --------------- */
if (isHome && isMobile) {
$("article .metadata .bevezetoWrapper").each(function () {
$(this).parents('article').append($(this))
})
}
/* ----------------------------- random cutouts ----------------------------- */ /* ----------------------------- random cutouts ----------------------------- */
function random2() { function random2() {
@@ -341,16 +356,16 @@
//add class to odd elems //add class to odd elems
function mobileHomeClass() { // function mobileHomeClass() {
if (isMobile && isMasonryPage) { // if (isMobile && isMasonryPage) {
$('article:not(.post_nr):not(.cutOk) ').addClass('cutCurr') // $('article:not(.post_nr):not(.cutOk) ').addClass('cutCurr')
$('article.cutCurr:nth-child(even)').addClass('cut-even') // $('article.cutCurr:nth-child(even)').addClass('cut-even')
$('article.cutCurr').addClass('cutOk').removeClass('cutCurr') // $('article.cutCurr').addClass('cutOk').removeClass('cutCurr')
} // }
} // }
mobileHomeClass() // mobileHomeClass()
/* ----------------------------- Snap on mobile ----------------------------- */ /* ----------------------------- Snap on mobile ----------------------------- */
@@ -364,15 +379,15 @@
/* --------------------------------- To top --------------------------------- */ /* --------------------------------- To top --------------------------------- */
$(".totop>a").click(function (e) { // $(".totop>a").click(function (e) {
e.preventDefault() // e.preventDefault()
$('html, body').stop().animate({ scrollTop: 0 }, 800); // $('html, body').stop().animate({ scrollTop: 0 }, 800);
}) // })
//hide totop if not needed // //hide totop if not needed
if (!($("main").height() > $(window).height()) && isMobile) { // if (!($("main").height() > $(window).height()) && isMobile) {
$(".totop").hide() // $(".totop").hide()
} // }
/* ---------------------------- Scroll on desktop --------------------------- */ /* ---------------------------- Scroll on desktop --------------------------- */
@@ -801,11 +816,11 @@
}) })
} }
if (!isMobile && isHome) { // if (!isMobile && isHome) {
setTimeout(() => { // setTimeout(() => {
bigArticleHoverShow($(".home_wrapper-1 .home-big h2 a")) // bigArticleHoverShow($(".home_wrapper-1 .home-big h2 a"))
}, 2000); // }, 2000);
} // }
@@ -992,12 +1007,14 @@
$(this).prev('.cb-gallery').attr({ title: captiotext }) $(this).prev('.cb-gallery').attr({ title: captiotext })
}) })
const lightBoxMaxHeight = isMobile ? '65%' : '80%'
//http://www.jacklmoore.com/colorbox/ //http://www.jacklmoore.com/colorbox/
const colorboxSettings = { const colorboxSettings = {
transition: 'none', transition: 'none',
rel: 'cb-ballery', rel: 'cb-ballery',
maxWidth: '90%', maxWidth: '90%',
maxHeight: '80%', maxHeight: lightBoxMaxHeight,
trapFocus: false, trapFocus: false,
scrolling: false, scrolling: false,
fixed: true, fixed: true,
@@ -1009,6 +1026,17 @@
} }
//swipe on mobile on lightbox
$('#cboxOverlay, #colorbox').swipe({
swipeLeft: function () {
$.colorbox.next()
},
swipeRight: function () {
$.colorbox.prev()
},
})
// lightbox for galleries // lightbox for galleries
$(".wp-block-gallery a").colorbox(colorboxSettings) $(".wp-block-gallery a").colorbox(colorboxSettings)

110
languages/HTML5Blank.pot
View File

@@ -2,7 +2,7 @@
msgid "" msgid ""
msgstr "" msgstr ""
"Project-Id-Version: dis-2019 WordPress Theme\n" "Project-Id-Version: dis-2019 WordPress Theme\n"
"POT-Creation-Date: 2019-08-13 17:02+0200\n" "POT-Creation-Date: 2019-09-02 21:23+0200\n"
"PO-Revision-Date: \n" "PO-Revision-Date: \n"
"Last-Translator: Jürgen Rabe | www.egado.de <rabe@egado.de>\n" "Last-Translator: Jürgen Rabe | www.egado.de <rabe@egado.de>\n"
"Language-Team: \n" "Language-Team: \n"
@@ -21,11 +21,11 @@ msgstr ""
msgid "Page not found" msgid "Page not found"
msgstr "" msgstr ""
#: ../404.php:12 #: ../404.php:13 ../singular.php:124
msgid "Return home?" msgid "Back to home:"
msgstr "" msgstr ""
#: ../category-esemeny.php:76 ../loop.php:16 ../singular.php:144 #: ../category-esemeny.php:78 ../loop.php:24 ../singular.php:145
msgid "Sorry, nothing to display." msgid "Sorry, nothing to display."
msgstr "" msgstr ""
@@ -61,165 +61,181 @@ msgstr ""
msgid "Be, do, think, love pages. Use 6*n-2 numbers, e.g. 4, 10, 16, 22... " msgid "Be, do, think, love pages. Use 6*n-2 numbers, e.g. 4, 10, 16, 22... "
msgstr "" msgstr ""
#: ../functions.php:174 #: ../customizer.php:59
msgid "Number of posts on search results and archive pages"
msgstr ""
#: ../customizer.php:61
msgid "Search results and archive non tag pages. Use 6*n-1 numbers, e.g. 5, 11, 17, 23... "
msgstr ""
#: ../customizer.php:70
msgid "Number of related articles"
msgstr ""
#: ../customizer.php:72
msgid "Same value applies to mobile and desktop. Use any integer"
msgstr ""
#: ../functions.php:182
msgid "Main menu left" msgid "Main menu left"
msgstr "" msgstr ""
#: ../functions.php:175 #: ../functions.php:183
msgid "Main menu right" msgid "Main menu right"
msgstr "" msgstr ""
#: ../functions.php:177 #: ../functions.php:185
msgid "Circular tags" msgid "Circular tags"
msgstr "" msgstr ""
#: ../functions.php:303 #: ../functions.php:311
msgid "View Article" msgid "View Article"
msgstr "" msgstr ""
#: ../functions.php:373 #: ../functions.php:382
#, php-format #, php-format
msgid "<cite class=\"fn\">%s</cite> <span class=\"says\">says:</span>" msgid "<cite class=\"fn\">%s</cite> <span class=\"says\">says:</span>"
msgstr "" msgstr ""
#: ../functions.php:376 #: ../functions.php:385
msgid "Your comment is awaiting moderation." msgid "Your comment is awaiting moderation."
msgstr "" msgstr ""
#: ../functions.php:382 #: ../functions.php:391
#, php-format #, php-format
msgid "%1$s at %2$s" msgid "%1$s at %2$s"
msgstr "" msgstr ""
#: ../functions.php:382 #: ../functions.php:391
msgid "(Edit)" msgid "(Edit)"
msgstr "" msgstr ""
#: ../functions.php:665 #: ../functions.php:701
msgid "Search Formats" msgid "Search Formats"
msgstr "" msgstr ""
#: ../functions.php:666 #: ../functions.php:702
msgid "All Formats" msgid "All Formats"
msgstr "" msgstr ""
#: ../functions.php:667 #: ../functions.php:703
msgid "Parent Format" msgid "Parent Format"
msgstr "" msgstr ""
#: ../functions.php:668 #: ../functions.php:704
msgid "Parent Format:" msgid "Parent Format:"
msgstr "" msgstr ""
#: ../functions.php:669 #: ../functions.php:705
msgid "Edit Format" msgid "Edit Format"
msgstr "" msgstr ""
#: ../functions.php:670 #: ../functions.php:706
msgid "Update Format" msgid "Update Format"
msgstr "" msgstr ""
#: ../functions.php:671 #: ../functions.php:707
msgid "Add New Format" msgid "Add New Format"
msgstr "" msgstr ""
#: ../functions.php:672 #: ../functions.php:708
msgid "New Format Name" msgid "New Format Name"
msgstr "" msgstr ""
#: ../functions.php:673 #: ../functions.php:709
msgid "Formats" msgid "Formats"
msgstr "" msgstr ""
#: ../functions.php:675 #: ../functions.php:711
msgid "View Formats" msgid "View Formats"
msgstr "" msgstr ""
#: ../functions.php:676 #: ../functions.php:712
msgid "Popular Formats" msgid "Popular Formats"
msgstr "" msgstr ""
#: ../functions.php:677 #: ../functions.php:713
msgid "Separate formats with commas" msgid "Separate formats with commas"
msgstr "" msgstr ""
#: ../functions.php:678 #: ../functions.php:714
msgid "Add or remove formats" msgid "Add or remove formats"
msgstr "" msgstr ""
#: ../functions.php:679 #: ../functions.php:715
msgid "Choose from most used formats" msgid "Choose from most used formats"
msgstr "" msgstr ""
#: ../functions.php:680 #: ../functions.php:716
msgid "No formats found" msgid "No formats found"
msgstr "" msgstr ""
#: ../functions.php:681 #: ../functions.php:717
msgid "Back to formats" msgid "Back to formats"
msgstr "" msgstr ""
#: ../functions.php:702 #: ../functions.php:738
msgid "Search Writers" msgid "Search Writers"
msgstr "" msgstr ""
#: ../functions.php:703 #: ../functions.php:739
msgid "All Writers" msgid "All Writers"
msgstr "" msgstr ""
#: ../functions.php:704 #: ../functions.php:740
msgid "Parent Writer" msgid "Parent Writer"
msgstr "" msgstr ""
#: ../functions.php:705 #: ../functions.php:741
msgid "Parent Writer:" msgid "Parent Writer:"
msgstr "" msgstr ""
#: ../functions.php:706 #: ../functions.php:742
msgid "Edit Writer" msgid "Edit Writer"
msgstr "" msgstr ""
#: ../functions.php:707 #: ../functions.php:743
msgid "Update Writer" msgid "Update Writer"
msgstr "" msgstr ""
#: ../functions.php:708 #: ../functions.php:744
msgid "Add New Writer" msgid "Add New Writer"
msgstr "" msgstr ""
#: ../functions.php:709 #: ../functions.php:745
msgid "New Writer Name" msgid "New Writer Name"
msgstr "" msgstr ""
#: ../functions.php:710 #: ../functions.php:746
msgid "Writers" msgid "Writers"
msgstr "" msgstr ""
#: ../functions.php:712 #: ../functions.php:748
msgid "View Writers" msgid "View Writers"
msgstr "" msgstr ""
#: ../functions.php:713 #: ../functions.php:749
msgid "Popular Writers" msgid "Popular Writers"
msgstr "" msgstr ""
#: ../functions.php:714 #: ../functions.php:750
msgid "Separate writers with commas" msgid "Separate writers with commas"
msgstr "" msgstr ""
#: ../functions.php:715 #: ../functions.php:751
msgid "Add or remove writers" msgid "Add or remove writers"
msgstr "" msgstr ""
#: ../functions.php:716 #: ../functions.php:752
msgid "Choose from most used writer" msgid "Choose from most used writer"
msgstr "" msgstr ""
#: ../functions.php:717 #: ../functions.php:753
msgid "No writer found" msgid "No writer found"
msgstr "" msgstr ""
#: ../functions.php:718 #: ../functions.php:754
msgid "Back to writers" msgid "Back to writers"
msgstr "" msgstr ""
@@ -228,13 +244,9 @@ msgstr ""
msgid "%s search results for" msgid "%s search results for"
msgstr "" msgstr ""
#: ../singular.php:100 #: ../singular.php:101
msgid "More posts:" msgid "More posts:"
msgstr "" msgstr ""
#: ../singular.php:123
msgid "Back to home:"
msgstr ""
#~ msgid "%s results for " #~ msgid "%s results for "
#~ msgstr "%s Ergebnisse für " #~ msgstr "%s Ergebnisse für "

BIN
languages/hu_HU.mo
View File

Binary file not shown.

119
languages/hu_HU.po
View File

@@ -1,7 +1,7 @@
msgid "" msgid ""
msgstr "" msgstr ""
"Project-Id-Version: dis-2019 WordPress Theme\n" "Project-Id-Version: dis-2019 WordPress Theme\n"
"POT-Creation-Date: 2019-08-13 17:03+0200\n" "POT-Creation-Date: 2019-09-02 21:23+0200\n"
"PO-Revision-Date: \n" "PO-Revision-Date: \n"
"Last-Translator: Péter Gyetvai <gyetpet@mailbox.org>\n" "Last-Translator: Péter Gyetvai <gyetpet@mailbox.org>\n"
"Language-Team: \n" "Language-Team: \n"
@@ -21,11 +21,11 @@ msgstr ""
msgid "Page not found" msgid "Page not found"
msgstr "A keresett oldal nem található" msgstr "A keresett oldal nem található"
#: ../404.php:12 #: ../404.php:13 ../singular.php:124
msgid "Return home?" msgid "Back to home:"
msgstr "Vissza a főoldalra?" msgstr "Vissza a főoldalra"
#: ../category-esemeny.php:76 ../loop.php:16 ../singular.php:144 #: ../category-esemeny.php:78 ../loop.php:24 ../singular.php:145
msgid "Sorry, nothing to display." msgid "Sorry, nothing to display."
msgstr "Nincs találat" msgstr "Nincs találat"
@@ -65,165 +65,187 @@ msgstr ""
"Be, do, think, love listák. Használj 6*n-2 számokat, például 4, 10, 16, " "Be, do, think, love listák. Használj 6*n-2 számokat, például 4, 10, 16, "
"22... " "22... "
#: ../functions.php:174 #: ../customizer.php:59
msgid "Number of posts on search results and archive pages"
msgstr "Archívumban és keresési találatokban megjelenő posztok száma"
#: ../customizer.php:61
msgid ""
"Search results and archive non tag pages. Use 6*n-1 numbers, e.g. 5, 11, 17, "
"23... "
msgstr ""
"Keresési eredmények és nam címke arhív oldalak. Használj 6*n-1 számokat, "
"például 5, 11, 17, 23... "
#: ../customizer.php:70
msgid "Number of related articles"
msgstr "Hasonló cikkek száma"
#: ../customizer.php:72
msgid "Same value applies to mobile and desktop. Use any integer"
msgstr ""
"Ugyanaz az érték érvényes mobilon és asztalin. Használj bármilyen egész "
"számot"
#: ../functions.php:182
msgid "Main menu left" msgid "Main menu left"
msgstr "Főmenü bal" msgstr "Főmenü bal"
#: ../functions.php:175 #: ../functions.php:183
msgid "Main menu right" msgid "Main menu right"
msgstr "Főmenü jobb" msgstr "Főmenü jobb"
#: ../functions.php:177 #: ../functions.php:185
msgid "Circular tags" msgid "Circular tags"
msgstr "Kör címkék" msgstr "Kör címkék"
#: ../functions.php:303 #: ../functions.php:311
msgid "View Article" msgid "View Article"
msgstr "Tartalom Megtekintése" msgstr "Tartalom Megtekintése"
#: ../functions.php:373 #: ../functions.php:382
#, php-format #, php-format
msgid "<cite class=\"fn\">%s</cite> <span class=\"says\">says:</span>" msgid "<cite class=\"fn\">%s</cite> <span class=\"says\">says:</span>"
msgstr "<cite class=\"fn\">%s</cite> <span class=\"says\">:</span>" msgstr "<cite class=\"fn\">%s</cite> <span class=\"says\">:</span>"
#: ../functions.php:376 #: ../functions.php:385
msgid "Your comment is awaiting moderation." msgid "Your comment is awaiting moderation."
msgstr "A hozzászólás moderálásra vár." msgstr "A hozzászólás moderálásra vár."
#: ../functions.php:382 #: ../functions.php:391
#, php-format #, php-format
msgid "%1$s at %2$s" msgid "%1$s at %2$s"
msgstr "%1$s - %2$s" msgstr "%1$s - %2$s"
#: ../functions.php:382 #: ../functions.php:391
msgid "(Edit)" msgid "(Edit)"
msgstr "(Szerkesztés)" msgstr "(Szerkesztés)"
#: ../functions.php:665 #: ../functions.php:701
msgid "Search Formats" msgid "Search Formats"
msgstr "Formátumok keresése" msgstr "Formátumok keresése"
#: ../functions.php:666 #: ../functions.php:702
msgid "All Formats" msgid "All Formats"
msgstr "Minden formátum" msgstr "Minden formátum"
#: ../functions.php:667 #: ../functions.php:703
msgid "Parent Format" msgid "Parent Format"
msgstr "Szülő formátum" msgstr "Szülő formátum"
#: ../functions.php:668 #: ../functions.php:704
msgid "Parent Format:" msgid "Parent Format:"
msgstr "Szülő formátum:" msgstr "Szülő formátum:"
#: ../functions.php:669 #: ../functions.php:705
msgid "Edit Format" msgid "Edit Format"
msgstr "Formátum szerkesztése" msgstr "Formátum szerkesztése"
#: ../functions.php:670 #: ../functions.php:706
msgid "Update Format" msgid "Update Format"
msgstr "Formátum frissítése" msgstr "Formátum frissítése"
#: ../functions.php:671 #: ../functions.php:707
msgid "Add New Format" msgid "Add New Format"
msgstr "Új formátum hozzáadása" msgstr "Új formátum hozzáadása"
#: ../functions.php:672 #: ../functions.php:708
msgid "New Format Name" msgid "New Format Name"
msgstr "Új formátum neve" msgstr "Új formátum neve"
#: ../functions.php:673 #: ../functions.php:709
msgid "Formats" msgid "Formats"
msgstr "Formátumok" msgstr "Formátumok"
#: ../functions.php:675 #: ../functions.php:711
msgid "View Formats" msgid "View Formats"
msgstr "Formátumok megjelenítése" msgstr "Formátumok megjelenítése"
#: ../functions.php:676 #: ../functions.php:712
msgid "Popular Formats" msgid "Popular Formats"
msgstr "Népszerű formátumok" msgstr "Népszerű formátumok"
#: ../functions.php:677 #: ../functions.php:713
msgid "Separate formats with commas" msgid "Separate formats with commas"
msgstr "Formátumokat vesszővel válaszd el" msgstr "Formátumokat vesszővel válaszd el"
#: ../functions.php:678 #: ../functions.php:714
msgid "Add or remove formats" msgid "Add or remove formats"
msgstr "Formátumok hozzáadása vagy eltávolítása" msgstr "Formátumok hozzáadása vagy eltávolítása"
#: ../functions.php:679 #: ../functions.php:715
msgid "Choose from most used formats" msgid "Choose from most used formats"
msgstr "Választás a leggyakoribb formátumok közül" msgstr "Választás a leggyakoribb formátumok közül"
#: ../functions.php:680 #: ../functions.php:716
msgid "No formats found" msgid "No formats found"
msgstr "Formátum nem található" msgstr "Formátum nem található"
#: ../functions.php:681 #: ../functions.php:717
msgid "Back to formats" msgid "Back to formats"
msgstr "Vissza a formátumokhoz" msgstr "Vissza a formátumokhoz"
#: ../functions.php:702 #: ../functions.php:738
msgid "Search Writers" msgid "Search Writers"
msgstr "Cikkírók keresése" msgstr "Cikkírók keresése"
#: ../functions.php:703 #: ../functions.php:739
msgid "All Writers" msgid "All Writers"
msgstr "Minden cikkíró" msgstr "Minden cikkíró"
#: ../functions.php:704 #: ../functions.php:740
msgid "Parent Writer" msgid "Parent Writer"
msgstr "Szülő cikkíró" msgstr "Szülő cikkíró"
#: ../functions.php:705 #: ../functions.php:741
msgid "Parent Writer:" msgid "Parent Writer:"
msgstr "Szülő cikkíró:" msgstr "Szülő cikkíró:"
#: ../functions.php:706 #: ../functions.php:742
msgid "Edit Writer" msgid "Edit Writer"
msgstr "Cikkíró szerkesztése" msgstr "Cikkíró szerkesztése"
#: ../functions.php:707 #: ../functions.php:743
msgid "Update Writer" msgid "Update Writer"
msgstr "Cikkíró frissítése" msgstr "Cikkíró frissítése"
#: ../functions.php:708 #: ../functions.php:744
msgid "Add New Writer" msgid "Add New Writer"
msgstr "Új cikkíró hozzáadása" msgstr "Új cikkíró hozzáadása"
#: ../functions.php:709 #: ../functions.php:745
msgid "New Writer Name" msgid "New Writer Name"
msgstr "Új cikkíró neve" msgstr "Új cikkíró neve"
#: ../functions.php:710 #: ../functions.php:746
msgid "Writers" msgid "Writers"
msgstr "Cikkírók" msgstr "Cikkírók"
#: ../functions.php:712 #: ../functions.php:748
msgid "View Writers" msgid "View Writers"
msgstr "Cikkírók Megtekintése" msgstr "Cikkírók Megtekintése"
#: ../functions.php:713 #: ../functions.php:749
msgid "Popular Writers" msgid "Popular Writers"
msgstr "Népszerű cikkírók" msgstr "Népszerű cikkírók"
#: ../functions.php:714 #: ../functions.php:750
msgid "Separate writers with commas" msgid "Separate writers with commas"
msgstr "Cikkírókat vesszővel válaszd el" msgstr "Cikkírókat vesszővel válaszd el"
#: ../functions.php:715 #: ../functions.php:751
msgid "Add or remove writers" msgid "Add or remove writers"
msgstr "Cikkírók hozzáadása vagy eltávolítása" msgstr "Cikkírók hozzáadása vagy eltávolítása"
#: ../functions.php:716 #: ../functions.php:752
msgid "Choose from most used writer" msgid "Choose from most used writer"
msgstr "Választás a leggyakoribb cikkírók közül" msgstr "Választás a leggyakoribb cikkírók közül"
#: ../functions.php:717 #: ../functions.php:753
msgid "No writer found" msgid "No writer found"
msgstr "Cikkíró nem található" msgstr "Cikkíró nem található"
#: ../functions.php:718 #: ../functions.php:754
msgid "Back to writers" msgid "Back to writers"
msgstr "Vissza a cikkírókhoz" msgstr "Vissza a cikkírókhoz"
@@ -232,13 +254,12 @@ msgstr "Vissza a cikkírókhoz"
msgid "%s search results for" msgid "%s search results for"
msgstr "%s találat" msgstr "%s találat"
#: ../singular.php:100 #: ../singular.php:101
msgid "More posts:" msgid "More posts:"
msgstr "További cikkeink:" msgstr "További cikkeink:"
#: ../singular.php:123 #~ msgid "Return home?"
msgid "Back to home:" #~ msgstr "Vissza a főoldalra?"
msgstr "Vissza a főoldalra"
#~ msgid "Not enough arguments following: %s" #~ msgid "Not enough arguments following: %s"
#~ msgstr "Hiányzó paraméterek a következő után: %s" #~ msgstr "Hiányzó paraméterek a következő után: %s"

7
loop-inner.php
View File

@@ -58,12 +58,15 @@
<div class="postedon"> <div class="postedon">
'<?php the_time('y.m.d.');?> '<?php the_time('y.m.d.');?>
</div> </div>
<?php if (is_home() and $qc < 3): ; //first two posts subtitle and excerpt ?> <?php
$dis_bevezeto_value = get_post_meta(get_the_ID(), 'dis-bevezeto', true);
if ((is_home() and strlen($dis_bevezeto_value) > 0) or (is_home() and $qc < 3)): ; // excerpt only if first two or has value
?>
<div class="bevezetoWrapper"> <div class="bevezetoWrapper">
<div class="bevezeto"> <div class="bevezeto">
<div class="bevezetoInner"> <div class="bevezetoInner">
<?php <?php
$dis_bevezeto_value = get_post_meta(get_the_ID(), 'dis-bevezeto', true);
// Check if the custom field has a value. // Check if the custom field has a value.
if (!empty($dis_bevezeto_value)) { if (!empty($dis_bevezeto_value)) {
echo $dis_bevezeto_value; echo $dis_bevezeto_value;

11
loop.php
View File

@@ -18,7 +18,16 @@
<!-- article --> <!-- article -->
<article class="no-result"> <article class="no-result">
<h2><?php _e('Sorry, nothing to display.', 'dis2019');?></h2> <?php
if(!is_search()){
?>
<h2><?php _e('Sorry, nothing to display.', 'dis2019');?></h2>
<?php
}
?>
</article> </article>
<!-- /article --> <!-- /article -->

43
sass/_font-mixins.scss
View File

@@ -127,8 +127,12 @@
} }
@mixin home-metadata-bevezeto { @mixin home-metadata-bevezeto {
font: bold 1rem "Butler"; font: 300 1rem "Westeinde Caption";
line-height: 1rem; color: #000;
@media #{$tablet} {
font: bold 1rem "Butler";
line-height: 1rem;
}
@media #{$smalldesktop} { @media #{$smalldesktop} {
font-size: 2rem; font-size: 2rem;
line-height: 2rem; line-height: 2rem;
@@ -174,7 +178,6 @@
} }
@media #{$smalldesktop} { @media #{$smalldesktop} {
font-size: 2rem; font-size: 2rem;
} }
} }
@@ -194,8 +197,8 @@
@mixin single-h4 { @mixin single-h4 {
font-weight: 500; font-weight: 500;
font-size: 2.4rem; // font-size: 2.4rem;
line-height: 1.6; // line-height: 1.6;
} }
@mixin captiontext { @mixin captiontext {
@@ -215,9 +218,14 @@
line-height: 1.3; line-height: 1.3;
} }
/* ---------------------------------- event --------------------------------- */
@mixin event-title { @mixin event-title {
font: 800 1.8rem "Butler"; font: 800 1.6rem "Butler";
color: #000; color: #000;
@media #{$bigmobile} {
font-size: 1.8rem;
}
@media #{$tablet} { @media #{$tablet} {
font-size: 2.2rem; font-size: 2.2rem;
} }
@@ -238,13 +246,28 @@
} }
@mixin event-link { @mixin event-link {
@include event-title(); font: 500 1.3rem "Westeinde Caption";
font: 500 1.8rem "Westeinde Caption"; -webkit-text-stroke: #00f 1px;
color: #00f; color: transparent;
@media #{$bigmobile} {
font-size: 1.4rem;
}
@media #{$tablet} {
font-size: 1.9rem;
}
@media #{$smalldesktop} {
font-size: 2.8rem;
}
@media #{$bigdesktop} {
font-size: 2.8rem;
}
@media #{$verybigdesktop} {
font-size: 4rem;
}
} }
@mixin event-arrow { @mixin event-arrow {
font: normal 2.8rem "Westeinde Caption"; font: normal 2.8rem "Westeinde Caption";
color: #000; color: #000;
@media #{$tablet} { @media #{$tablet} {
font-size: 3rem; font-size: 3rem;

200
sass/base.scss
View File

@@ -80,6 +80,13 @@ object {
pointer-events: none; pointer-events: none;
} }
/* ---------------------------- default selection --------------------------- */
html *::selection {
color: #000;
background-color: #fdff00;
}
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
/* MEDIA QUERIES */ /* MEDIA QUERIES */
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
@@ -311,7 +318,7 @@ $v-unit-6: 24rem;
flex-direction: column; flex-direction: column;
align-content: center; align-content: center;
padding: 2rem; padding: 2rem;
@media #{$tablet} { @media #{$tablet} {
flex-direction: row; flex-direction: row;
max-width: 1024px; max-width: 1024px;
@@ -321,8 +328,7 @@ $v-unit-6: 24rem;
max-width: 1920px; max-width: 1920px;
} }
span {
span{
text-align: left; text-align: left;
@media #{$tablet} { @media #{$tablet} {
flex: 1 1 auto; flex: 1 1 auto;
@@ -347,7 +353,6 @@ $v-unit-6: 24rem;
color: #ff0; color: #ff0;
flex: 0 0 auto; flex: 0 0 auto;
} }
} }
#cn-more-info { #cn-more-info {
@include home-title-small; @include home-title-small;
@@ -383,6 +388,7 @@ $v-unit-6: 24rem;
.header { .header {
position: fixed; position: fixed;
top: 0; top: 0;
width: 100vw; width: 100vw;
display: flex; display: flex;
@@ -423,6 +429,10 @@ $v-unit-6: 24rem;
.menubutton, .menubutton,
.events-link { .events-link {
filter: invert(100); filter: invert(100);
&::selection,
&::selection * {
filter: invert(0);
}
} }
} }
@media #{$smalldesktop} { @media #{$smalldesktop} {
@@ -430,6 +440,7 @@ $v-unit-6: 24rem;
} }
div { div {
z-index: 3500; z-index: 3500;
-webkit-transform: translate3d(0, 0, 0);
} }
a { a {
display: inline-block; display: inline-block;
@@ -456,25 +467,25 @@ $v-unit-6: 24rem;
} }
} }
.totop { // .totop {
position: fixed; // position: fixed;
bottom: 1rem; // bottom: 1rem;
right: 1rem; // right: 1rem;
z-index: 2; // z-index: 2;
@media #{$tablet} { // @media #{$tablet} {
display: none; // display: none;
} // }
a { // a {
display: inline-block; // display: inline-block;
object { // object {
height: 2rem; // height: 2rem;
// color: #000; // // color: #000;
// fill: currentColor; // // fill: currentColor;
filter: invert(100%); //black // filter: invert(100%); //black
@include transform(rotate(180deg)); // @include transform(rotate(180deg));
} // }
} // }
} // }
//icons in menu: //icons in menu:
object { object {
@@ -517,7 +528,7 @@ $v-unit-6: 24rem;
$easing: linear; $easing: linear;
order: 99; order: 99;
z-index: 3001; z-index: 3002;
button { button {
transform-origin: center; transform-origin: center;
@@ -646,12 +657,13 @@ $v-unit-6: 24rem;
align-items: center; align-items: center;
} }
.menuseparator { .menuseparator {
display: none; display: block;
width: 100%;
height: 1px;
background-color: #fff;
@media #{$tablet} { @media #{$tablet} {
display: block;
width: 1px; width: 1px;
height: 70%; height: 70%;
background-color: #fff;
flex: 0 0 auto; flex: 0 0 auto;
margin: $v-unit-1; margin: $v-unit-1;
} }
@@ -913,6 +925,7 @@ $v-unit-6: 24rem;
article { article {
// height: 100vh; // height: 100vh;
min-height: 87.5vw;
& > a { & > a {
margin: 0; margin: 0;
@@ -933,10 +946,8 @@ $v-unit-6: 24rem;
h2 { h2 {
width: 100%; width: 100%;
padding: 1.5rem 2rem 1rem;
height: 37.5vw; // padding-top: 1.5rem;
padding: 2rem;
padding-top: 1.5rem;
margin: 0; margin: 0;
line-height: 0.8; line-height: 0.8;
// display: flex; // display: flex;
@@ -949,7 +960,8 @@ $v-unit-6: 24rem;
} }
.metadata { .metadata {
bottom: 37.5vw; // bottom: 37.5vw;
top: calc(50vw - #{$h-unit-1});
height: $h-unit-1; height: $h-unit-1;
display: flex; display: flex;
@include fit-content(width); @include fit-content(width);
@@ -975,17 +987,31 @@ $v-unit-6: 24rem;
} }
} }
/* ----------------------- home article mobile cutout ----------------------- */ & > .bevezetoWrapper {
padding: 0 2rem 1.5rem;
&.cut-even { @include home-metadata-bevezeto();
.metadata { &::before {
background-color: transparent; display: block;
&::after { content: "";
display: none; height: 1px;
} width: 20%;
margin: 0 auto;
background-color: #000;
margin-bottom: 1rem;
} }
} }
/* ----------------------- home article mobile cutout ----------------------- */
// &.cut-even {
// .metadata {
// // background-color: transparent;
// &::after {
// display: none;
// }
// }
// }
/* ----------------------- home article mobile first 2 ----------------------- */ /* ----------------------- home article mobile first 2 ----------------------- */
&.post_nr_1, &.post_nr_1,
&.post_nr_2 { &.post_nr_2 {
@@ -1024,6 +1050,7 @@ $v-unit-6: 24rem;
position: relative; position: relative;
width: calc(100vw - (#{$h-unit-1-5} * 3)); width: calc(100vw - (#{$h-unit-1-5} * 3));
height: calc(100vh - #{$v-unit-1}); height: calc(100vh - #{$v-unit-1});
min-height: unset;
margin: 0; margin: 0;
padding: 0; padding: 0;
margin-left: $h-unit-1-5; margin-left: $h-unit-1-5;
@@ -1073,11 +1100,17 @@ $v-unit-6: 24rem;
/* -------------------------- home article metadata big------------------------- */ /* -------------------------- home article metadata big------------------------- */
.metadata { .metadata {
bottom: 0; bottom: 0;
top: unset;
background: transparent; background: transparent;
width: 100%; width: 100%;
height: #{$h-unit-1-5}; height: #{$h-unit-1-5};
@media #{$mobile-landscape} {
height: calc(#{$h-unit-2} / 2);
}
@media #{$smalldesktop} { @media #{$smalldesktop} {
height: #{$h-unit-2}; // height: #{$h-unit-2};
height: ($h-unit-1 + $h-unit-2) / 2 + $v-unit-1;
} }
display: flex; display: flex;
@@ -1089,10 +1122,6 @@ $v-unit-6: 24rem;
@include home-metadata-big(); @include home-metadata-big();
@media #{$mobile-landscape} {
height: calc(#{$h-unit-2} / 2);
}
& > div { & > div {
flex: 1 1 auto; flex: 1 1 auto;
} }
@@ -1291,6 +1320,7 @@ $v-unit-6: 24rem;
flex: 0 0 calc(100% / 3); flex: 0 0 calc(100% / 3);
height: 50%; height: 50%;
position: relative; position: relative;
min-height: unset;
.thumbnailwrapper { .thumbnailwrapper {
width: 100%; width: 100%;
height: 100%; height: 100%;
@@ -1312,6 +1342,7 @@ $v-unit-6: 24rem;
position: absolute; position: absolute;
bottom: 0; bottom: 0;
right: 0; right: 0;
top: unset;
background: transparent; background: transparent;
@@ -1618,7 +1649,10 @@ body.category.category-esemeny {
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
align-content: stretch; align-content: stretch;
padding: 2rem; padding: 1.5rem;
@media #{$bigmobile} {
padding: 2rem;
}
height: 35vw; height: 35vw;
max-height: 180px; max-height: 180px;
@@ -1662,6 +1696,10 @@ body.category.category-esemeny {
flex: 1 1 auto; flex: 1 1 auto;
@include event-link; @include event-link;
text-align: right; text-align: right;
&:hover {
-webkit-text-stroke: transparent;
color: #00f;
}
} }
} }
@@ -1900,6 +1938,15 @@ $padd: 2rem;
.metaWrapper { .metaWrapper {
@include singleDesktopLayout(); @include singleDesktopLayout();
justify-content: flex-start;
.time-cat::after{
content: " ";
display: inline-block;
}
.format::before{
content: "|";
display: inline-block;
}
} }
// .time-cat { // .time-cat {
@@ -1960,6 +2007,10 @@ $padd: 2rem;
@include singleDesktopLayout(); @include singleDesktopLayout();
} }
p {
line-height: 1.3;
}
h2 { h2 {
@include single-h2(); @include single-h2();
} }
@@ -2066,11 +2117,14 @@ $padd: 2rem;
.wp-block-gallery .blocks-gallery-item figcaption { .wp-block-gallery .blocks-gallery-item figcaption {
background: #fff; background: #fff;
position: absolute; position: absolute;
display: none;
width: calc(100% - #{$h-unit-1}); width: calc(100% - #{$h-unit-1});
height: $h-unit-1; height: $h-unit-1;
padding: 1rem $padd; padding: 1rem $padd;
@media #{$tablet} { @media #{$tablet} {
display: flex;
width: calc(100% - #{$h-unit-0-5}); width: calc(100% - #{$h-unit-0-5});
height: $h-unit-0-5; height: $h-unit-0-5;
padding: 0.5rem ($padd / 2); padding: 0.5rem ($padd / 2);
@@ -2087,7 +2141,7 @@ $padd: 2rem;
line-height: 1; line-height: 1;
text-align: left; text-align: left;
overflow: unset; overflow: unset;
display: flex;
flex-direction: column; flex-direction: column;
justify-content: center; justify-content: center;
z-index: 1; z-index: 1;
@@ -2177,8 +2231,16 @@ $padd: 2rem;
padding: 1rem; padding: 1rem;
@include captiontext(); @include captiontext();
color: #fff; color: #fff;
width: 100%;
text-align: center; text-align: center;
width: 100%;
span {
max-width: calc(100% - 8rem);
display: inline-block;
@media #{$tablet} {
max-width: 100%;
}
}
} }
#cboxCurrent { #cboxCurrent {
display: none !important; display: none !important;
@@ -2511,6 +2573,10 @@ body.page {
} }
} }
& > .bevezetoWrapper::before {
background-color: $color !important;
}
hr { hr {
background-color: $color !important; background-color: $color !important;
} }
@@ -2566,19 +2632,19 @@ body.page {
//tagclip: filters on small articale images //tagclip: filters on small articale images
@mixin tagclip($tag) { @mixin tagclip($tag) {
-webkit-mask: url(../img/clip/#{$tag}_mobil.svg); // -webkit-mask: url(../img/clip/#{$tag}_mobil.svg);
-webkit-mask-repeat: no-repeat; // -webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100%; // -webkit-mask-size: 100%;
mask: url(../img/clip/#{$tag}_mobil.svg); // mask: url(../img/clip/#{$tag}_mobil.svg);
mask-repeat: no-repeat; // mask-repeat: no-repeat;
mask-size: 100%; // mask-size: 100%;
@media #{$tablet} { @media #{$tablet} {
-webkit-mask: url(../img/clip/#{$tag}_desktop.svg); -webkit-mask: url(../img/clip/#{$tag}_desktop.svg);
-webkit-mask-repeat: no-repeat; -webkit-mask-repeat: no-repeat;
-webkit-mask-size: 100%; -webkit-mask-size: 100%;
mask: url(../img/clip/#{$tag}_desktop.svg); mask: url(../img/clip/#{$tag}_desktop.svg);
mask-repeat: no-repeat; mask-repeat: no-repeat;
mask-size: 100%; mask-size: 100%;
} }
} }
@@ -2643,8 +2709,8 @@ $color-love-dark: #7f2f2f;
color: #000; color: #000;
background-color: $color-do; background-color: $color-do;
} }
&.random, // &.cut-even,
&.cut-even { &.random {
.thumbnailwrapper > img { .thumbnailwrapper > img {
@include tagclip(be); @include tagclip(be);
} }
@@ -2657,8 +2723,8 @@ $color-love-dark: #7f2f2f;
color: #000; color: #000;
background-color: $color-be; background-color: $color-be;
} }
&.random, // &.cut-even,
&.cut-even { &.random {
.thumbnailwrapper > img { .thumbnailwrapper > img {
@include tagclip(do); @include tagclip(do);
} }
@@ -2671,8 +2737,8 @@ $color-love-dark: #7f2f2f;
color: #000; color: #000;
background-color: $color-love; background-color: $color-love;
} }
&.random, // &.cut-even,
&.cut-even { &.random {
.thumbnailwrapper > img { .thumbnailwrapper > img {
@include tagclip(think); @include tagclip(think);
} }
@@ -2685,8 +2751,8 @@ $color-love-dark: #7f2f2f;
color: #000; color: #000;
background-color: $color-think; background-color: $color-think;
} }
&.random, // &.cut-even,
&.cut-even { &.random {
.thumbnailwrapper > img { .thumbnailwrapper > img {
@include tagclip(love); @include tagclip(love);
} }

3
singular.php
View File

@@ -90,7 +90,8 @@
'category__in' => $category_ids, 'category__in' => $category_ids,
'post__not_in' => array($post->ID), 'post__not_in' => array($post->ID),
'posts_per_page'=> 3, // Number of related posts that will be shown. 'posts_per_page'=> 3, // Number of related posts that will be shown.
'caller_get_posts'=>1 'caller_get_posts'=>1,
'related_loop'=>true
); );
$my_query = new wp_query( $args ); $my_query = new wp_query( $args );