diff --git a/_jegyzet.md b/_jegyzet.md index d702fae..09a7a83 100644 --- a/_jegyzet.md +++ b/_jegyzet.md @@ -20,16 +20,17 @@ nagy képek, metadata ipad: nem férnek be a rublikába ha hosszúak, mi legy, e 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! -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... - -Mobil kezdőlap maszkok: minden második, vagy random? - -Mobil kezdőlap maszkok és categória+dátum kapcsolata(terveken többféleképpen van, mi legyen) - -Mobilon kategóriaoldalakra raktam egy fekete felső sávot, mert címmel indul és nem látni a dis-t és a plusz jelet \ No newline at end of file +$smalldesktop: 1024px + + +$mobile-landscape: 769px + min-device-pixel-ratio: 2.1 min-aspect-ratio: 1/1 + +$bigdesktop: 1279px + + +$verybigdesktop: 1919px + + \ No newline at end of file diff --git a/_teendők.md b/_teendők.md index b37f63b..2c0f9c9 100644 --- a/_teendők.md +++ b/_teendők.md @@ -4,22 +4,27 @@ og: tag: pluginnal! Facebook like gomb -# Esemény oldal - ✔ - -# Kezdőlap - ✔ - -# Kategória oldalak - ✔ - -# Menü - ✔ - -# Oldal - ✔ - -# Keresési eredmények - ✔ - # egyéb +Betöltéskor rejteni a dolgokat méretezés előtt, vagy betöltést optimalizálni + `@media print{}` +# Megjegyzések -- Esemény oldalon a “Tovább az eseményre gomb” legyen kiütött? Igen -- Hover a linkekre azt eseménynél? Nyílra? Csak a "Tovább az eseményre" gombnál legyen hover \ No newline at end of file +## DESKTOP +~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 \ No newline at end of file diff --git a/archive.php b/archive.php index 94bbfad..6778ac1 100644 --- a/archive.php +++ b/archive.php @@ -10,6 +10,10 @@ } elseif (is_tag()) { $ttl = single_tag_title("", false); $cl = "tag"; + } elseif (is_tax()) { + // $ttl = wp_title('»', false); + $ttl = preg_replace('/^.*»(.*)$/','\1',wp_title('»', false) ); + $cl = "tax"; } else { $ttl = the_archive_title(); $cl = ""; diff --git a/category-esemeny.php b/category-esemeny.php index 05d8c4e..89fb949 100644 --- a/category-esemeny.php +++ b/category-esemeny.php @@ -6,22 +6,24 @@ + +
> - +
- +
diff --git a/css/base.css b/css/base.css index 6a3dce7..2d6253e 100644 --- a/css/base.css +++ b/css/base.css @@ -1,6 +1,7 @@ /* ========================================================================== */ /* FONT-MIXINS */ /* ========================================================================== */ +/* ---------------------------------- event --------------------------------- */ /*------------------------------------*\ MAIN \*------------------------------------*/ @@ -68,6 +69,11 @@ button { object { pointer-events: none; } +/* ---------------------------- default selection --------------------------- */ +html *::selection { + color: #000; + background-color: #fdff00; } + /* -------------------------------------------------------------------------- */ /* MEDIA QUERIES */ /* -------------------------------------------------------------------------- */ @@ -256,14 +262,32 @@ object { .wrapper .header .header-2 .social-link, .wrapper .header .header-2 .menubutton, .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) { .wrapper .header .header-1, .wrapper .header .header-2 { width: 10rem; } } .wrapper .header .header-1 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-2 a { display: inline-block; } @@ -283,24 +307,6 @@ object { order: 99; border-left: #000 1px solid; 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 { height: 3rem; } @media (min-width: 769px) { @@ -323,7 +329,7 @@ object { height: 5rem; } } .wrapper .header .menubutton { order: 99; - z-index: 3001; } + z-index: 3002; } .wrapper .header .menubutton button { transform-origin: center; -webkit-transition: 0.5s linear; @@ -425,13 +431,14 @@ object { flex-direction: row; align-items: center; } } .wrapper .header #sidebar .sidebar-wrapper .menuseparator { - display: none; } + display: block; + width: 100%; + height: 1px; + background-color: #fff; } @media (min-width: 769px) { .wrapper .header #sidebar .sidebar-wrapper .menuseparator { - display: block; width: 1px; height: 70%; - background-color: #fff; flex: 0 0 auto; margin: 4rem; } } .wrapper .header #sidebar .sidebar-wrapper ul { @@ -1146,6 +1153,7 @@ object { .search-results main section article, .search-no-results main section article, .error404 main section article { + min-height: 87.5vw; /* ----------------------- home article mobile cutout ----------------------- */ /* ----------------------- home article mobile first 2 ----------------------- */ } .archive main section article > a, @@ -1171,9 +1179,7 @@ object { .search-no-results main section article h2, .error404 main section article h2 { width: 100%; - height: 37.5vw; - padding: 2rem; - padding-top: 1.5rem; + padding: 1.5rem 2rem 1rem; margin: 0; line-height: 0.8; } .archive main section article h2 a, @@ -1231,7 +1237,7 @@ object { .search-results main section article .metadata, .search-no-results main section article .metadata, .error404 main section article .metadata { - bottom: 37.5vw; + top: calc(50vw - 5rem); height: 5rem; display: flex; width: -moz-max-content; @@ -1270,18 +1276,42 @@ object { .error404 main section article .metadata .alcimWrapper, .error404 main section article .metadata .curvyArrow { display: none; } - .archive main section article.cut-even .metadata, - .home main section article.cut-even .metadata, - .search-results main section article.cut-even .metadata, - .search-no-results main section article.cut-even .metadata, - .error404 main section article.cut-even .metadata { - background-color: transparent; } - .archive main section article.cut-even .metadata::after, - .home main section article.cut-even .metadata::after, - .search-results main section article.cut-even .metadata::after, - .search-no-results main section article.cut-even .metadata::after, - .error404 main section article.cut-even .metadata::after { - display: none; } + .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 { + padding: 0 2rem 1.5rem; + font: 300 1rem "Westeinde Caption"; + color: #000; } + @media (min-width: 769px) { + .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: 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, .home main section article.post_nr_1, .home main section article.post_nr_2, @@ -1417,6 +1447,7 @@ object { position: relative; width: calc(100vw - (7.5rem * 3)); height: calc(100vh - 4rem); + min-height: unset; margin: 0; padding: 0; margin-left: 7.5rem; @@ -1484,6 +1515,7 @@ object { .search-no-results main section .home_wrapper-big article .metadata, .error404 main section .home_wrapper-big article .metadata { bottom: 0; + top: unset; background: transparent; width: 100%; height: 7.5rem; @@ -1493,13 +1525,20 @@ object { justify-content: flex-start; align-items: center; 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) { .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: 10rem; } } + height: 11.5rem; } } @media (min-width: 769px) and (min-width: 769px) { .archive 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, .error404 main section .home_wrapper-big article .metadata { 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) { .archive 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 { margin: 0; overflow: hidden; - font: bold 1rem "Butler"; - line-height: 1rem; } } + font: 300 1rem "Westeinde Caption"; + 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) { .archive 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-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; + font: 300 1rem "Westeinde Caption"; + color: #000; 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) { .archive 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 { flex: 0 0 calc(100% / 3); height: 50%; - position: relative; } + position: relative; + min-height: unset; } .archive main section .home_wrapper-small article .thumbnailwrapper, .archive main section .home_wrapper-small .archivetitle .thumbnailwrapper, .archive main section .home_wrapper-small .archivedescription .thumbnailwrapper, @@ -2084,6 +2133,7 @@ object { position: absolute; bottom: 0; right: 0; + top: unset; background: transparent; display: flex; flex-direction: row; @@ -4278,9 +4328,12 @@ body.category.category-esemeny { flex-direction: column; justify-content: space-between; align-content: stretch; - padding: 2rem; + padding: 1.5rem; height: 35vw; 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 .bottom-row { display: flex; @@ -4291,9 +4344,12 @@ body.category.category-esemeny { body.category.category-esemeny main article .event-metadata .top-row { align-items: center; } 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: #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) { body.category.category-esemeny main article .event-metadata .top-row .ev-date { font-size: 2.2rem; } } @@ -4312,7 +4368,7 @@ body.category.category-esemeny { -ms-transform: rotate(225deg); -webkit-transform: rotate(225deg); transform: rotate(225deg); - font: normal 2.8rem "Westeinde Caption"; + font: normal 2.8rem "Westeinde Caption"; color: #000; } @media (min-width: 769px) { body.category.category-esemeny main article .event-metadata .top-row a { @@ -4332,8 +4388,11 @@ body.category.category-esemeny { flex: 1 0.9 auto; height: unset; padding: 0; - font: 800 1.8rem "Butler"; + font: 800 1.6rem "Butler"; 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) { body.category.category-esemeny main article .event-metadata .bottom-row h2 { font-size: 2.2rem; } } @@ -4354,23 +4413,28 @@ body.category.category-esemeny { box-shadow: 0 0 1px transparent; } body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { flex: 1 1 auto; - font: 800 1.8rem "Butler"; - color: #000; - font: 500 1.8rem "Westeinde Caption"; - color: #00f; + font: 500 1.3rem "Westeinde Caption"; + -webkit-text-stroke: #00f 1px; + color: transparent; 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) { 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) { body.category.category-esemeny main article .event-metadata .bottom-row a.text-link { - font-size: 3rem; } } + font-size: 2.8rem; } } @media (min-width: 1279px) { 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) { 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 { flex: 0 0 auto; height: 1px; @@ -4596,7 +4660,16 @@ body.category.category-esemeny { .page article .titlewrapper .metadata .metaWrapper { padding-right: 20rem; 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, .page article .titlewrapper h1.single-title { background-color: transparent; @@ -4648,6 +4721,9 @@ body.category.category-esemeny { padding-right: 20rem; padding-left: 0; max-width: calc(1024px + 20rem); } } + .single article .single-content p, + .page article .single-content p { + line-height: 1.3; } .single article .single-content h2, .page article .single-content h2 { font: 800 3rem "Butler"; } @@ -4663,9 +4739,7 @@ body.category.category-esemeny { box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; } .single article .single-content h4, .page article .single-content h4 { - font-weight: 500; - font-size: 2.4rem; - line-height: 1.6; } + font-weight: 500; } .single article .single-content a:hover, .page article .single-content a:hover { text-decoration: underline; } @@ -4791,6 +4865,7 @@ body.category.category-esemeny { .page article .single-content .wp-block-gallery .blocks-gallery-item figcaption { background: #fff; position: absolute; + display: none; width: calc(100% - 5rem); height: 5rem; padding: 1rem 2rem; @@ -4801,7 +4876,6 @@ body.category.category-esemeny { line-height: 1; text-align: left; overflow: unset; - display: flex; flex-direction: column; justify-content: center; 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-gallery .blocks-gallery-image figcaption, .page article .single-content .wp-block-gallery .blocks-gallery-item figcaption { + display: flex; width: calc(100% - 2.5rem); height: 2.5rem; padding: 0.5rem 1rem; } } @@ -4975,8 +5050,16 @@ body.category.category-esemeny { font: 900 1rem "Westeinde Caption"; color: #000; 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, .page #colorbox #cboxContent #cboxCurrent { display: none !important; } @@ -5405,6 +5488,9 @@ body.category.category-esemeny { .tag-be .metadata a { color: #fdff00 !important; } +.tag-be > .bevezetoWrapper::before { + background-color: #fdff00 !important; } + .tag-be hr { background-color: #fdff00 !important; } @@ -5441,21 +5527,14 @@ body.category.category-esemeny { color: #000; background-color: #3c00ff; } -.tag-be.random .thumbnailwrapper > img, .tag-be.cut-even .thumbnailwrapper > img { - -webkit-mask: url(../img/clip/be_mobil.svg); - -webkit-mask-repeat: no-repeat; - -webkit-mask-size: 100%; - mask: url(../img/clip/be_mobil.svg); - mask-repeat: no-repeat; - mask-size: 100%; } - @media (min-width: 769px) { - .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 (min-width: 769px) { + .tag-be.random .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) { .tag-do .metadata { @@ -5466,6 +5545,9 @@ body.category.category-esemeny { .tag-do .metadata a { color: #3c00ff !important; } +.tag-do > .bevezetoWrapper::before { + background-color: #3c00ff !important; } + .tag-do hr { background-color: #3c00ff !important; } @@ -5502,21 +5584,14 @@ body.category.category-esemeny { color: #000; background-color: #fdff00; } -.tag-do.random .thumbnailwrapper > img, .tag-do.cut-even .thumbnailwrapper > img { - -webkit-mask: url(../img/clip/do_mobil.svg); - -webkit-mask-repeat: no-repeat; - -webkit-mask-size: 100%; - mask: url(../img/clip/do_mobil.svg); - mask-repeat: no-repeat; - mask-size: 100%; } - @media (min-width: 769px) { - .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 (min-width: 769px) { + .tag-do.random .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) { .tag-think .metadata { @@ -5527,6 +5602,9 @@ body.category.category-esemeny { .tag-think .metadata a { color: #00ffb8 !important; } +.tag-think > .bevezetoWrapper::before { + background-color: #00ffb8 !important; } + .tag-think hr { background-color: #00ffb8 !important; } @@ -5563,21 +5641,14 @@ body.category.category-esemeny { color: #000; background-color: #ff5f5f; } -.tag-think.random .thumbnailwrapper > img, .tag-think.cut-even .thumbnailwrapper > img { - -webkit-mask: url(../img/clip/think_mobil.svg); - -webkit-mask-repeat: no-repeat; - -webkit-mask-size: 100%; - mask: url(../img/clip/think_mobil.svg); - mask-repeat: no-repeat; - mask-size: 100%; } - @media (min-width: 769px) { - .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 (min-width: 769px) { + .tag-think.random .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) { .tag-love .metadata { @@ -5588,6 +5659,9 @@ body.category.category-esemeny { .tag-love .metadata a { color: #ff5f5f !important; } +.tag-love > .bevezetoWrapper::before { + background-color: #ff5f5f !important; } + .tag-love hr { background-color: #ff5f5f !important; } @@ -5624,21 +5698,14 @@ body.category.category-esemeny { color: #000; background-color: #00ffb8; } -.tag-love.random .thumbnailwrapper > img, .tag-love.cut-even .thumbnailwrapper > img { - -webkit-mask: url(../img/clip/love_mobil.svg); - -webkit-mask-repeat: no-repeat; - -webkit-mask-size: 100%; - mask: url(../img/clip/love_mobil.svg); - mask-repeat: no-repeat; - mask-size: 100%; } - @media (min-width: 769px) { - .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) { + .tag-love.random .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) { .single .tag-be .titlewrapper .metadata { diff --git a/customizer.php b/customizer.php index 069b0b9..8f3f81b 100644 --- a/customizer.php +++ b/customizer.php @@ -63,6 +63,17 @@ function dis2019_customizer_settings($wp_customize) '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') // get_theme_mod( 'dis-2019-posts-on-home' ); } diff --git a/functions.php b/functions.php index b52d83e..c6403fe 100644 --- a/functions.php +++ b/functions.php @@ -41,7 +41,7 @@ if (function_exists('add_theme_support')) { 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-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_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_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( 'jquery', 'conditionizr', @@ -139,6 +142,7 @@ function dis2019_header_scripts() 'jquery.colorbox', 'lettering', 'ftellipsis', + 'touchSwipe', // 'clamp', ), '1.0.0'); // Custom scripts wp_enqueue_script('dis2019scripts'); // Enqueue it! @@ -445,16 +449,16 @@ function misha_loadmore_ajax_handler() // console_debug($args); if ($args['cat']) { // 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']) { // 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']) { // 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) @@ -482,7 +486,7 @@ add_action('wp_ajax_nopriv_loadmore', 'misha_loadmore_ajax_handler'); // wp_ajax function exclude_category_home($query) { 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); } @@ -495,7 +499,7 @@ function dis_2019_order_events_by_date(&$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; } @@ -524,16 +528,22 @@ function dis_2019_more_posts_on_home(&$query) return; } - // console_debug($query); + + + console_debug($query); + // console_debug($query->query_vars[related_loop]); + 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()) { - $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()) { - $pposts = get_theme_mod('dis-2019-posts-on-archive'); + $pposts = get_theme_mod('dis-2019-posts-on-archive', 11); } 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()) { return; } else { @@ -543,6 +553,7 @@ function dis_2019_more_posts_on_home(&$query) //set post_per_page if it's homepage if (!$query->is_paged) { + // console_debug($pposts); $query->set('posts_per_page', $pposts); } else { return; diff --git a/header.php b/header.php index 9a70f79..b4d5a5c 100644 --- a/header.php +++ b/header.php @@ -150,13 +150,13 @@ -
+ diff --git a/js/lib/jquery.touchSwipe.min.js b/js/lib/jquery.touchSwipe.min.js new file mode 100644 index 0000000..8ba8494 --- /dev/null +++ b/js/lib/jquery.touchSwipe.min.js @@ -0,0 +1,16 @@ +/*! + * @fileOverview TouchSwipe - jQuery Plugin + * @version 1.6.18 + * + * @author Matt Bryson http://www.github.com/mattbryson + * @see https://github.com/mattbryson/TouchSwipe-Jquery-Plugin + * @see http://labs.rampinteractive.co.uk/touchSwipe/ + * @see http://plugins.jquery.com/project/touchSwipe + * @license + * Copyright (c) 2010-2015 Matt Bryson + * Dual licensed under the MIT or GPL Version 2 licenses. + * + */ + +!function(factory){"function"==typeof define&&define.amd&&define.amd.jQuery?define(["jquery"],factory):factory("undefined"!=typeof module&&module.exports?require("jquery"):jQuery)}(function($){"use strict";function init(options){return!options||void 0!==options.allowPageScroll||void 0===options.swipe&&void 0===options.swipeStatus||(options.allowPageScroll=NONE),void 0!==options.click&&void 0===options.tap&&(options.tap=options.click),options||(options={}),options=$.extend({},$.fn.swipe.defaults,options),this.each(function(){var $this=$(this),plugin=$this.data(PLUGIN_NS);plugin||(plugin=new TouchSwipe(this,options),$this.data(PLUGIN_NS,plugin))})}function TouchSwipe(element,options){function touchStart(jqEvent){if(!(getTouchInProgress()||$(jqEvent.target).closest(options.excludedElements,$element).length>0)){var event=jqEvent.originalEvent?jqEvent.originalEvent:jqEvent;if(!event.pointerType||"mouse"!=event.pointerType||0!=options.fallbackToMouseEvents){var ret,touches=event.touches,evt=touches?touches[0]:event;return phase=PHASE_START,touches?fingerCount=touches.length:options.preventDefaultEvents!==!1&&jqEvent.preventDefault(),distance=0,direction=null,currentDirection=null,pinchDirection=null,duration=0,startTouchesDistance=0,endTouchesDistance=0,pinchZoom=1,pinchDistance=0,maximumsMap=createMaximumsData(),cancelMultiFingerRelease(),createFingerData(0,evt),!touches||fingerCount===options.fingers||options.fingers===ALL_FINGERS||hasPinches()?(startTime=getTimeStamp(),2==fingerCount&&(createFingerData(1,touches[1]),startTouchesDistance=endTouchesDistance=calculateTouchesDistance(fingerData[0].start,fingerData[1].start)),(options.swipeStatus||options.pinchStatus)&&(ret=triggerHandler(event,phase))):ret=!1,ret===!1?(phase=PHASE_CANCEL,triggerHandler(event,phase),ret):(options.hold&&(holdTimeout=setTimeout($.proxy(function(){$element.trigger("hold",[event.target]),options.hold&&(ret=options.hold.call($element,event,event.target))},this),options.longTapThreshold)),setTouchInProgress(!0),null)}}}function touchMove(jqEvent){var event=jqEvent.originalEvent?jqEvent.originalEvent:jqEvent;if(phase!==PHASE_END&&phase!==PHASE_CANCEL&&!inMultiFingerRelease()){var ret,touches=event.touches,evt=touches?touches[0]:event,currentFinger=updateFingerData(evt);if(endTime=getTimeStamp(),touches&&(fingerCount=touches.length),options.hold&&clearTimeout(holdTimeout),phase=PHASE_MOVE,2==fingerCount&&(0==startTouchesDistance?(createFingerData(1,touches[1]),startTouchesDistance=endTouchesDistance=calculateTouchesDistance(fingerData[0].start,fingerData[1].start)):(updateFingerData(touches[1]),endTouchesDistance=calculateTouchesDistance(fingerData[0].end,fingerData[1].end),pinchDirection=calculatePinchDirection(fingerData[0].end,fingerData[1].end)),pinchZoom=calculatePinchZoom(startTouchesDistance,endTouchesDistance),pinchDistance=Math.abs(startTouchesDistance-endTouchesDistance)),fingerCount===options.fingers||options.fingers===ALL_FINGERS||!touches||hasPinches()){if(direction=calculateDirection(currentFinger.start,currentFinger.end),currentDirection=calculateDirection(currentFinger.last,currentFinger.end),validateDefaultEvent(jqEvent,currentDirection),distance=calculateDistance(currentFinger.start,currentFinger.end),duration=calculateDuration(),setMaxDistance(direction,distance),ret=triggerHandler(event,phase),!options.triggerOnTouchEnd||options.triggerOnTouchLeave){var inBounds=!0;if(options.triggerOnTouchLeave){var bounds=getbounds(this);inBounds=isInBounds(currentFinger.end,bounds)}!options.triggerOnTouchEnd&&inBounds?phase=getNextPhase(PHASE_MOVE):options.triggerOnTouchLeave&&!inBounds&&(phase=getNextPhase(PHASE_END)),phase!=PHASE_CANCEL&&phase!=PHASE_END||triggerHandler(event,phase)}}else phase=PHASE_CANCEL,triggerHandler(event,phase);ret===!1&&(phase=PHASE_CANCEL,triggerHandler(event,phase))}}function touchEnd(jqEvent){var event=jqEvent.originalEvent?jqEvent.originalEvent:jqEvent,touches=event.touches;if(touches){if(touches.length&&!inMultiFingerRelease())return startMultiFingerRelease(event),!0;if(touches.length&&inMultiFingerRelease())return!0}return inMultiFingerRelease()&&(fingerCount=fingerCountAtRelease),endTime=getTimeStamp(),duration=calculateDuration(),didSwipeBackToCancel()||!validateSwipeDistance()?(phase=PHASE_CANCEL,triggerHandler(event,phase)):options.triggerOnTouchEnd||options.triggerOnTouchEnd===!1&&phase===PHASE_MOVE?(options.preventDefaultEvents!==!1&&jqEvent.preventDefault(),phase=PHASE_END,triggerHandler(event,phase)):!options.triggerOnTouchEnd&&hasTap()?(phase=PHASE_END,triggerHandlerForGesture(event,phase,TAP)):phase===PHASE_MOVE&&(phase=PHASE_CANCEL,triggerHandler(event,phase)),setTouchInProgress(!1),null}function touchCancel(){fingerCount=0,endTime=0,startTime=0,startTouchesDistance=0,endTouchesDistance=0,pinchZoom=1,cancelMultiFingerRelease(),setTouchInProgress(!1)}function touchLeave(jqEvent){var event=jqEvent.originalEvent?jqEvent.originalEvent:jqEvent;options.triggerOnTouchLeave&&(phase=getNextPhase(PHASE_END),triggerHandler(event,phase))}function removeListeners(){$element.unbind(START_EV,touchStart),$element.unbind(CANCEL_EV,touchCancel),$element.unbind(MOVE_EV,touchMove),$element.unbind(END_EV,touchEnd),LEAVE_EV&&$element.unbind(LEAVE_EV,touchLeave),setTouchInProgress(!1)}function getNextPhase(currentPhase){var nextPhase=currentPhase,validTime=validateSwipeTime(),validDistance=validateSwipeDistance(),didCancel=didSwipeBackToCancel();return!validTime||didCancel?nextPhase=PHASE_CANCEL:!validDistance||currentPhase!=PHASE_MOVE||options.triggerOnTouchEnd&&!options.triggerOnTouchLeave?!validDistance&¤tPhase==PHASE_END&&options.triggerOnTouchLeave&&(nextPhase=PHASE_CANCEL):nextPhase=PHASE_END,nextPhase}function triggerHandler(event,phase){var ret,touches=event.touches;return(didSwipe()||hasSwipes())&&(ret=triggerHandlerForGesture(event,phase,SWIPE)),(didPinch()||hasPinches())&&ret!==!1&&(ret=triggerHandlerForGesture(event,phase,PINCH)),didDoubleTap()&&ret!==!1?ret=triggerHandlerForGesture(event,phase,DOUBLE_TAP):didLongTap()&&ret!==!1?ret=triggerHandlerForGesture(event,phase,LONG_TAP):didTap()&&ret!==!1&&(ret=triggerHandlerForGesture(event,phase,TAP)),phase===PHASE_CANCEL&&touchCancel(event),phase===PHASE_END&&(touches?touches.length||touchCancel(event):touchCancel(event)),ret}function triggerHandlerForGesture(event,phase,gesture){var ret;if(gesture==SWIPE){if($element.trigger("swipeStatus",[phase,direction||null,distance||0,duration||0,fingerCount,fingerData,currentDirection]),options.swipeStatus&&(ret=options.swipeStatus.call($element,event,phase,direction||null,distance||0,duration||0,fingerCount,fingerData,currentDirection),ret===!1))return!1;if(phase==PHASE_END&&validateSwipe()){if(clearTimeout(singleTapTimeout),clearTimeout(holdTimeout),$element.trigger("swipe",[direction,distance,duration,fingerCount,fingerData,currentDirection]),options.swipe&&(ret=options.swipe.call($element,event,direction,distance,duration,fingerCount,fingerData,currentDirection),ret===!1))return!1;switch(direction){case LEFT:$element.trigger("swipeLeft",[direction,distance,duration,fingerCount,fingerData,currentDirection]),options.swipeLeft&&(ret=options.swipeLeft.call($element,event,direction,distance,duration,fingerCount,fingerData,currentDirection));break;case RIGHT:$element.trigger("swipeRight",[direction,distance,duration,fingerCount,fingerData,currentDirection]),options.swipeRight&&(ret=options.swipeRight.call($element,event,direction,distance,duration,fingerCount,fingerData,currentDirection));break;case UP:$element.trigger("swipeUp",[direction,distance,duration,fingerCount,fingerData,currentDirection]),options.swipeUp&&(ret=options.swipeUp.call($element,event,direction,distance,duration,fingerCount,fingerData,currentDirection));break;case DOWN:$element.trigger("swipeDown",[direction,distance,duration,fingerCount,fingerData,currentDirection]),options.swipeDown&&(ret=options.swipeDown.call($element,event,direction,distance,duration,fingerCount,fingerData,currentDirection))}}}if(gesture==PINCH){if($element.trigger("pinchStatus",[phase,pinchDirection||null,pinchDistance||0,duration||0,fingerCount,pinchZoom,fingerData]),options.pinchStatus&&(ret=options.pinchStatus.call($element,event,phase,pinchDirection||null,pinchDistance||0,duration||0,fingerCount,pinchZoom,fingerData),ret===!1))return!1;if(phase==PHASE_END&&validatePinch())switch(pinchDirection){case IN:$element.trigger("pinchIn",[pinchDirection||null,pinchDistance||0,duration||0,fingerCount,pinchZoom,fingerData]),options.pinchIn&&(ret=options.pinchIn.call($element,event,pinchDirection||null,pinchDistance||0,duration||0,fingerCount,pinchZoom,fingerData));break;case OUT:$element.trigger("pinchOut",[pinchDirection||null,pinchDistance||0,duration||0,fingerCount,pinchZoom,fingerData]),options.pinchOut&&(ret=options.pinchOut.call($element,event,pinchDirection||null,pinchDistance||0,duration||0,fingerCount,pinchZoom,fingerData))}}return gesture==TAP?phase!==PHASE_CANCEL&&phase!==PHASE_END||(clearTimeout(singleTapTimeout),clearTimeout(holdTimeout),hasDoubleTap()&&!inDoubleTap()?(doubleTapStartTime=getTimeStamp(),singleTapTimeout=setTimeout($.proxy(function(){doubleTapStartTime=null,$element.trigger("tap",[event.target]),options.tap&&(ret=options.tap.call($element,event,event.target))},this),options.doubleTapThreshold)):(doubleTapStartTime=null,$element.trigger("tap",[event.target]),options.tap&&(ret=options.tap.call($element,event,event.target)))):gesture==DOUBLE_TAP?phase!==PHASE_CANCEL&&phase!==PHASE_END||(clearTimeout(singleTapTimeout),clearTimeout(holdTimeout),doubleTapStartTime=null,$element.trigger("doubletap",[event.target]),options.doubleTap&&(ret=options.doubleTap.call($element,event,event.target))):gesture==LONG_TAP&&(phase!==PHASE_CANCEL&&phase!==PHASE_END||(clearTimeout(singleTapTimeout),doubleTapStartTime=null,$element.trigger("longtap",[event.target]),options.longTap&&(ret=options.longTap.call($element,event,event.target)))),ret}function validateSwipeDistance(){var valid=!0;return null!==options.threshold&&(valid=distance>=options.threshold),valid}function didSwipeBackToCancel(){var cancelled=!1;return null!==options.cancelThreshold&&null!==direction&&(cancelled=getMaxDistance(direction)-distance>=options.cancelThreshold),cancelled}function validatePinchDistance(){return null===options.pinchThreshold||pinchDistance>=options.pinchThreshold}function validateSwipeTime(){var result;return result=!options.maxTimeThreshold||!(duration>=options.maxTimeThreshold)}function validateDefaultEvent(jqEvent,direction){if(options.preventDefaultEvents!==!1)if(options.allowPageScroll===NONE)jqEvent.preventDefault();else{var auto=options.allowPageScroll===AUTO;switch(direction){case LEFT:(options.swipeLeft&&auto||!auto&&options.allowPageScroll!=HORIZONTAL)&&jqEvent.preventDefault();break;case RIGHT:(options.swipeRight&&auto||!auto&&options.allowPageScroll!=HORIZONTAL)&&jqEvent.preventDefault();break;case UP:(options.swipeUp&&auto||!auto&&options.allowPageScroll!=VERTICAL)&&jqEvent.preventDefault();break;case DOWN:(options.swipeDown&&auto||!auto&&options.allowPageScroll!=VERTICAL)&&jqEvent.preventDefault();break;case NONE:}}}function validatePinch(){var hasCorrectFingerCount=validateFingers(),hasEndPoint=validateEndPoint(),hasCorrectDistance=validatePinchDistance();return hasCorrectFingerCount&&hasEndPoint&&hasCorrectDistance}function hasPinches(){return!!(options.pinchStatus||options.pinchIn||options.pinchOut)}function didPinch(){return!(!validatePinch()||!hasPinches())}function validateSwipe(){var hasValidTime=validateSwipeTime(),hasValidDistance=validateSwipeDistance(),hasCorrectFingerCount=validateFingers(),hasEndPoint=validateEndPoint(),didCancel=didSwipeBackToCancel(),valid=!didCancel&&hasEndPoint&&hasCorrectFingerCount&&hasValidDistance&&hasValidTime;return valid}function hasSwipes(){return!!(options.swipe||options.swipeStatus||options.swipeLeft||options.swipeRight||options.swipeUp||options.swipeDown)}function didSwipe(){return!(!validateSwipe()||!hasSwipes())}function validateFingers(){return fingerCount===options.fingers||options.fingers===ALL_FINGERS||!SUPPORTS_TOUCH}function validateEndPoint(){return 0!==fingerData[0].end.x}function hasTap(){return!!options.tap}function hasDoubleTap(){return!!options.doubleTap}function hasLongTap(){return!!options.longTap}function validateDoubleTap(){if(null==doubleTapStartTime)return!1;var now=getTimeStamp();return hasDoubleTap()&&now-doubleTapStartTime<=options.doubleTapThreshold}function inDoubleTap(){return validateDoubleTap()}function validateTap(){return(1===fingerCount||!SUPPORTS_TOUCH)&&(isNaN(distance)||distanceoptions.longTapThreshold&&distance=0?LEFT:angle<=360&&angle>=315?LEFT:angle>=135&&angle<=225?RIGHT:angle>45&&angle<135?DOWN:UP}function getTimeStamp(){var now=new Date;return now.getTime()}function getbounds(el){el=$(el);var offset=el.offset(),bounds={left:offset.left,right:offset.left+el.outerWidth(),top:offset.top,bottom:offset.top+el.outerHeight()};return bounds}function isInBounds(point,bounds){return point.x>bounds.left&&point.xbounds.top&&point.y { - if (wih / vh > 1.5) { - return 0 - } else { - let bs = wih - vh - return bs - } - })() + // const bottomScrollHeight = (_ => { + // if (wih / vh > 1.5) { + // return 0 + // } else { + // let bs = wih - vh + // // let bs = wiw - vw + // return bs + // } + // })() - const cssWidths = { - vw: vw, - wow: wow, - wiw: wiw, - bw: bw, - desktophomemargin: desktophomemargin, - wih: wih, - vh: vh, - bottomScrollHeight: bottomScrollHeight - } - console.log(cssWidths) + // const cssWidths = { + // w_vw: vw, + // w_wow: wow, + // w_wiw: wiw, + // w_bw: bw, + // desktophomemargin: desktophomemargin, + // h_wih: wih, + // h_vh: vh, + // bottomScrollHeight: bottomScrollHeight, + // h_woh: woh, + // h_boh: boh, + // h_dch: dch + // } + // console.log(cssWidths) /* --------------------------- css values to vars --------------------------- */ @@ -302,6 +309,14 @@ }//isMasonryPage 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 ----------------------------- */ function random2() { @@ -341,16 +356,16 @@ //add class to odd elems - function mobileHomeClass() { - if (isMobile && isMasonryPage) { - $('article:not(.post_nr):not(.cutOk) ').addClass('cutCurr') - $('article.cutCurr:nth-child(even)').addClass('cut-even') - $('article.cutCurr').addClass('cutOk').removeClass('cutCurr') - } + // function mobileHomeClass() { + // if (isMobile && isMasonryPage) { + // $('article:not(.post_nr):not(.cutOk) ').addClass('cutCurr') + // $('article.cutCurr:nth-child(even)').addClass('cut-even') + // $('article.cutCurr').addClass('cutOk').removeClass('cutCurr') + // } - } + // } - mobileHomeClass() + // mobileHomeClass() /* ----------------------------- Snap on mobile ----------------------------- */ @@ -364,15 +379,15 @@ /* --------------------------------- To top --------------------------------- */ - $(".totop>a").click(function (e) { - e.preventDefault() - $('html, body').stop().animate({ scrollTop: 0 }, 800); - }) + // $(".totop>a").click(function (e) { + // e.preventDefault() + // $('html, body').stop().animate({ scrollTop: 0 }, 800); + // }) - //hide totop if not needed - if (!($("main").height() > $(window).height()) && isMobile) { - $(".totop").hide() - } + // //hide totop if not needed + // if (!($("main").height() > $(window).height()) && isMobile) { + // $(".totop").hide() + // } /* ---------------------------- Scroll on desktop --------------------------- */ @@ -801,11 +816,11 @@ }) } - if (!isMobile && isHome) { - setTimeout(() => { - bigArticleHoverShow($(".home_wrapper-1 .home-big h2 a")) - }, 2000); - } + // if (!isMobile && isHome) { + // setTimeout(() => { + // bigArticleHoverShow($(".home_wrapper-1 .home-big h2 a")) + // }, 2000); + // } @@ -992,12 +1007,14 @@ $(this).prev('.cb-gallery').attr({ title: captiotext }) }) + const lightBoxMaxHeight = isMobile ? '65%' : '80%' + //http://www.jacklmoore.com/colorbox/ const colorboxSettings = { transition: 'none', rel: 'cb-ballery', maxWidth: '90%', - maxHeight: '80%', + maxHeight: lightBoxMaxHeight, trapFocus: false, scrolling: false, 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 $(".wp-block-gallery a").colorbox(colorboxSettings) diff --git a/languages/HTML5Blank.pot b/languages/HTML5Blank.pot index f1417dd..7ecbd14 100644 --- a/languages/HTML5Blank.pot +++ b/languages/HTML5Blank.pot @@ -2,7 +2,7 @@ msgid "" msgstr "" "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" "Last-Translator: Jürgen Rabe | www.egado.de \n" "Language-Team: \n" @@ -21,11 +21,11 @@ msgstr "" msgid "Page not found" msgstr "" -#: ../404.php:12 -msgid "Return home?" +#: ../404.php:13 ../singular.php:124 +msgid "Back to home:" 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." msgstr "" @@ -61,165 +61,181 @@ msgstr "" msgid "Be, do, think, love pages. Use 6*n-2 numbers, e.g. 4, 10, 16, 22... " 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" msgstr "" -#: ../functions.php:175 +#: ../functions.php:183 msgid "Main menu right" msgstr "" -#: ../functions.php:177 +#: ../functions.php:185 msgid "Circular tags" msgstr "" -#: ../functions.php:303 +#: ../functions.php:311 msgid "View Article" msgstr "" -#: ../functions.php:373 +#: ../functions.php:382 #, php-format msgid "%s says:" msgstr "" -#: ../functions.php:376 +#: ../functions.php:385 msgid "Your comment is awaiting moderation." msgstr "" -#: ../functions.php:382 +#: ../functions.php:391 #, php-format msgid "%1$s at %2$s" msgstr "" -#: ../functions.php:382 +#: ../functions.php:391 msgid "(Edit)" msgstr "" -#: ../functions.php:665 +#: ../functions.php:701 msgid "Search Formats" msgstr "" -#: ../functions.php:666 +#: ../functions.php:702 msgid "All Formats" msgstr "" -#: ../functions.php:667 +#: ../functions.php:703 msgid "Parent Format" msgstr "" -#: ../functions.php:668 +#: ../functions.php:704 msgid "Parent Format:" msgstr "" -#: ../functions.php:669 +#: ../functions.php:705 msgid "Edit Format" msgstr "" -#: ../functions.php:670 +#: ../functions.php:706 msgid "Update Format" msgstr "" -#: ../functions.php:671 +#: ../functions.php:707 msgid "Add New Format" msgstr "" -#: ../functions.php:672 +#: ../functions.php:708 msgid "New Format Name" msgstr "" -#: ../functions.php:673 +#: ../functions.php:709 msgid "Formats" msgstr "" -#: ../functions.php:675 +#: ../functions.php:711 msgid "View Formats" msgstr "" -#: ../functions.php:676 +#: ../functions.php:712 msgid "Popular Formats" msgstr "" -#: ../functions.php:677 +#: ../functions.php:713 msgid "Separate formats with commas" msgstr "" -#: ../functions.php:678 +#: ../functions.php:714 msgid "Add or remove formats" msgstr "" -#: ../functions.php:679 +#: ../functions.php:715 msgid "Choose from most used formats" msgstr "" -#: ../functions.php:680 +#: ../functions.php:716 msgid "No formats found" msgstr "" -#: ../functions.php:681 +#: ../functions.php:717 msgid "Back to formats" msgstr "" -#: ../functions.php:702 +#: ../functions.php:738 msgid "Search Writers" msgstr "" -#: ../functions.php:703 +#: ../functions.php:739 msgid "All Writers" msgstr "" -#: ../functions.php:704 +#: ../functions.php:740 msgid "Parent Writer" msgstr "" -#: ../functions.php:705 +#: ../functions.php:741 msgid "Parent Writer:" msgstr "" -#: ../functions.php:706 +#: ../functions.php:742 msgid "Edit Writer" msgstr "" -#: ../functions.php:707 +#: ../functions.php:743 msgid "Update Writer" msgstr "" -#: ../functions.php:708 +#: ../functions.php:744 msgid "Add New Writer" msgstr "" -#: ../functions.php:709 +#: ../functions.php:745 msgid "New Writer Name" msgstr "" -#: ../functions.php:710 +#: ../functions.php:746 msgid "Writers" msgstr "" -#: ../functions.php:712 +#: ../functions.php:748 msgid "View Writers" msgstr "" -#: ../functions.php:713 +#: ../functions.php:749 msgid "Popular Writers" msgstr "" -#: ../functions.php:714 +#: ../functions.php:750 msgid "Separate writers with commas" msgstr "" -#: ../functions.php:715 +#: ../functions.php:751 msgid "Add or remove writers" msgstr "" -#: ../functions.php:716 +#: ../functions.php:752 msgid "Choose from most used writer" msgstr "" -#: ../functions.php:717 +#: ../functions.php:753 msgid "No writer found" msgstr "" -#: ../functions.php:718 +#: ../functions.php:754 msgid "Back to writers" msgstr "" @@ -228,13 +244,9 @@ msgstr "" msgid "%s search results for" msgstr "" -#: ../singular.php:100 +#: ../singular.php:101 msgid "More posts:" msgstr "" -#: ../singular.php:123 -msgid "Back to home:" -msgstr "" - #~ msgid "%s results for " #~ msgstr "%s Ergebnisse für " diff --git a/languages/hu_HU.mo b/languages/hu_HU.mo index 459c8c4..2bd02e7 100644 Binary files a/languages/hu_HU.mo and b/languages/hu_HU.mo differ diff --git a/languages/hu_HU.po b/languages/hu_HU.po index 1c4e2ee..71133e7 100644 --- a/languages/hu_HU.po +++ b/languages/hu_HU.po @@ -1,7 +1,7 @@ msgid "" msgstr "" "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" "Last-Translator: Péter Gyetvai \n" "Language-Team: \n" @@ -21,11 +21,11 @@ msgstr "" msgid "Page not found" msgstr "A keresett oldal nem található" -#: ../404.php:12 -msgid "Return home?" -msgstr "Vissza a főoldalra?" +#: ../404.php:13 ../singular.php:124 +msgid "Back to home:" +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." 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, " "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" msgstr "Főmenü bal" -#: ../functions.php:175 +#: ../functions.php:183 msgid "Main menu right" msgstr "Főmenü jobb" -#: ../functions.php:177 +#: ../functions.php:185 msgid "Circular tags" msgstr "Kör címkék" -#: ../functions.php:303 +#: ../functions.php:311 msgid "View Article" msgstr "Tartalom Megtekintése" -#: ../functions.php:373 +#: ../functions.php:382 #, php-format msgid "%s says:" msgstr "%s :" -#: ../functions.php:376 +#: ../functions.php:385 msgid "Your comment is awaiting moderation." msgstr "A hozzászólás moderálásra vár." -#: ../functions.php:382 +#: ../functions.php:391 #, php-format msgid "%1$s at %2$s" msgstr "%1$s - %2$s" -#: ../functions.php:382 +#: ../functions.php:391 msgid "(Edit)" msgstr "(Szerkesztés)" -#: ../functions.php:665 +#: ../functions.php:701 msgid "Search Formats" msgstr "Formátumok keresése" -#: ../functions.php:666 +#: ../functions.php:702 msgid "All Formats" msgstr "Minden formátum" -#: ../functions.php:667 +#: ../functions.php:703 msgid "Parent Format" msgstr "Szülő formátum" -#: ../functions.php:668 +#: ../functions.php:704 msgid "Parent Format:" msgstr "Szülő formátum:" -#: ../functions.php:669 +#: ../functions.php:705 msgid "Edit Format" msgstr "Formátum szerkesztése" -#: ../functions.php:670 +#: ../functions.php:706 msgid "Update Format" msgstr "Formátum frissítése" -#: ../functions.php:671 +#: ../functions.php:707 msgid "Add New Format" msgstr "Új formátum hozzáadása" -#: ../functions.php:672 +#: ../functions.php:708 msgid "New Format Name" msgstr "Új formátum neve" -#: ../functions.php:673 +#: ../functions.php:709 msgid "Formats" msgstr "Formátumok" -#: ../functions.php:675 +#: ../functions.php:711 msgid "View Formats" msgstr "Formátumok megjelenítése" -#: ../functions.php:676 +#: ../functions.php:712 msgid "Popular Formats" msgstr "Népszerű formátumok" -#: ../functions.php:677 +#: ../functions.php:713 msgid "Separate formats with commas" msgstr "Formátumokat vesszővel válaszd el" -#: ../functions.php:678 +#: ../functions.php:714 msgid "Add or remove formats" msgstr "Formátumok hozzáadása vagy eltávolítása" -#: ../functions.php:679 +#: ../functions.php:715 msgid "Choose from most used formats" msgstr "Választás a leggyakoribb formátumok közül" -#: ../functions.php:680 +#: ../functions.php:716 msgid "No formats found" msgstr "Formátum nem található" -#: ../functions.php:681 +#: ../functions.php:717 msgid "Back to formats" msgstr "Vissza a formátumokhoz" -#: ../functions.php:702 +#: ../functions.php:738 msgid "Search Writers" msgstr "Cikkírók keresése" -#: ../functions.php:703 +#: ../functions.php:739 msgid "All Writers" msgstr "Minden cikkíró" -#: ../functions.php:704 +#: ../functions.php:740 msgid "Parent Writer" msgstr "Szülő cikkíró" -#: ../functions.php:705 +#: ../functions.php:741 msgid "Parent Writer:" msgstr "Szülő cikkíró:" -#: ../functions.php:706 +#: ../functions.php:742 msgid "Edit Writer" msgstr "Cikkíró szerkesztése" -#: ../functions.php:707 +#: ../functions.php:743 msgid "Update Writer" msgstr "Cikkíró frissítése" -#: ../functions.php:708 +#: ../functions.php:744 msgid "Add New Writer" msgstr "Új cikkíró hozzáadása" -#: ../functions.php:709 +#: ../functions.php:745 msgid "New Writer Name" msgstr "Új cikkíró neve" -#: ../functions.php:710 +#: ../functions.php:746 msgid "Writers" msgstr "Cikkírók" -#: ../functions.php:712 +#: ../functions.php:748 msgid "View Writers" msgstr "Cikkírók Megtekintése" -#: ../functions.php:713 +#: ../functions.php:749 msgid "Popular Writers" msgstr "Népszerű cikkírók" -#: ../functions.php:714 +#: ../functions.php:750 msgid "Separate writers with commas" msgstr "Cikkírókat vesszővel válaszd el" -#: ../functions.php:715 +#: ../functions.php:751 msgid "Add or remove writers" msgstr "Cikkírók hozzáadása vagy eltávolítása" -#: ../functions.php:716 +#: ../functions.php:752 msgid "Choose from most used writer" msgstr "Választás a leggyakoribb cikkírók közül" -#: ../functions.php:717 +#: ../functions.php:753 msgid "No writer found" msgstr "Cikkíró nem található" -#: ../functions.php:718 +#: ../functions.php:754 msgid "Back to writers" msgstr "Vissza a cikkírókhoz" @@ -232,13 +254,12 @@ msgstr "Vissza a cikkírókhoz" msgid "%s search results for" msgstr "%s találat" -#: ../singular.php:100 +#: ../singular.php:101 msgid "More posts:" msgstr "További cikkeink:" -#: ../singular.php:123 -msgid "Back to home:" -msgstr "Vissza a főoldalra" +#~ msgid "Return home?" +#~ msgstr "Vissza a főoldalra?" #~ msgid "Not enough arguments following: %s" #~ msgstr "Hiányzó paraméterek a következő után: %s" diff --git a/loop-inner.php b/loop-inner.php index 99a8767..14c4741 100644 --- a/loop-inner.php +++ b/loop-inner.php @@ -58,12 +58,15 @@
'
- + 0) or (is_home() and $qc < 3)): ; // excerpt only if first two or has value + ?>
-

+ +

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