diff --git a/KÉZIKÖNYV.md b/KÉZIKÖNYV.md index 3036a85..f8b6e77 100644 --- a/KÉZIKÖNYV.md +++ b/KÉZIKÖNYV.md @@ -51,12 +51,15 @@ Cikkíró: #### Blokkok és egyéb megjegyzések -Az első blokk nincs automatikusan megkülönböztetve. Egyhe kiemelés eléréséhez jelöld ki az 9sszes szöveget az első blokkban és állítsd félkövérre + +Bevezető: Az első bekezdés-t állítsd Címsor-H4-re, hogy megfelelő legyen a kiemelés Elválasztók azaz vízszintes vonalak: A cikk elejére és végére automatikusan kerül egy-egy, az összes többit kézzel kell belerakni, a méretezésük automatikus. Lightbox működéséhez be kell kapcsolni a hivatkozást! A hivatkozás célját média fájlra állítani! +Interjúnál kérdésekhez idézet blokkot kell használni: Nagyobb betűméret, címke szín alapján háttér + ### Események diff --git a/_jegyzet.md b/_jegyzet.md index 382afd9..2833363 100644 --- a/_jegyzet.md +++ b/_jegyzet.md @@ -25,6 +25,6 @@ nagy képek, metadata ipad: nem férnek be a rublikába ha hosszúak, mi legy, e top: calc(#{$v-unit-1}/ 2); => 2rem -## További kérdések, július 4 +## További kérdések, július 11 -Lightbox: Egybe galériába menjen az összes kép cikkenként, vagy külön külön külön? \ No newline at end of file +Linkeken hover? Most alá van húzva \ No newline at end of file diff --git a/_teendők.md b/_teendők.md index bffc138..4edc5c4 100644 --- a/_teendők.md +++ b/_teendők.md @@ -4,27 +4,16 @@ lightbox og: tag: pluginnal! -szerzőnek is paraméter, és kattinható - crop thumbnail a fenti képnél állókép körbefut a szöveg!!!! 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 +lightbox nyíl: amit máté küldőtt Hasonló cikkek: Ugyanabból a kategóriából a 3 legfrisebb @@ -38,13 +27,18 @@ felgördülő alcím -> pozíciója a kép alsó éléhez igazodik alapből lehet hogy több látszódjon -Kurzor: Nyíl az nem túl halovány? 32x32 pixel lehet maximum +Nyitócikkek szövegkifutást pontosítani + Kiscímek - teli betük - ez egész re lehet kattintani, ne csak a cikkre .vr: néha nagyobb, élsimítás dolgok +Archív rész ne legyen két maszk egymás mellett + +Nyitócikkek felgördülő lead hosszát pontosítani + +pecsét betűk összecsúsznak + ## mobil nézet @@ -55,10 +49,7 @@ képek magassága és maszk # Kategória oldalak tag archive: - Magyarázat betűméret + Magyarázat betűméret, baloldali magyarázó szöveg legyen nagyobb # 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 b75b417..528d8e4 100644 --- a/css/base.css +++ b/css/base.css @@ -197,11 +197,6 @@ object { flex: 0 0 5rem !important; } } .wrapper .header .logo object { height: 5rem; } - .wrapper .header .events-link { - display: none; } - @media (min-width: 769px) { - .wrapper .header .events-link { - display: block; } } .wrapper .header .menubutton { order: 99; z-index: 3001; } @@ -223,12 +218,12 @@ object { @media (min-width: 769px) { .wrapper .header .menubutton { order: unset; } } - .wrapper .header .social-link { + .wrapper .header .social-link, .wrapper .header .events-link { margin: 0 2rem 0 0; } - .wrapper .header .social-link.hidden { + .wrapper .header .social-link.hidden, .wrapper .header .events-link.hidden { display: none !important; } @media (min-width: 769px) { - .wrapper .header .social-link { + .wrapper .header .social-link, .wrapper .header .events-link { margin: 0; } } .wrapper .header .search-box { display: none; } @@ -319,24 +314,24 @@ object { flex: 1 1 50%; display: flex; flex-direction: column; - flex-wrap: wrap; + flex-wrap: nowrap; height: 100%; justify-content: space-evenly; } } - .wrapper .header #sidebar .sidebar-wrapper li { - display: block; - padding-top: 2rem; } - @media (min-width: 769px) { - .wrapper .header #sidebar .sidebar-wrapper li { - padding: 3rem 0; } } - .wrapper .header #sidebar .sidebar-wrapper li a { - font: 900 4rem "Westeinde Caption"; - color: #000; - -webkit-text-stroke: #fff 1px; } - .wrapper .header #sidebar .sidebar-wrapper li a:hover { - color: #fff; } + .wrapper .header #sidebar .sidebar-wrapper ul li { + display: block; + padding-top: 2rem; } @media (min-width: 769px) { - .wrapper .header #sidebar .sidebar-wrapper li a { - font-size: 2.5rem; } } + .wrapper .header #sidebar .sidebar-wrapper ul li { + padding: 2rem 0; } } + .wrapper .header #sidebar .sidebar-wrapper ul li a { + font: 900 4rem "Westeinde Caption"; + color: #000; + -webkit-text-stroke: #fff 1px; } + .wrapper .header #sidebar .sidebar-wrapper ul li a:hover { + color: #fff; } + @media (min-width: 769px) { + .wrapper .header #sidebar .sidebar-wrapper ul li a { + font-size: 2.5rem; } } .wrapper .header #tag-nav { display: none; position: fixed; @@ -1370,8 +1365,7 @@ object { .home main section .home-wrapper-small .archivedescription h2, .home main section .home-wrapper-small .archivedescription h2 a { font-size: 1.5rem; - -webkit-text-stroke: #000 1px; - color: transparent; } } + color: #000; } } @media (min-width: 769px) and (min-width: 1279px) { .archive main section .home-wrapper-small article h2, .archive main section .home-wrapper-small article h2 a, @@ -1430,6 +1424,9 @@ object { .home main section .home-wrapper-small .archivedescription h2 a { width: calc(100% - 10rem); } } @media (min-width: 769px) { + .archive main section .home-wrapper-small article, + .home main section .home-wrapper-small article { + cursor: pointer; } .archive main section .home-wrapper-small .archivetitle, .home main section .home-wrapper-small .archivetitle { margin: 0 auto; @@ -1664,7 +1661,8 @@ body.category.category-esemeny main { .single article .titlewrapper .metadata { top: -5rem; width: 100%; - padding-left: 0; } + padding-left: 0; + padding-right: 10rem; } .single article .titlewrapper .metadata::after { position: absolute; content: ""; @@ -1698,13 +1696,22 @@ body.category.category-esemeny main { background-color: transparent; min-height: unset; top: -5rem; - position: relative; } } + position: relative; + padding-right: 10rem; + padding-left: 0; } } .single article .single-content { position: relative; padding: 2rem; } @media (min-width: 769px) { .single article .single-content { - top: -5rem; } } + top: -5rem; + padding-left: 0; + padding-right: 10rem; } } + .single article .single-content h4 { + font-weight: 500; + font-size: 2rem; } + .single article .single-content a:hover { + text-decoration: underline; } .single article .single-content hr { height: 1px; background-color: #ff5f5f; @@ -1722,15 +1729,16 @@ body.category.category-esemeny main { .single article .single-content strong { font-weight: 900; } .single article .single-content blockquote { - font: bold 1.8rem "Butler"; - color: #000; } + font: 800 2rem "Butler"; + color: #000; + margin: 3rem 0; } .single article .single-content blockquote p { - background: #ff5f5f; display: inline; - padding: 2px 0; - -moz-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; - -webkit-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; - box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f; } + padding: 3px 0; } + .single article .single-content blockquote cite { + position: relative; + font-size: 80%; + top: 2rem; } .single article .single-content .wp-block-image { padding: 2rem 0; } @media (min-width: 769px) { @@ -2106,6 +2114,9 @@ body.category.category-esemeny main { color: #fff !important; -webkit-text-stroke: #fdff00 1px !important; } } +.single .tag-be .single-content a { + color: #fdff00; } + @media (min-width: 769px) { .single .tag-do .metadata { color: #fff !important; @@ -2116,6 +2127,9 @@ body.category.category-esemeny main { color: #fff !important; -webkit-text-stroke: #3c00ff 1px !important; } } +.single .tag-do .single-content a { + color: #3c00ff; } + @media (min-width: 769px) { .single .tag-think .metadata { color: #fff !important; @@ -2126,6 +2140,9 @@ body.category.category-esemeny main { color: #fff !important; -webkit-text-stroke: #00ffb8 1px !important; } } +.single .tag-think .single-content a { + color: #00ffb8; } + @media (min-width: 769px) { .single .tag-love .metadata { color: #fff !important; @@ -2136,6 +2153,9 @@ body.category.category-esemeny main { color: #fff !important; -webkit-text-stroke: #ff5f5f 1px !important; } } +.single .tag-love .single-content a { + color: #ff5f5f; } + body.hover-tag-be, .header-1.hover-tag-be, .header-2.hover-tag-be { diff --git a/functions.php b/functions.php index 66c96eb..d20e96e 100644 --- a/functions.php +++ b/functions.php @@ -138,8 +138,8 @@ function dis2019_header_scripts() wp_register_script('simpler-sidebar', get_template_directory_uri() . '/js/lib/jquery.simpler-sidebar.min.js', array('jquery'), '2.2.5'); // wp_enqueue_script('simpler-sidebar'); // Enqueue it! - wp_register_script('snap-scroll', get_template_directory_uri() . '/js/lib/snap-scroll.min.js', array('jquery'), '1.0.0'); // - wp_enqueue_script('snap-scroll'); // Enqueue it! + // wp_register_script('snap-scroll', get_template_directory_uri() . '/js/lib/snap-scroll.min.js', array('jquery'), '1.0.0'); // + // wp_enqueue_script('snap-scroll'); // Enqueue it! wp_register_script('jquery.colorbox', get_template_directory_uri() . '/js/lib/jquery.colorbox-min.js', array('jquery'), '1.0.0'); // wp_enqueue_script('jquery.colorbox'); // Enqueue it! @@ -152,7 +152,7 @@ function dis2019_header_scripts() 'conditionizr', 'modernizr', 'simpler-sidebar', - 'snap-scroll', + // 'snap-scroll', 'jquery.colorbox', 'lettering', ), '1.0.0'); // Custom scripts diff --git a/img/arrow-black-left.png b/img/arrow-black-left.png index d7676f1..dacbd87 100644 Binary files a/img/arrow-black-left.png and b/img/arrow-black-left.png differ diff --git a/img/arrow-black-right.png b/img/arrow-black-right.png index 290fb1b..02a731b 100644 Binary files a/img/arrow-black-right.png and b/img/arrow-black-right.png differ diff --git a/js/scripts.js b/js/scripts.js index c9af691..bbb4058 100644 --- a/js/scripts.js +++ b/js/scripts.js @@ -43,7 +43,7 @@ vh: vh, bottomScrollHeight: bottomScrollHeight } - console.log(cssWidths) + // console.log(cssWidths) /* --------------------------- css values to vars --------------------------- */ @@ -51,7 +51,7 @@ const isMobile = (_ => { if (wow < 769) { //mobile settings - $('.social-link').addClass('hidden') + $('.social-link, .events-link').addClass('hidden') return true } else { @@ -59,7 +59,12 @@ } })() - // checks if body has a class + /** + * Checks if body has a class + * @param {string} classname The class to check + * @param {string} notclassname Optional: this classname makes it false + * @returns {boolean} True if body has that class, false if not OR it contains the notclassname + */ function bodyHasClass(classname, notclassname) { if ($('body').hasClass(classname)) { if (notclassname) { @@ -105,9 +110,9 @@ var showHideSocial = function () { if (isMobile && $('.social-link').hasClass('hidden')) { - $('.social-link').removeClass('hidden') + $('.social-link, .events-link').removeClass('hidden') } else if (isMobile) { - $('.social-link').addClass('hidden') + $('.social-link, .events-link').addClass('hidden') } } @@ -318,13 +323,13 @@ /* ----------------------------- Snap on mobile ----------------------------- */ - if (isMobile) { - if (isHome || isArchive) { - $("article.post").SnapScroll({ - animateDuration: 400 - }); - } - } + // if (isMobile) { + // if (isHome || isArchive) { + // $("article.post").SnapScroll({ + // animateDuration: 400 + // }); + // } + // } /* --------------------------------- To top --------------------------------- */ @@ -435,18 +440,21 @@ currElem = homeScroll(currElem, "next") }) - /* --------------------------- scroll on keyboard --------------------------- */ - $('html').keydown(function () { + /* --------------------------- scroll with keyboard --------------------------- */ + $('html *:not(input)').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") + if (!$('.search-bar *').is(':focus')) { + //right and J + if (event.which == 39 || event.which == 74) { + event.preventDefault(); + currElem = homeScroll(currElem, "next") + // left and K: + } else if (event.which == 37 || event.which == 75) { + currElem = homeScroll(currElem, "prev") + } } + } } }) @@ -528,6 +536,13 @@ }); } + /* ------------------------- Click on small articles ------------------------ */ + + $('article.home-small').click(function () { + let href = $(this).children('a.thumbnailwrapper').attr("href") + window.open(href, "_self") + }) + /* ------------------------------ hover on home ----------------------------- */ //hover on big articles diff --git a/sass/_font-mixins.scss b/sass/_font-mixins.scss index e97be4f..96696fe 100644 --- a/sass/_font-mixins.scss +++ b/sass/_font-mixins.scss @@ -20,10 +20,10 @@ font: 900 4rem "Westeinde Caption"; color: #000; -webkit-text-stroke: #fff 1px; - + @media #{$smalldesktop} { font-size: 4rem; - color: #000 !important; + color: #000 !important; } } @@ -62,8 +62,8 @@ //small titles on desktop on home and archives @media #{$smalldesktop} { font-size: 1.5rem; - -webkit-text-stroke: #000 1px; - color: transparent; + //-webkit-text-stroke: #000 1px; + color: #000; } @media #{$bigdesktop} { font-size: 2.2rem; @@ -90,7 +90,6 @@ @media #{$smalldesktop} { font-size: 2rem; } - } @mixin home-metadata-bevezeto { @@ -153,6 +152,11 @@ } } +@mixin single-h4 { + font-weight: 500; + font-size: 2rem; +} + @mixin captiontext { //képaláírás font: 900 1rem "Westeinde Caption"; @@ -161,6 +165,6 @@ } @mixin single-quote { - font: bold 1.8rem "Butler"; + font: 800 2rem "Butler"; color: #000; } diff --git a/sass/base.scss b/sass/base.scss index 63fb601..fb216bc 100644 --- a/sass/base.scss +++ b/sass/base.scss @@ -403,12 +403,12 @@ $v-unit-6: 24rem; height: $h-unit-1; } } - .events-link { - display: none; - @media #{$smalldesktop} { - display: block; - } - } + // .events-link { + // display: block; + // @media #{$smalldesktop} { + // display: block; + // } + // } .menubutton { $speed: 0.5s; @@ -417,8 +417,8 @@ $v-unit-6: 24rem; order: 99; z-index: 3001; - @media #{$smalldesktop} { - } + // @media #{$smalldesktop} { + // } button { transform-origin: center; @@ -436,7 +436,7 @@ $v-unit-6: 24rem; } } - .social-link { + .social-link, .events-link { margin: 0 2rem 0 0; &.hidden { display: none !important; @@ -563,20 +563,20 @@ $v-unit-6: 24rem; flex: 1 1 50%; display: flex; flex-direction: column; - flex-wrap: wrap; + flex-wrap: nowrap; height: 100%; justify-content: space-evenly; } - } - li { - display: block; - padding-top: 2rem; - @media #{$smalldesktop} { - padding: 3rem 0; - } - a { - @include menutext(); + li { + display: block; + padding-top: 2rem; + @media #{$smalldesktop} { + padding: 2rem 0; + } + a { + @include menutext(); + } } } } @@ -1170,6 +1170,10 @@ $v-unit-6: 24rem; } } } + article { + cursor: pointer; + } + .archivetitle { margin: 0 auto; width: 100%; @@ -1405,6 +1409,7 @@ body.category.category-esemeny { // width: calc(100% - #{$h-unit-1}); width: 100%; padding-left: 0; + padding-right: $h-unit-2; @include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1}, white, #000, left); @@ -1416,6 +1421,8 @@ body.category.category-esemeny { min-height: unset; top: -#{$h-unit-1}; position: relative; + padding-right: $h-unit-2; + padding-left: 0; // //position: fixed; // // height: 100vh; // bottom: 0; @@ -1438,6 +1445,16 @@ body.category.category-esemeny { padding: $padd; @media #{$smalldesktop} { top: -#{$h-unit-1}; + padding-left: 0; + padding-right: $h-unit-2; + } + + h4{ + @include single-h4() + } + + a:hover{ + text-decoration: underline; } hr { @@ -1464,11 +1481,19 @@ body.category.category-esemeny { blockquote { @include single-quote(); + margin: 3rem 0; p { - background: #ff5f5f; + // background: #ff5f5f; display: inline; - padding: 2px 0; - @include box-shadow(10px 0 #ff5f5f, -5px 0 #ff5f5f); + padding: 3px 0; + // @include box-shadow(10px 0 #ff5f5f, -5px 0 #ff5f5f); + } + cite{ + position: relative; + font-size: 80%; + top: 2rem; + + } } @@ -1540,7 +1565,7 @@ body.category.category-esemeny { } #colorbox { z-index: 12; - &:focus{ + &:focus { border: none; outline: none; } @@ -1552,7 +1577,6 @@ body.category.category-esemeny { color: transparent; width: 100%; text-align: center; - } #cboxCurrent { display: none !important; @@ -1562,7 +1586,7 @@ body.category.category-esemeny { background-repeat: no-repeat; background-position: center; background-size: 100%; - + &#cboxPrevious, &#cboxNext { background-image: url(../img/curvy_arrow.svg); @@ -1572,14 +1596,14 @@ body.category.category-esemeny { filter: invert(100); z-index: 14; } - &#cboxPrevious{ + &#cboxPrevious { left: 1rem; - @include transform(scaleX(-1)) + @include transform(scaleX(-1)); } &#cboxNext { right: 1rem; } - &#cboxClose{ + &#cboxClose { background-image: url(../img/dis-plus.svg); width: 2rem; height: 2rem; @@ -1699,6 +1723,11 @@ body.category.category-esemeny { } } } + .single-content{ + a{ + color: $color; + } + } } $color-be: #fdff00; $color-do: #3c00ff; diff --git a/single.php b/single.php index 47a52c8..4e57e78 100644 --- a/single.php +++ b/single.php @@ -18,11 +18,6 @@ - - - - -
@@ -34,7 +29,11 @@ $terms = get_the_terms( $post->ID, 'Format' ); if ($terms && ! is_wp_error( $terms )) { foreach($terms as $term) { - echo $term->name; + ?> + + name; + echo ''; } } ?>