diff --git a/_teendők.md b/_teendők.md index f53c1cb..bffc138 100644 --- a/_teendők.md +++ b/_teendők.md @@ -14,6 +14,21 @@ galéria: mobilon fix 2, column számot lehessen használni asztalin képen ne legyen cím +képaláírás ne legyen outline betüs, asztalin csak hoverre +címhez scrolloljon +Link:szővgtürzsben csak bedo szín alapján +padding bal oldalt is mint jobb, heading szélesség + +Első bekezdés H4, nem bold csak nagy + + +lightbox nyíl: amitmáté küldőtt + +metadata kattintható mind + +Hasonló cikkek: + Ugyanabból a kategóriából a 3 legfrisebb + # Esemény oldal # Kezdőlap @@ -25,6 +40,12 @@ alapből lehet hogy több látszódjon Kurzor: Nyíl az nem túl halovány? 32x32 pixel lehet maximum +Kiscímek + teli betük + ez egész re lehet kattintani, ne csak a cikkre + .vr: néha nagyobb, élsimítás dolgok + + ## mobil nézet képek magassága és maszk @@ -33,3 +54,11 @@ képek magassága és maszk # Kategória oldalak +tag archive: + Magyarázat betűméret + +# menü + +főmenu: + no-wrap, kisepp padding a menuitemeken + Mobilon eseményeket felrakni a tetejére diff --git a/css/base.css b/css/base.css index bfdc79c..b75b417 100644 --- a/css/base.css +++ b/css/base.css @@ -366,7 +366,7 @@ object { font-size: 1.2rem; } } @media (min-width: 1279px) { .wrapper .header #tag-nav ul { - font-size: 1.4rem; } } + font-size: 1.2rem; } } .wrapper .header #tag-nav ul li { display: inline; } .wrapper .header #tag-nav ul li a span { @@ -394,7 +394,7 @@ object { font-size: 1.2rem; } } @media (min-width: 1279px) { .wrapper .header #tag-nav ul li a span { - font-size: 1.4rem; } } + font-size: 1.2rem; } } .wrapper .header #tag-nav ul li a span.char1 { -moz-transform: rotate(21.17647deg); -o-transform: rotate(21.17647deg); @@ -1021,9 +1021,10 @@ object { .home main section .home-wrapper-big article h2 { height: unset; position: absolute; - top: 6rem; + top: 4rem; padding: 4rem; - width: calc(100vw - 20rem); } + padding-right: 2rem; + width: calc(100vw - 25rem); } .archive main section .home-wrapper-big article .metadata, .home main section .home-wrapper-big article .metadata { bottom: 0; @@ -1212,12 +1213,12 @@ object { flex-direction: row; flex-wrap: wrap; margin: auto 0; } - .archive main section .home-wrapper-small.home-wrapper-s1:not(.home-wrapper-small), - .home main section .home-wrapper-small.home-wrapper-s1:not(.home-wrapper-small) { - margin-left: 5rem !important; } - .archive main section .home-wrapper-small.home-wrapper-s1.home-wrapper-small, - .home main section .home-wrapper-small.home-wrapper-s1.home-wrapper-small { - margin-left: 10rem !important; } + .archive main section .home-wrapper-small.home-wrapper-s1:not(.home-wrapper-1), + .home main section .home-wrapper-small.home-wrapper-s1:not(.home-wrapper-1) { + margin-left: 5rem; } + .archive main section .home-wrapper-small.home-wrapper-s1.home-wrapper-small.home-wrapper-1, + .home main section .home-wrapper-small.home-wrapper-s1.home-wrapper-small.home-wrapper-1 { + margin-left: 10rem; } .archive main section .home-wrapper-small article, .archive main section .home-wrapper-small .archivetitle, .archive main section .home-wrapper-small .archivedescription, @@ -1431,7 +1432,7 @@ object { @media (min-width: 769px) { .archive main section .home-wrapper-small .archivetitle, .home main section .home-wrapper-small .archivetitle { - margin: 0; + margin: 0 auto; width: 100%; position: relative; bottom: 0; @@ -1439,7 +1440,8 @@ object { flex-direction: column; justify-content: flex-end; align-items: flex-start; - padding: 2rem; + padding: 2rem 0; + text-align: center; border-right: #000 1px solid; } .archive main section .home-wrapper-small .archivetitle::after, .home main section .home-wrapper-small .archivetitle::after { @@ -1476,7 +1478,7 @@ object { .home main section .home-wrapper-small .archivetitle h1 { font: bold 3rem "Westeinde Caption"; color: #000; - margin: 0; } } + margin: 0 auto; } } @media (min-width: 769px) and (-webkit-min-device-pixel-ratio: 2.1) { .archive main section .home-wrapper-small .archivetitle h1, .home main section .home-wrapper-small .archivetitle h1 { diff --git a/js/scripts.js b/js/scripts.js index f921740..c9af691 100644 --- a/js/scripts.js +++ b/js/scripts.js @@ -60,15 +60,15 @@ })() // checks if body has a class - function bodyHasClass(classname, notclassname){ + function bodyHasClass(classname, notclassname) { if ($('body').hasClass(classname)) { if (notclassname) { if ($('body').hasClass(notclassname)) { return false - }else{ + } else { return true } - } else{ + } else { return true } } else { @@ -80,7 +80,7 @@ const isHome = bodyHasClass('home') //isArchive - const isArchive = bodyHasClass('archive','category-esemeny') + const isArchive = bodyHasClass('archive', 'category-esemeny') //isEsemeny const isEsemeny = bodyHasClass('category-esemeny') @@ -435,6 +435,22 @@ currElem = homeScroll(currElem, "next") }) + /* --------------------------- scroll on keyboard --------------------------- */ + $('html').keydown(function () { + if (!isMobile) { + if (isHome || isArchive) { + //right: + if (event.which == 39) { + event.preventDefault(); + currElem = homeScroll(currElem, "next") + // left: + } else if (event.which == 37){ + currElem = homeScroll(currElem, "prev") + } + } + } + }) + /* -------------------------- loadmore: ajax loads -------------------------- */ $('.misha_loadmore').on("moreload-start", function () { @@ -694,34 +710,34 @@ /* SINGLE */ /* -------------------------------------------------------------------------- */ - + if (isSingle) { /* -------------------------------- Lightbox -------------------------------- */ - + //group gallery images: $('.wp-block-gallery a, .wp-block-image a').addClass('cb-gallery') //copy figcaption to title - $("a.cb-gallery ~ figcaption").each(function(){ + $("a.cb-gallery ~ figcaption").each(function () { let captiotext = $(this).html() - $(this).prev('.cb-gallery').attr({title:captiotext}) + $(this).prev('.cb-gallery').attr({ title: captiotext }) }) //http://www.jacklmoore.com/colorbox/ const colorboxSettings = { - transition:'fade', - rel:'cb-ballery', + transition: 'fade', + rel: 'cb-ballery', maxWidth: '90%', maxHeight: '80%', trapFocus: false, scrolling: false, fixed: true, previous: '', - next:'', - close:'', + next: '', + close: '', } diff --git a/sass/_font-mixins.scss b/sass/_font-mixins.scss index 229888c..e97be4f 100644 --- a/sass/_font-mixins.scss +++ b/sass/_font-mixins.scss @@ -112,7 +112,7 @@ font-size: 1.2rem; } @media #{$bigdesktop} { - font-size: 1.4rem; + font-size: 1.2rem; } } diff --git a/sass/base.scss b/sass/base.scss index 4399032..63fb601 100644 --- a/sass/base.scss +++ b/sass/base.scss @@ -112,6 +112,7 @@ $verybigdesktop: only screen and /* -------------------------------------------------------------------------- */ //Horizontal units: +$h-unit-5: 25rem; $h-unit-4: 20rem; $h-unit-2: 10rem; // menuwidth on desktop $h-unit-1: 5rem; @@ -928,10 +929,10 @@ $v-unit-6: 24rem; h2 { height: unset; position: absolute; - top: 6rem; + top: 4rem; padding: 4rem; - // padding-right: 0; - width: calc(100vw - #{$h-unit-4}); + padding-right: 2rem; + width: calc(100vw - #{$h-unit-5}); } /* -------------------------- home article metadata big------------------------- */ @@ -1080,11 +1081,11 @@ $v-unit-6: 24rem; flex-direction: row; flex-wrap: wrap; margin: auto 0; - &.home-wrapper-s1:not(.home-wrapper-small) { - margin-left: $h-unit-1 !important; + &.home-wrapper-s1:not(.home-wrapper-1) { + margin-left: $h-unit-1; } - &.home-wrapper-s1.home-wrapper-small { - margin-left: $h-unit-2 !important; + &.home-wrapper-s1.home-wrapper-small.home-wrapper-1 { + margin-left: $h-unit-2; } article, @@ -1170,7 +1171,7 @@ $v-unit-6: 24rem; } } .archivetitle { - margin: 0; + margin: 0 auto; width: 100%; position: relative; bottom: 0; @@ -1178,12 +1179,13 @@ $v-unit-6: 24rem; flex-direction: column; justify-content: flex-end; align-items: flex-start; - padding: 2rem; + padding: 2rem 0; + text-align: center; border-right: #000 1px solid; @include triangle-corner-bordered($h-unit-1, 0, transparent, #000, left); h1 { @include home-title(); - margin: 0; + margin: 0 auto; } &.tag { order: 1; @@ -1258,8 +1260,8 @@ body.category.category-esemeny { flex: 0 0 auto; // & > * { // } - .ev-date { - } + // .ev-date { + // } h2 { height: unset; } @@ -1406,8 +1408,8 @@ body.category.category-esemeny { @include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1}, white, #000, left); - .time-cat { - } + // .time-cat { + // } } h1.single-title { background-color: transparent;