From 99e2082e4260dabe2c6685ec35852758b5ad652a Mon Sep 17 00:00:00 2001 From: infeeeee Date: Thu, 11 Jul 2019 03:40:11 +0200 Subject: [PATCH] mostly single updates --- _jegyzet.md | 4 +- _teendők.md | 5 +- css/base.css | 154 +++++++++++++++++++++++++------------- functions.php | 17 ++++- img/solid_arrow_left.svg | 83 ++++++++++++++++++++ img/solid_arrow_right.svg | 13 ++++ js/scripts.js | 9 +++ languages/HTML5Blank.pot | 92 ++++++++++++----------- languages/hu_HU.mo | Bin 3525 -> 3638 bytes languages/hu_HU.po | 92 ++++++++++++----------- sass/_font-mixins.scss | 8 +- sass/base.scss | 149 ++++++++++++++++++++++++++---------- single.php | 59 ++++++++++++++- 13 files changed, 497 insertions(+), 188 deletions(-) create mode 100644 img/solid_arrow_left.svg create mode 100644 img/solid_arrow_right.svg diff --git a/_jegyzet.md b/_jegyzet.md index 2833363..4121654 100644 --- a/_jegyzet.md +++ b/_jegyzet.md @@ -27,4 +27,6 @@ nagy képek, metadata ipad: nem férnek be a rublikába ha hosszúak, mi legy, e ## További kérdések, július 11 -Linkeken hover? Most alá van húzva \ No newline at end of file +Linkeken hover? Most alá van húzva + + diff --git a/_teendők.md b/_teendők.md index 4edc5c4..b97e126 100644 --- a/_teendők.md +++ b/_teendők.md @@ -8,13 +8,10 @@ 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épaláírás asztalin csak hoverre -képaláírás ne legyen outline betüs, asztalin csak hoverre címhez scrolloljon -lightbox nyíl: amit máté küldőtt - Hasonló cikkek: Ugyanabból a kategóriából a 3 legfrisebb diff --git a/css/base.css b/css/base.css index 528d8e4..05780c3 100644 --- a/css/base.css +++ b/css/base.css @@ -218,12 +218,15 @@ object { @media (min-width: 769px) { .wrapper .header .menubutton { order: unset; } } - .wrapper .header .social-link, .wrapper .header .events-link { + .wrapper .header .social-link, + .wrapper .header .events-link { margin: 0 2rem 0 0; } - .wrapper .header .social-link.hidden, .wrapper .header .events-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 .events-link { + .wrapper .header .social-link, + .wrapper .header .events-link { margin: 0; } } .wrapper .header .search-box { display: none; } @@ -1571,7 +1574,8 @@ body.category.category-esemeny main { /* -------------------------------------------------------------------------- */ .single { /* ---------------------------- single on mobile ---------------------------- */ - /* -------------------------------- lightbox -------------------------------- */ } + /* -------------------------------- lightbox -------------------------------- */ + /* ------------------------------ related posts ----------------------------- */ } @media (min-width: 769px) { .single .wrapper { height: unset; @@ -1740,53 +1744,36 @@ body.category.category-esemeny main { font-size: 80%; top: 2rem; } .single article .single-content .wp-block-image { - padding: 2rem 0; } + margin: 2rem 0; + position: relative !important; } @media (min-width: 769px) { .single article .single-content .wp-block-image { - padding: 2rem 5rem; } } - .single article .single-content .wp-block-image figure { - position: relative; } - .single article .single-content .wp-block-image figure figcaption { - bottom: 0 !important; } - .single article .single-content .wp-block-image figure figcaption::after { - content: ""; - display: block; - position: absolute; - background-color: transparent; - width: 0; - height: 0; - right: -5rem; - top: -5rem; - border-top: 5rem solid transparent; - border-left: 5rem solid transparent; - border-right: 5rem solid transparent; - border-bottom: 5rem solid #fff; - position: absolute; - z-index: -1; } - .single article .single-content .wp-block-image figcaption, - .single article .single-content .wp-block-gallery .blocks-gallery-image figcaption, - .single article .single-content .wp-block-gallery .blocks-gallery-item figcaption { - background: #fff; - position: absolute; - width: calc(100% - 5rem); - height: 5rem; - padding: 1rem 2rem; - margin: 0; - bottom: unset; - font: 900 1rem "Westeinde Caption"; - color: #fff; - -webkit-text-stroke-width: 1px; - line-height: 1; - text-align: left; - overflow: unset; - display: flex; - flex-direction: column; - justify-content: center; - z-index: 1; } + padding: 0 5rem; } } + .single article .single-content .wp-block-image figcaption { + bottom: 0 !important; } + .single article .single-content .wp-block-image figcaption::after { + content: ""; + display: block; + position: absolute; + background-color: transparent; + width: 0; + height: 0; + right: -5rem; + top: -5rem; + border-top: 5rem solid transparent; + border-left: 5rem solid transparent; + border-right: 5rem solid transparent; + border-bottom: 5rem solid #fff; + position: absolute; + z-index: -1; } .single article .single-content .wp-block-gallery { - padding: 2rem 0; } + padding: 0; + margin: 2rem 0; } .single article .single-content .wp-block-gallery li { margin-right: 0; } + @media (min-width: 769px) { + .single article .single-content .wp-block-gallery li { + margin-bottom: 4rem; } } .single article .single-content .wp-block-gallery li:nth-child(odd) figcaption::after { content: ""; display: block; @@ -1820,6 +1807,31 @@ body.category.category-esemeny main { border-top: 5rem solid #fff; position: absolute; z-index: -1; } + .single article .single-content .wp-block-image figcaption, + .single article .single-content .wp-block-gallery .blocks-gallery-image figcaption, + .single article .single-content .wp-block-gallery .blocks-gallery-item figcaption { + background: #fff; + position: absolute; + width: calc(100% - 5rem); + height: 5rem; + padding: 1rem 2rem; + margin: 0; + bottom: unset; + font: 900 1rem "Westeinde Caption"; + color: #000; + line-height: 1; + text-align: left; + overflow: unset; + display: flex; + flex-direction: column; + justify-content: center; + z-index: 1; } + .single article .single-content .wp-block-gallery .alignleft, + .single article .single-content .wp-block-gallery .alignright, + .single article .single-content .wp-block-image .alignleft, + .single article .single-content .wp-block-image .alignright { + float: unset; + margin: 0; } .single #cboxOverlay { width: 100%; height: 100%; @@ -1836,10 +1848,8 @@ body.category.category-esemeny main { .single #colorbox #cboxContent #cboxTitle { padding: 1rem; font: 900 1rem "Westeinde Caption"; + color: #000; color: #fff; - -webkit-text-stroke-width: 1px; - -webkit-text-stroke: #fff 1px; - color: transparent; width: 100%; text-align: center; } .single #colorbox #cboxContent #cboxCurrent { @@ -1850,7 +1860,7 @@ body.category.category-esemeny main { background-position: center; background-size: 100%; } .single #colorbox #cboxContent button#cboxPrevious, .single #colorbox #cboxContent button#cboxNext { - background-image: url(../img/curvy_arrow.svg); + background-image: url(../img/solid_arrow_right.svg); width: 2rem; height: 4rem; bottom: -5rem; @@ -1876,6 +1886,42 @@ body.category.category-esemeny main { transform: rotate(45deg); top: -3rem; right: 1rem; } + .single #related_posts { + /* ------------------------ related posts on desktop ------------------------ */ } + .single #related_posts > h3 { + display: none; } + .single #related_posts ul { + padding: 0; } + .single #related_posts ul li { + display: block; } + .single #related_posts ul li .relatedthumb img { + height: 50vw; + width: 100vw; + object-fit: cover; } + .single #related_posts ul li .relatedcontent { + height: 50vw; + padding: 2rem; } + .single #related_posts ul li .relatedcontent h3 { + font: 500 2rem "Westeinde Caption"; } + @media (min-width: 769px) { + .single #related_posts { + padding-right: 10rem; } + .single #related_posts > h3 { + display: block; } + .single #related_posts ul { + display: flex; + flex-direction: row; + flex-wrap: nowrap; } + .single #related_posts ul li { + flex: 1 1 33%; } + .single #related_posts ul li .relatedthumb img { + width: 100%; + height: calc((100vw - 16rem) / 3); } + .single #related_posts ul li .relatedcontent { + position: absolute; + height: unset; + bottom: 0; + width: calc((100vw - 16rem) / 3); } } /* -------------------------------------------------------------------------- */ /* TAG COLORS */ @@ -1899,7 +1945,7 @@ body.category.category-esemeny main { background-color: #fdff00 !important; } .tag-be figcaption { - -webkit-text-stroke-color: #fdff00 !important; } + color: #fdff00 !important; } @media (min-width: 769px) { .tag-be.home-big h2 a { @@ -1955,7 +2001,7 @@ body.category.category-esemeny main { background-color: #3c00ff !important; } .tag-do figcaption { - -webkit-text-stroke-color: #3c00ff !important; } + color: #3c00ff !important; } @media (min-width: 769px) { .tag-do.home-big h2 a { @@ -2011,7 +2057,7 @@ body.category.category-esemeny main { background-color: #00ffb8 !important; } .tag-think figcaption { - -webkit-text-stroke-color: #00ffb8 !important; } + color: #00ffb8 !important; } @media (min-width: 769px) { .tag-think.home-big h2 a { @@ -2067,7 +2113,7 @@ body.category.category-esemeny main { background-color: #ff5f5f !important; } .tag-love figcaption { - -webkit-text-stroke-color: #ff5f5f !important; } + color: #ff5f5f !important; } @media (min-width: 769px) { .tag-love.home-big h2 a { diff --git a/functions.php b/functions.php index d20e96e..8be276c 100644 --- a/functions.php +++ b/functions.php @@ -10,7 +10,16 @@ External Modules/Files // Load any external files you have here -//include 'ChromePhp.php'; +//chromephp: +// include 'ChromePhp.php'; +//usage: +//ChromePhp::log('Hello console!'); + +// Debug $data will display in console +function console_debug( $data ) { + $data = json_encode($data); + echo ""; +} /*------------------------------------*\ Theme Support @@ -513,13 +522,15 @@ function dis_2019_more_posts_on_home(&$query) if (!$query->is_home() && !$query->is_archive()) { return; } - + if ($query->is_home()) { $pposts = 14; } elseif ($query->is_tag()) { $pposts = 10; + } elseif (!$query->in_the_loop()) { + return; } else { - $pposts = 11; + $pposts = 6; } //set post_per_page if it's homepage diff --git a/img/solid_arrow_left.svg b/img/solid_arrow_left.svg new file mode 100644 index 0000000..70b5514 --- /dev/null +++ b/img/solid_arrow_left.svg @@ -0,0 +1,83 @@ + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + diff --git a/img/solid_arrow_right.svg b/img/solid_arrow_right.svg new file mode 100644 index 0000000..6560414 --- /dev/null +++ b/img/solid_arrow_right.svg @@ -0,0 +1,13 @@ + + + + + + + + + + + + + diff --git a/js/scripts.js b/js/scripts.js index bbb4058..814f4df 100644 --- a/js/scripts.js +++ b/js/scripts.js @@ -728,6 +728,15 @@ if (isSingle) { + + /* ----------------------------- images, gallery ---------------------------- */ + + //hide caption on desktop + if (!isMobile) { + $('.wp-block-gallery, .wp-block-image').children('figcaption').hide() + } + + /* -------------------------------- Lightbox -------------------------------- */ diff --git a/languages/HTML5Blank.pot b/languages/HTML5Blank.pot index 0ad39c0..d71ac78 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-07-03 20:35+0200\n" +"POT-Creation-Date: 2019-07-11 03:38+0200\n" "PO-Revision-Date: \n" "Last-Translator: Jürgen Rabe | www.egado.de \n" "Language-Team: \n" @@ -24,169 +24,169 @@ msgstr "" msgid "Return home?" msgstr "" -#: ../category-esemeny.php:74 ../loop.php:99 ../page.php:30 ../single.php:85 +#: ../category-esemeny.php:74 ../loop.php:99 ../page.php:30 ../single.php:138 msgid "Sorry, nothing to display." msgstr "" -#: ../functions.php:229 +#: ../functions.php:238 msgid "Main menu left" msgstr "" -#: ../functions.php:230 +#: ../functions.php:239 msgid "Main menu right" msgstr "" -#: ../functions.php:232 +#: ../functions.php:241 msgid "Circular tags" msgstr "" -#: ../functions.php:358 +#: ../functions.php:367 msgid "View Article" msgstr "" -#: ../functions.php:422 +#: ../functions.php:431 #, php-format msgid "%s says:" msgstr "" -#: ../functions.php:425 +#: ../functions.php:434 msgid "Your comment is awaiting moderation." msgstr "" -#: ../functions.php:431 +#: ../functions.php:440 #, php-format msgid "%1$s at %2$s" msgstr "" -#: ../functions.php:431 +#: ../functions.php:440 msgid "(Edit)" msgstr "" -#: ../functions.php:671 +#: ../functions.php:682 msgid "Search Formats" msgstr "" -#: ../functions.php:672 +#: ../functions.php:683 msgid "All Formats" msgstr "" -#: ../functions.php:673 +#: ../functions.php:684 msgid "Parent Format" msgstr "" -#: ../functions.php:674 +#: ../functions.php:685 msgid "Parent Format:" msgstr "" -#: ../functions.php:675 +#: ../functions.php:686 msgid "Edit Format" msgstr "" -#: ../functions.php:676 +#: ../functions.php:687 msgid "Update Format" msgstr "" -#: ../functions.php:677 +#: ../functions.php:688 msgid "Add New Format" msgstr "" -#: ../functions.php:678 +#: ../functions.php:689 msgid "New Format Name" msgstr "" -#: ../functions.php:679 +#: ../functions.php:690 msgid "Formats" msgstr "" -#: ../functions.php:681 +#: ../functions.php:692 msgid "View Formats" msgstr "" -#: ../functions.php:682 +#: ../functions.php:693 msgid "Popular Formats" msgstr "" -#: ../functions.php:683 +#: ../functions.php:694 msgid "Separate formats with commas" msgstr "" -#: ../functions.php:684 +#: ../functions.php:695 msgid "Add or remove formats" msgstr "" -#: ../functions.php:685 +#: ../functions.php:696 msgid "Choose from most used formats" msgstr "" -#: ../functions.php:686 +#: ../functions.php:697 msgid "No formats found" msgstr "" -#: ../functions.php:687 +#: ../functions.php:698 msgid "Back to formats" msgstr "" -#: ../functions.php:708 +#: ../functions.php:719 msgid "Search Writers" msgstr "" -#: ../functions.php:709 +#: ../functions.php:720 msgid "All Writers" msgstr "" -#: ../functions.php:710 +#: ../functions.php:721 msgid "Parent Writer" msgstr "" -#: ../functions.php:711 +#: ../functions.php:722 msgid "Parent Writer:" msgstr "" -#: ../functions.php:712 +#: ../functions.php:723 msgid "Edit Writer" msgstr "" -#: ../functions.php:713 +#: ../functions.php:724 msgid "Update Writer" msgstr "" -#: ../functions.php:714 +#: ../functions.php:725 msgid "Add New Writer" msgstr "" -#: ../functions.php:715 +#: ../functions.php:726 msgid "New Writer Name" msgstr "" -#: ../functions.php:716 +#: ../functions.php:727 msgid "Writers" msgstr "" -#: ../functions.php:718 +#: ../functions.php:729 msgid "View Writers" msgstr "" -#: ../functions.php:719 +#: ../functions.php:730 msgid "Popular Writers" msgstr "" -#: ../functions.php:720 +#: ../functions.php:731 msgid "Separate writers with commas" msgstr "" -#: ../functions.php:721 +#: ../functions.php:732 msgid "Add or remove writers" msgstr "" -#: ../functions.php:722 +#: ../functions.php:733 msgid "Choose from most used writer" msgstr "" -#: ../functions.php:723 +#: ../functions.php:734 msgid "No writer found" msgstr "" -#: ../functions.php:724 +#: ../functions.php:735 msgid "Back to writers" msgstr "" @@ -294,5 +294,13 @@ msgstr "" msgid "%s Search Results for " msgstr "" +#: ../single.php:93 +msgid "More posts:" +msgstr "" + +#: ../single.php:121 +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 4c92aa1d85e8c6dd2e89260db6c54257caa9d69b..eada068e59412d631ac28a32162eb20864086fb1 100644 GIT binary patch delta 1227 zcmZA1OGs2v9LMqFJbKKS+4OX@y4Fk&^U)Xt&8|%nX%e&xim|2~otkjeBB}{m6oiyn z5k-VMk=m$4s}e+lA_QBw2&6XECW4Tb)%SP%2hqX*{oMbZx##@PW1OyjR#Tdfh3-1q zE~18*D08j_TZ3F^ogwGSF^6lg9~a>OrtuC|;EXwstI5Bb!LV~t@+vcl%gIx?%(;@= zYY*CSJs%uH6>{m%7u*9}NXv}*Gcp zTs3c*kB~n%$|ZqgxCH0$2HW%jHN!m1qr%Ud*KjxaJ=B12%`ezM9*j6wk0~r^DUNa@ z3%C}q;7YuY+Vdyah*PKzzN2Q~F*>)d5%u04^APgqa$K|meW(fEM!okKWB4@6{_AGa z9=yXU@=vDT(!g=_a6hiVF4TJ$Ex&2`Fsk4Q)FFI>tMH@cKP)e&3ax0Z)_*fM`*@%| z?Lu{M!5lP4u$t#DaUH%#&3pmX(JxeC3HE`V@egbgISPK$B-FIZYWCxD+qC~`OxRx{ z4y```{rPPJSAI$UFGGa}2p!hHO{<`ps;Q6^v4hx1sG$Gb79MD;wh|45KR!jf?L-sd z5o+3h&X<4S>QS@TjQ?%=pHWL_k9E-0w2Epw39Y1-zmCwhHWMzHN))|Jua|626kT$t zB{UoEES%1!hbqI9(Y8WQ);n7$_7>CQGvVu@$jRx!LjFW1-;)_{iv-GIhYS5v!yO$t T?|81eJDWSxogP0JJs0>5HW_S} delta 1112 zcmYk*Pe@cz6vy#1)6>%DpT@>C|21RTKmUW63KB8kDwJ>`NP$EHF^gzX?P3Cn7Nssm z+laPlQwu2u6&HaBK}#V5L5LQGxC=zcUEkm9EIiD;pLg!eyYJp}->fx#Y0Uqq2^Ng# zr8Uvs#mq9;ae|H*2+S&Q5YOTWmf~F;!uwc-Z`~EFCI9Sx!;pO6J;ZAASV?5w5?nMh zkVY-w23F!7EW;dXg2(Q2JW2i<_4|3$0zRQ8-gLL!pLm+_Kc2@}eJgnat1NHU$Auo4 zi3ZGWdp_m)L)662+!<6wmi+qU)|r>Kptncn!nj?$Ec!`=i7)6j3XbLqPvI> z@D$GAD~{z2suHb~MLX_thq0gh7V3f1?lN|gZ(s-Rp(>Fq|8E=S>lo{lt znrIfakRoyt(J_I=)e)CzykAk7bu@ax6uO71M`c&8<5Z++s#uTCUlma3fm($A4J|Y+ zPFw&0 diff --git a/languages/hu_HU.po b/languages/hu_HU.po index bd092b1..b0ee589 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-07-03 20:36+0200\n" +"POT-Creation-Date: 2019-07-11 03:39+0200\n" "PO-Revision-Date: \n" "Last-Translator: Sallay Arnold \n" "Language-Team: \n" @@ -24,169 +24,169 @@ msgstr "A keresett oldal nem található" msgid "Return home?" msgstr "Vissza a főoldalra?" -#: ../category-esemeny.php:74 ../loop.php:99 ../page.php:30 ../single.php:85 +#: ../category-esemeny.php:74 ../loop.php:99 ../page.php:30 ../single.php:138 msgid "Sorry, nothing to display." msgstr "Nincs tartalom." -#: ../functions.php:229 +#: ../functions.php:238 msgid "Main menu left" msgstr "Főmenü bal" -#: ../functions.php:230 +#: ../functions.php:239 msgid "Main menu right" msgstr "Főmenü jobb" -#: ../functions.php:232 +#: ../functions.php:241 msgid "Circular tags" msgstr "Kör címkék" -#: ../functions.php:358 +#: ../functions.php:367 msgid "View Article" msgstr "Tartalom Megtekintése" -#: ../functions.php:422 +#: ../functions.php:431 #, php-format msgid "%s says:" msgstr "%s :" -#: ../functions.php:425 +#: ../functions.php:434 msgid "Your comment is awaiting moderation." msgstr "A hozzászólás moderálásra vár." -#: ../functions.php:431 +#: ../functions.php:440 #, php-format msgid "%1$s at %2$s" msgstr "%1$s - %2$s" -#: ../functions.php:431 +#: ../functions.php:440 msgid "(Edit)" msgstr "(Szerkesztés)" -#: ../functions.php:671 +#: ../functions.php:682 msgid "Search Formats" msgstr "Formátumok keresése" -#: ../functions.php:672 +#: ../functions.php:683 msgid "All Formats" msgstr "Minden formátum" -#: ../functions.php:673 +#: ../functions.php:684 msgid "Parent Format" msgstr "Szülő formátum" -#: ../functions.php:674 +#: ../functions.php:685 msgid "Parent Format:" msgstr "Szülő formátum:" -#: ../functions.php:675 +#: ../functions.php:686 msgid "Edit Format" msgstr "Formátum szerkesztése" -#: ../functions.php:676 +#: ../functions.php:687 msgid "Update Format" msgstr "Formátum frissítése" -#: ../functions.php:677 +#: ../functions.php:688 msgid "Add New Format" msgstr "Új formátum hozzáadása" -#: ../functions.php:678 +#: ../functions.php:689 msgid "New Format Name" msgstr "Új formátum neve" -#: ../functions.php:679 +#: ../functions.php:690 msgid "Formats" msgstr "Formátumok" -#: ../functions.php:681 +#: ../functions.php:692 msgid "View Formats" msgstr "Formátumok megjelenítése" -#: ../functions.php:682 +#: ../functions.php:693 msgid "Popular Formats" msgstr "Népszerű formátumok" -#: ../functions.php:683 +#: ../functions.php:694 msgid "Separate formats with commas" msgstr "Formátumokat vesszővel válaszd el" -#: ../functions.php:684 +#: ../functions.php:695 msgid "Add or remove formats" msgstr "Formátumok hozzáadása vagy eltávolítása" -#: ../functions.php:685 +#: ../functions.php:696 msgid "Choose from most used formats" msgstr "Választás a leggyakoribb formátumok közül" -#: ../functions.php:686 +#: ../functions.php:697 msgid "No formats found" msgstr "Formátum nem található" -#: ../functions.php:687 +#: ../functions.php:698 msgid "Back to formats" msgstr "Vissza a formátumokhoz" -#: ../functions.php:708 +#: ../functions.php:719 msgid "Search Writers" msgstr "Cikkírók keresése" -#: ../functions.php:709 +#: ../functions.php:720 msgid "All Writers" msgstr "Minden cikkíró" -#: ../functions.php:710 +#: ../functions.php:721 msgid "Parent Writer" msgstr "Szülő cikkíró" -#: ../functions.php:711 +#: ../functions.php:722 msgid "Parent Writer:" msgstr "Szülő cikkíró:" -#: ../functions.php:712 +#: ../functions.php:723 msgid "Edit Writer" msgstr "Cikkíró szerkesztése" -#: ../functions.php:713 +#: ../functions.php:724 msgid "Update Writer" msgstr "Cikkíró frissítése" -#: ../functions.php:714 +#: ../functions.php:725 msgid "Add New Writer" msgstr "Új cikkíró hozzáadása" -#: ../functions.php:715 +#: ../functions.php:726 msgid "New Writer Name" msgstr "Új cikkíró neve" -#: ../functions.php:716 +#: ../functions.php:727 msgid "Writers" msgstr "Cikkírók" -#: ../functions.php:718 +#: ../functions.php:729 msgid "View Writers" msgstr "Cikkírók Megtekintése" -#: ../functions.php:719 +#: ../functions.php:730 msgid "Popular Writers" msgstr "Népszerű cikkírók" -#: ../functions.php:720 +#: ../functions.php:731 msgid "Separate writers with commas" msgstr "Cikkírókat vesszővel válaszd el" -#: ../functions.php:721 +#: ../functions.php:732 msgid "Add or remove writers" msgstr "Cikkírók hozzáadása vagy eltávolítása" -#: ../functions.php:722 +#: ../functions.php:733 msgid "Choose from most used writer" msgstr "Választás a leggyakoribb cikkírók közül" -#: ../functions.php:723 +#: ../functions.php:734 msgid "No writer found" msgstr "Cikkíró nem található" -#: ../functions.php:724 +#: ../functions.php:735 msgid "Back to writers" msgstr "Vissza a cikkírókhoz" @@ -294,6 +294,14 @@ msgstr "" msgid "%s Search Results for " msgstr "%s Találatok " +#: ../single.php:93 +msgid "More posts:" +msgstr "További cikkeink:" + +#: ../single.php:121 +msgid "Back to home:" +msgstr "Vissza a főoldalra" + #~ msgid "Search Authors" #~ msgstr "Szerző keresése" diff --git a/sass/_font-mixins.scss b/sass/_font-mixins.scss index 96696fe..97dec51 100644 --- a/sass/_font-mixins.scss +++ b/sass/_font-mixins.scss @@ -160,11 +160,15 @@ @mixin captiontext { //képaláírás font: 900 1rem "Westeinde Caption"; - color: #fff; - -webkit-text-stroke-width: 1px; + color: #000; + // -webkit-text-stroke-width: 1px; } @mixin single-quote { font: 800 2rem "Butler"; color: #000; } + +@mixin related-title { + font: 500 2rem "Westeinde Caption"; +} diff --git a/sass/base.scss b/sass/base.scss index fb216bc..3699b4a 100644 --- a/sass/base.scss +++ b/sass/base.scss @@ -405,9 +405,9 @@ $v-unit-6: 24rem; } // .events-link { // display: block; - // @media #{$smalldesktop} { - // display: block; - // } + // @media #{$smalldesktop} { + // display: block; + // } // } .menubutton { @@ -436,7 +436,8 @@ $v-unit-6: 24rem; } } - .social-link, .events-link { + .social-link, + .events-link { margin: 0 2rem 0 0; &.hidden { display: none !important; @@ -1306,10 +1307,9 @@ body.category.category-esemeny { } } + $padd: 2rem; /* ---------------------------- single on mobile ---------------------------- */ article { - $padd: 2rem; - // & > *, // h1.single-title { // padding: $padd; @@ -1449,11 +1449,11 @@ body.category.category-esemeny { padding-right: $h-unit-2; } - h4{ - @include single-h4() + h4 { + @include single-h4(); } - a:hover{ + a:hover { text-decoration: underline; } @@ -1488,32 +1488,52 @@ body.category.category-esemeny { padding: 3px 0; // @include box-shadow(10px 0 #ff5f5f, -5px 0 #ff5f5f); } - cite{ + cite { position: relative; font-size: 80%; top: 2rem; - - } } .wp-block-image { - padding: $padd 0; + // padding: $padd 0; + margin: $padd 0; @media #{$smalldesktop} { - padding: $padd $h-unit-1; + padding: 0 $h-unit-1; } - figure { - position: relative; - figcaption { - bottom: 0 !important; + position: relative !important; + figcaption { + bottom: 0 !important; + // width: calc(100% - #{$h-unit-1}); + &::after { + @include trianglecorner(topright, #{$h-unit-1}); + } + } + } + + .wp-block-gallery { + padding: 0; + margin: $padd 0; + li { + margin-right: 0; + @media #{$smalldesktop} { + margin-bottom: $v-unit-1; + } + &:nth-child(odd) figcaption::after { + @include trianglecorner(topright, #{$h-unit-1}); + } + &:nth-child(even) figcaption { + right: 0; + top: 0; &::after { - @include trianglecorner(topright, #{$h-unit-1}); + @include trianglecorner(bottomleft, #{$h-unit-1}); } } } } + //figcaptions: .wp-block-image figcaption, .wp-block-gallery .blocks-gallery-image figcaption, .wp-block-gallery .blocks-gallery-item figcaption { @@ -1534,20 +1554,14 @@ body.category.category-esemeny { z-index: 1; } - .wp-block-gallery { - padding: $padd 0; - li { - margin-right: 0; - &:nth-child(odd) figcaption::after { - @include trianglecorner(topright, #{$h-unit-1}); - } - &:nth-child(even) figcaption { - right: 0; - top: 0; - &::after { - @include trianglecorner(bottomleft, #{$h-unit-1}); - } - } + //aligned: + .wp-block-gallery, + .wp-block-image { + .alignleft, + .alignright { + //no align on mobile + float: unset; + margin: 0; } } } @@ -1573,8 +1587,7 @@ body.category.category-esemeny { #cboxTitle { padding: 1rem; @include captiontext(); - -webkit-text-stroke: #fff 1px; - color: transparent; + color: #fff; width: 100%; text-align: center; } @@ -1589,7 +1602,7 @@ body.category.category-esemeny { &#cboxPrevious, &#cboxNext { - background-image: url(../img/curvy_arrow.svg); + background-image: url(../img/solid_arrow_right.svg); width: 2rem; height: 4rem; bottom: -5rem; @@ -1613,6 +1626,64 @@ body.category.category-esemeny { } } } + } //#colorbox end + + /* ------------------------------ related posts ----------------------------- */ + #related_posts { + & > h3 { + display: none; + } + ul { + padding: 0; + li { + display: block; + + .relatedthumb { + img { + height: 50vw; + width: 100vw; + object-fit: cover; + } + } + .relatedcontent { + height: 50vw; + padding: $padd; + h3 { + @include related-title(); + } + } + } + } + + /* ------------------------ related posts on desktop ------------------------ */ + @media #{$smalldesktop} { + padding-right: $h-unit-2; + + + & > h3 { + display: block; + } + ul { + display: flex; + flex-direction: row; + flex-wrap: nowrap; + li { + flex: 1 1 33%; + .relatedthumb { + img { + width: 100%; + height: calc((100vw - #{$v-unit-4}) / 3); + } + } + .relatedcontent { + position: absolute; + height: unset; + bottom: 0; + width: calc((100vw - #{$v-unit-4}) / 3); + } + } + } + } } } //body.single end @@ -1644,7 +1715,7 @@ body.category.category-esemeny { } figcaption { - -webkit-text-stroke-color: $color !important; + color: $color !important; } @media #{$smalldesktop} { @@ -1723,8 +1794,8 @@ body.category.category-esemeny { } } } - .single-content{ - a{ + .single-content { + a { color: $color; } } diff --git a/single.php b/single.php index 4e57e78..05d2c1f 100644 --- a/single.php +++ b/single.php @@ -69,13 +69,67 @@
+ + ID); + + if ($categories) { + $category_ids = array(); + + foreach($categories as $individual_category) $category_ids[] = $individual_category->term_id; + $args=array( + '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 + ); + + $my_query = new wp_query( $args ); + console_debug($my_query); + if( $my_query->have_posts() ) { + ?> + '; + } + }; + $post = $orig_post; + wp_reset_query(); ?> + +
+ + + + @@ -88,10 +142,13 @@ + + + - + \ No newline at end of file