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

work on wingle articles

Browse Source
This commit is contained in:
infeeeee
2019-08-07 22:54:34 +02:00
parent 8e00b8717b
commit 5a234f87e1
10 changed files with 438 additions and 306 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
.vscode/globalsnippets.code-snippets vendored
View File

@@ -15,7 +15,6 @@
// ], // ],
// "description": "Log output to console" // "description": "Log output to console"
// } // }
"smalldesktop": { "smalldesktop": {
"scope": "scss,sass", "scope": "scss,sass",
"prefix": "smalldesktop", "prefix": "smalldesktop",
@@ -36,9 +35,8 @@
], ],
"description": "SCSS: Bigdesktop media query" "description": "SCSS: Bigdesktop media query"
}, },
"div": { "div": {
"scope":"html,php", "scope": "html,php",
"prefix": "div", "prefix": "div",
"body": [ "body": [
"<div class=\"$1\">", "<div class=\"$1\">",
@@ -47,10 +45,8 @@
], ],
"description": "HTML: div start and end" "description": "HTML: div start and end"
}, },
"php": { "php": {
"scope":"html,php", "scope": "html,php",
"prefix": "php", "prefix": "php",
"body": [ "body": [
"<?php", "<?php",
@@ -59,15 +55,20 @@
], ],
"description": "HTML: div start and end" "description": "HTML: div start and end"
}, },
"chromephp-log": { "console_debug": {
"scope":"html,php", "scope": "html,php",
"prefix": "log", "prefix": "console_debug",
"body": [ "body": [
"ChromePhp::log($0);" "console_debug($0);"
], ],
"description": "Log to js console with Chromephp addin" "description": "Log to js console"
} },
"console.log": {
"scope": "javascript",
"prefix": "console.log",
"body": [
"console.log($0)"
],
"description": "console.log()"
},
} }

8
_teendők.md
View File

@@ -2,20 +2,12 @@
og: tag: pluginnal! og: tag: pluginnal!
állókép körbefut a szöveg!!!!
bal felső sarokban nem jó a sarok border!! bal felső sarokban nem jó a sarok border!!
jobb oldali margó dupla akkora minimum, és nőjön, hogy a szöveg fix széles maradhasson
margók összébb húzni a tartalmat: 1024px | elválasztó vonalakat is szűkebbre venni
lightbox: mobilon ott ahol van most lightbox: mobilon ott ahol van most
Asztalin menjen ki a képernyő szélére Asztalin menjen ki a képernyő szélére
galéria jobb/bal nyilat a képernyő széléhez igazítani | X-et is galéria jobb/bal nyilat a képernyő széléhez igazítani | X-et is
Link a kiemelt hátterű szövegben mint a mostani designisson! Lásd annabella cikke, valamelyik kérdés
szövegben kiemelt résznél link opacity
# Esemény oldal # Esemény oldal

210
css/base.css
View File

@@ -1772,6 +1772,7 @@ body.category.category-esemeny main {
.page article { .page article {
padding-bottom: 5rem; padding-bottom: 5rem;
/* ---------------------------- single header on desktop --------------------------- */ /* ---------------------------- single header on desktop --------------------------- */
/* ---------------------------- single content hr --------------------------- */
/* ----------------------------- single content ----------------------------- */ } /* ----------------------------- single content ----------------------------- */ }
.single article .thumbnailwrapper, .single article .thumbnailwrapper,
.page article .thumbnailwrapper { .page article .thumbnailwrapper {
@@ -1801,18 +1802,23 @@ body.category.category-esemeny main {
position: relative; position: relative;
align-self: flex-end; align-self: flex-end;
display: flex; display: flex;
flex-direction: row; flex-direction: column;
justify-content: space-between; justify-content: center;
font: bold 1rem "Westeinde Caption"; } font: bold 1.4rem "Westeinde Caption"; }
@media (min-width: 769px) { @media (min-width: 769px) {
.single article .titlewrapper .metadata, .single article .titlewrapper .metadata,
.page article .titlewrapper .metadata { .page article .titlewrapper .metadata {
font: 900 2rem "Westeinde Caption"; font: 900 2rem "Westeinde Caption";
color: #fff; color: #fff;
-webkit-text-stroke: #000 1px; } } -webkit-text-stroke: #000 1px; } }
.single article .titlewrapper .metadata .time-cat, .single article .titlewrapper .metadata .metaWrapper,
.page article .titlewrapper .metadata .time-cat { .page article .titlewrapper .metadata .metaWrapper {
z-index: 10; } display: flex;
flex-direction: row;
justify-content: space-between; }
.single article .titlewrapper .metadata .metaWrapper .time-cat,
.page article .titlewrapper .metadata .metaWrapper .time-cat {
z-index: 10; }
.single article .titlewrapper h1.single-title, .single article .titlewrapper h1.single-title,
.page article .titlewrapper h1.single-title { .page article .titlewrapper h1.single-title {
margin: 0; margin: 0;
@@ -1869,7 +1875,7 @@ body.category.category-esemeny main {
top: -5rem; top: -5rem;
width: 100%; width: 100%;
padding-left: 0; padding-left: 0;
padding-right: 10rem; } padding-right: 0; }
.single article .titlewrapper .metadata::after, .single article .titlewrapper .metadata::after,
.page article .titlewrapper .metadata::after { .page article .titlewrapper .metadata::after {
position: absolute; position: absolute;
@@ -1901,14 +1907,20 @@ body.category.category-esemeny main {
transform: skewX(-45deg); transform: skewX(-45deg);
transform-origin: left bottom; transform-origin: left bottom;
border-top: #000 solid 1px; } border-top: #000 solid 1px; }
.single article .titlewrapper .metadata .metaWrapper,
.page article .titlewrapper .metadata .metaWrapper {
padding-right: 20rem;
padding-left: 0;
max-width: calc(1024px + 20rem); }
.single article .titlewrapper h1.single-title, .single article .titlewrapper h1.single-title,
.page article .titlewrapper h1.single-title { .page article .titlewrapper h1.single-title {
background-color: transparent; background-color: transparent;
min-height: unset; min-height: unset;
top: -5rem; top: -5rem;
position: relative; position: relative;
padding-right: 10rem; padding-right: 20rem;
padding-left: 0; } } padding-left: 0;
max-width: calc(1024px + 20rem); } }
.single article hr, .single article hr,
.page article hr { .page article hr {
height: 1px; height: 1px;
@@ -1929,21 +1941,28 @@ body.category.category-esemeny main {
margin-top: 0 !important; } } margin-top: 0 !important; } }
.single article hr.content-end, .single article hr.content-end,
.page article hr.content-end { .page article hr.content-end {
margin-top: 2rem; margin-top: 4rem;
margin-bottom: 2rem; } margin-bottom: 0; }
@media (min-width: 769px) {
.single article hr.content-end,
.page article hr.content-end {
margin-top: 2rem;
margin-bottom: 2rem; } }
.single article.has-post-thumbnail hr.content-begin, .single article.has-post-thumbnail hr.content-begin,
.page article.has-post-thumbnail hr.content-begin { .page article.has-post-thumbnail hr.content-begin {
margin-top: calc(25vh + 2rem); } margin-top: calc(25vh + 2rem); }
.single article .single-content, .single article .single-content,
.page article .single-content { .page article .single-content {
position: relative; position: relative;
padding: 2rem; } padding: 2rem;
/* ---------------------------- images on single ---------------------------- */ }
@media (min-width: 769px) { @media (min-width: 769px) {
.single article .single-content, .single article .single-content,
.page article .single-content { .page article .single-content {
top: -5rem; top: -5rem;
padding-right: 20rem;
padding-left: 0; padding-left: 0;
padding-right: 10rem; } } max-width: calc(1024px + 20rem); } }
.single article .single-content h2, .single article .single-content h2,
.page article .single-content h2 { .page article .single-content h2 {
font: 800 3rem "Butler"; } font: 800 3rem "Butler"; }
@@ -1998,7 +2017,13 @@ body.category.category-esemeny main {
@media (min-width: 769px) { @media (min-width: 769px) {
.single article .single-content .wp-block-image, .single article .single-content .wp-block-image,
.page article .single-content .wp-block-image { .page article .single-content .wp-block-image {
padding: 2rem 0; } } padding: 0; } }
.single article .single-content .wp-block-image:not(.wp-block-image-aligned),
.page article .single-content .wp-block-image:not(.wp-block-image-aligned) {
width: -moz-max-content;
width: max-content;
width: -moz-fit-content;
width: fit-content; }
.single article .single-content .wp-block-image figcaption, .single article .single-content .wp-block-image figcaption,
.page article .single-content .wp-block-image figcaption { .page article .single-content .wp-block-image figcaption {
bottom: 0 !important; } bottom: 0 !important; }
@@ -2102,45 +2127,88 @@ body.category.category-esemeny main {
.page article .single-content .wp-block-gallery .blocks-gallery-image figcaption.vis, .page article .single-content .wp-block-gallery .blocks-gallery-image figcaption.vis,
.page article .single-content .wp-block-gallery .blocks-gallery-item figcaption.vis { .page article .single-content .wp-block-gallery .blocks-gallery-item figcaption.vis {
display: block; } } display: block; } }
.single article .single-content .wp-block-gallery .alignleft, .single article .single-content .wp-block-gallery .alignedWrapper,
.single article .single-content .wp-block-gallery .alignright, .single article .single-content .wp-block-image .alignedWrapper,
.single article .single-content .wp-block-image .alignleft, .page article .single-content .wp-block-gallery .alignedWrapper,
.single article .single-content .wp-block-image .alignright, .page article .single-content .wp-block-image .alignedWrapper {
.page article .single-content .wp-block-gallery .alignleft, position: relative; }
.page article .single-content .wp-block-gallery .alignright,
.page article .single-content .wp-block-image .alignleft,
.page article .single-content .wp-block-image .alignright {
float: unset;
margin: 0; }
@media (min-width: 769px) { @media (min-width: 769px) {
.single article .single-content .wp-block-gallery .alignleft, .single article .single-content .wp-block-gallery .alignedWrapper,
.single article .single-content .wp-block-gallery .alignright, .single article .single-content .wp-block-image .alignedWrapper,
.single article .single-content .wp-block-image .alignleft, .page article .single-content .wp-block-gallery .alignedWrapper,
.single article .single-content .wp-block-image .alignright, .page article .single-content .wp-block-image .alignedWrapper {
.page article .single-content .wp-block-gallery .alignleft, max-width: 50%;
.page article .single-content .wp-block-gallery .alignright, width: -moz-max-content;
.page article .single-content .wp-block-image .alignleft, width: max-content;
.page article .single-content .wp-block-image .alignright { width: -moz-fit-content;
width: 100%; } } width: fit-content; }
.single article .single-content .wp-block-gallery .alignright, .single article .single-content .wp-block-gallery .alignedWrapper.alignleftWrapper,
.single article .single-content .wp-block-image .alignright, .single article .single-content .wp-block-image .alignedWrapper.alignleftWrapper,
.page article .single-content .wp-block-gallery .alignright, .page article .single-content .wp-block-gallery .alignedWrapper.alignleftWrapper,
.page article .single-content .wp-block-image .alignright { .page article .single-content .wp-block-image .alignedWrapper.alignleftWrapper {
text-align: right; } padding-right: 2rem;
float: left; }
.single article .single-content .wp-block-gallery .alignedWrapper.alignrightWrapper,
.single article .single-content .wp-block-image .alignedWrapper.alignrightWrapper,
.page article .single-content .wp-block-gallery .alignedWrapper.alignrightWrapper,
.page article .single-content .wp-block-image .alignedWrapper.alignrightWrapper {
padding-left: 2rem;
float: right; } }
.single article .single-content .wp-block-gallery .alignedWrapper .alignleft,
.single article .single-content .wp-block-gallery .alignedWrapper .alignright,
.single article .single-content .wp-block-image .alignedWrapper .alignleft,
.single article .single-content .wp-block-image .alignedWrapper .alignright,
.page article .single-content .wp-block-gallery .alignedWrapper .alignleft,
.page article .single-content .wp-block-gallery .alignedWrapper .alignright,
.page article .single-content .wp-block-image .alignedWrapper .alignleft,
.page article .single-content .wp-block-image .alignedWrapper .alignright {
margin: 0;
position: relative;
float: unset; }
@media (min-width: 769px) {
.single article .single-content .wp-block-gallery .alignedWrapper .alignleft,
.single article .single-content .wp-block-gallery .alignedWrapper .alignright,
.single article .single-content .wp-block-image .alignedWrapper .alignleft,
.single article .single-content .wp-block-image .alignedWrapper .alignright,
.page article .single-content .wp-block-gallery .alignedWrapper .alignleft,
.page article .single-content .wp-block-gallery .alignedWrapper .alignright,
.page article .single-content .wp-block-image .alignedWrapper .alignleft,
.page article .single-content .wp-block-image .alignedWrapper .alignright {
width: auto; } }
.single article .single-content .authors, .single article .single-content .authors,
.page article .single-content .authors { .page article .single-content .authors {
font-weight: 500; font: bold 1.4rem "Westeinde Caption";
font-size: 2.4rem; font-size: 2rem;
line-height: 1.6; } color: #fff;
-webkit-text-stroke: #000 1px;
color: #000;
-webkit-text-stroke: 0px; }
@media (min-width: 769px) {
.single article .single-content .authors,
.page article .single-content .authors {
font: 900 2rem "Westeinde Caption";
color: #fff;
-webkit-text-stroke: #000 1px; } }
@media (min-width: 769px) {
.single article .single-content .authors,
.page article .single-content .authors {
font-size: 3rem; } }
.single article .single-content .authors a, .single article .single-content .authors a,
.page article .single-content .authors a { .page article .single-content .authors a {
font: bold 1rem "Westeinde Caption"; } font: bold 1.4rem "Westeinde Caption";
font-size: 2rem;
color: #fff;
-webkit-text-stroke: #000 1px; }
@media (min-width: 769px) { @media (min-width: 769px) {
.single article .single-content .authors a, .single article .single-content .authors a,
.page article .single-content .authors a { .page article .single-content .authors a {
font: 900 2rem "Westeinde Caption"; font: 900 2rem "Westeinde Caption";
color: #fff; color: #fff;
-webkit-text-stroke: #000 1px; } } -webkit-text-stroke: #000 1px; } }
@media (min-width: 769px) {
.single article .single-content .authors a,
.page article .single-content .authors a {
font-size: 3rem; } }
.single #cboxOverlay, .single #cboxOverlay,
.page #cboxOverlay { .page #cboxOverlay {
width: 100%; width: 100%;
@@ -2153,6 +2221,10 @@ body.category.category-esemeny main {
.single #colorbox, .single #colorbox,
.page #colorbox { .page #colorbox {
z-index: 12; } z-index: 12; }
@media (min-width: 769px) {
.single #colorbox,
.page #colorbox {
z-index: 3150; } }
.single #colorbox:focus, .single #colorbox:focus,
.page #colorbox:focus { .page #colorbox:focus {
border: none; border: none;
@@ -2183,6 +2255,13 @@ body.category.category-esemeny main {
bottom: -5rem; bottom: -5rem;
filter: invert(100); filter: invert(100);
z-index: 14; } z-index: 14; }
@media (min-width: 769px) {
.single #colorbox #cboxContent button#cboxPrevious, .single #colorbox #cboxContent button#cboxNext,
.page #colorbox #cboxContent button#cboxPrevious,
.page #colorbox #cboxContent button#cboxNext {
position: fixed;
top: 50%;
z-index: 3200; } }
.single #colorbox #cboxContent button#cboxPrevious, .single #colorbox #cboxContent button#cboxPrevious,
.page #colorbox #cboxContent button#cboxPrevious { .page #colorbox #cboxContent button#cboxPrevious {
left: 1rem; left: 1rem;
@@ -2191,9 +2270,17 @@ body.category.category-esemeny main {
-ms-transform: scaleX(-1); -ms-transform: scaleX(-1);
-webkit-transform: scaleX(-1); -webkit-transform: scaleX(-1);
transform: scaleX(-1); } transform: scaleX(-1); }
@media (min-width: 769px) {
.single #colorbox #cboxContent button#cboxPrevious,
.page #colorbox #cboxContent button#cboxPrevious {
left: 4rem; } }
.single #colorbox #cboxContent button#cboxNext, .single #colorbox #cboxContent button#cboxNext,
.page #colorbox #cboxContent button#cboxNext { .page #colorbox #cboxContent button#cboxNext {
right: 1rem; } right: 1rem; }
@media (min-width: 769px) {
.single #colorbox #cboxContent button#cboxNext,
.page #colorbox #cboxContent button#cboxNext {
right: 4rem; } }
.single #colorbox #cboxContent button#cboxClose, .single #colorbox #cboxContent button#cboxClose,
.page #colorbox #cboxContent button#cboxClose { .page #colorbox #cboxContent button#cboxClose {
background-image: url(../img/dis-plus.svg); background-image: url(../img/dis-plus.svg);
@@ -2206,6 +2293,12 @@ body.category.category-esemeny main {
transform: rotate(45deg); transform: rotate(45deg);
top: -3rem; top: -3rem;
right: 1rem; } right: 1rem; }
@media (min-width: 769px) {
.single #colorbox #cboxContent button#cboxClose,
.page #colorbox #cboxContent button#cboxClose {
position: fixed;
right: 4rem;
top: 4rem; } }
.single .toHome, .single .toHome,
.single #related_posts > h3, .single #related_posts > h3,
.page .toHome, .page .toHome,
@@ -2213,7 +2306,7 @@ body.category.category-esemeny main {
padding-bottom: 4rem; padding-bottom: 4rem;
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
font: bold 1rem "Westeinde Caption"; } font: bold 1.4rem "Westeinde Caption"; }
@media (min-width: 769px) { @media (min-width: 769px) {
.single .toHome, .single .toHome,
.single #related_posts > h3, .single #related_posts > h3,
@@ -2226,7 +2319,7 @@ body.category.category-esemeny main {
.single #related_posts > h3 a, .single #related_posts > h3 a,
.page .toHome a, .page .toHome a,
.page #related_posts > h3 a { .page #related_posts > h3 a {
font: bold 1rem "Westeinde Caption"; } font: bold 1.4rem "Westeinde Caption"; }
@media (min-width: 769px) { @media (min-width: 769px) {
.single .toHome a, .single .toHome a,
.single #related_posts > h3 a, .single #related_posts > h3 a,
@@ -2247,7 +2340,10 @@ body.category.category-esemeny main {
position: relative; position: relative;
padding-top: 4rem; padding-top: 4rem;
top: -5rem; top: -5rem;
padding-right: 10rem; } margin: 0;
padding-right: 20rem;
padding-left: 0;
max-width: calc(1024px + 20rem); }
.single .toHome a, .single .toHome a,
.page .toHome a { .page .toHome a {
margin-bottom: 4rem; margin-bottom: 4rem;
@@ -2286,7 +2382,9 @@ body.category.category-esemeny main {
margin: 0; } margin: 0; }
.single #related_posts ul li h2 a, .single #related_posts ul li h2 a,
.page #related_posts ul li h2 a { .page #related_posts ul li h2 a {
font: 500 2rem "Westeinde Caption"; } display: block;
font: 500 2rem "Westeinde Caption";
line-height: 1.3; }
.single #related_posts ul li .metadata, .single #related_posts ul li .metadata,
.page #related_posts ul li .metadata { .page #related_posts ul li .metadata {
bottom: 50%; bottom: 50%;
@@ -2311,10 +2409,12 @@ body.category.category-esemeny main {
@media (min-width: 769px) { @media (min-width: 769px) {
.single #related_posts, .single #related_posts,
.page #related_posts { .page #related_posts {
padding-right: 10rem;
top: -5rem; top: -5rem;
position: relative; position: relative;
padding-top: 2rem; } padding-top: 4rem;
padding-right: 20rem;
padding-left: 0;
max-width: calc(1024px + 20rem); }
.single #related_posts > h3, .single #related_posts > h3,
.page #related_posts > h3 { .page #related_posts > h3 {
display: block; } display: block; }
@@ -2325,9 +2425,9 @@ body.category.category-esemeny main {
flex-wrap: nowrap; } flex-wrap: nowrap; }
.single #related_posts ul li, .single #related_posts ul li,
.page #related_posts ul li { .page #related_posts ul li {
flex: 1 1 33%;
flex: 0 0 calc(100% / 3); flex: 0 0 calc(100% / 3);
height: calc((100vw - 16rem) / 3); height: calc((100vw - 16rem) / 3);
max-height: calc(1024px / 3);
position: relative; } position: relative; }
.single #related_posts ul li .related_thumbnailwrapper, .single #related_posts ul li .related_thumbnailwrapper,
.page #related_posts ul li .related_thumbnailwrapper { .page #related_posts ul li .related_thumbnailwrapper {
@@ -2691,6 +2791,9 @@ body.category.category-esemeny main {
-moz-box-shadow: 10px 0 #fdff00, -5px 0 #fdff00 !important; -moz-box-shadow: 10px 0 #fdff00, -5px 0 #fdff00 !important;
-webkit-box-shadow: 10px 0 #fdff00, -5px 0 #fdff00 !important; -webkit-box-shadow: 10px 0 #fdff00, -5px 0 #fdff00 !important;
box-shadow: 10px 0 #fdff00, -5px 0 #fdff00 !important; } box-shadow: 10px 0 #fdff00, -5px 0 #fdff00 !important; }
.single .tag-be .single-content blockquote p a,
.single .tag-be .single-content h3 a {
color: #7e7f00; }
.single .tag-be .single-content a { .single .tag-be .single-content a {
color: #fdff00; } color: #fdff00; }
@@ -2718,6 +2821,9 @@ body.category.category-esemeny main {
-moz-box-shadow: 10px 0 #3c00ff, -5px 0 #3c00ff !important; -moz-box-shadow: 10px 0 #3c00ff, -5px 0 #3c00ff !important;
-webkit-box-shadow: 10px 0 #3c00ff, -5px 0 #3c00ff !important; -webkit-box-shadow: 10px 0 #3c00ff, -5px 0 #3c00ff !important;
box-shadow: 10px 0 #3c00ff, -5px 0 #3c00ff !important; } box-shadow: 10px 0 #3c00ff, -5px 0 #3c00ff !important; }
.single .tag-do .single-content blockquote p a,
.single .tag-do .single-content h3 a {
color: #1e007f; }
.single .tag-do .single-content a { .single .tag-do .single-content a {
color: #3c00ff; } color: #3c00ff; }
@@ -2745,6 +2851,9 @@ body.category.category-esemeny main {
-moz-box-shadow: 10px 0 #00ffb8, -5px 0 #00ffb8 !important; -moz-box-shadow: 10px 0 #00ffb8, -5px 0 #00ffb8 !important;
-webkit-box-shadow: 10px 0 #00ffb8, -5px 0 #00ffb8 !important; -webkit-box-shadow: 10px 0 #00ffb8, -5px 0 #00ffb8 !important;
box-shadow: 10px 0 #00ffb8, -5px 0 #00ffb8 !important; } box-shadow: 10px 0 #00ffb8, -5px 0 #00ffb8 !important; }
.single .tag-think .single-content blockquote p a,
.single .tag-think .single-content h3 a {
color: #007f5c; }
.single .tag-think .single-content a { .single .tag-think .single-content a {
color: #00ffb8; } color: #00ffb8; }
@@ -2772,6 +2881,9 @@ body.category.category-esemeny main {
-moz-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f !important; -moz-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f !important;
-webkit-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f !important; -webkit-box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f !important;
box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f !important; } box-shadow: 10px 0 #ff5f5f, -5px 0 #ff5f5f !important; }
.single .tag-love .single-content blockquote p a,
.single .tag-love .single-content h3 a {
color: #7f2f2f; }
.single .tag-love .single-content a { .single .tag-love .single-content a {
color: #ff5f5f; } color: #ff5f5f; }

39
functions.php
View File

@@ -98,39 +98,6 @@ function dis2019_nav()
); );
} }
//walker for tag menu: bedo circle hover
// class Menu_With_Description extends Walker_Nav_Menu
// {
// public function start_el(&$output, $item, $depth, $args)
// {
// global $wp_query;
// $indent = ($depth) ? str_repeat("\t", $depth) : '';
// $class_names = $value = '';
// $classes = empty($item->classes) ? array() : (array) $item->classes;
// $class_names = join(' ', apply_filters('nav_menu_css_class', array_filter($classes), $item));
// $class_names = ' class="' . esc_attr($class_names) . ' tag-' . $item->title . '"';
// $output .= $indent . '<li id="menu-item-' . $item->ID . '"' . $value . $class_names . '>';
// $attributes = !empty($item->attr_title) ? ' title="' . esc_attr($item->attr_title) . '"' : '';
// $attributes .= !empty($item->target) ? ' target="' . esc_attr($item->target) . '"' : '';
// $attributes .= !empty($item->xfn) ? ' rel="' . esc_attr($item->xfn) . '"' : '';
// $attributes .= !empty($item->url) ? ' href="' . esc_attr($item->url) . '"' : '';
// $item_output = $args->before;
// $item_output .= '<a' . $attributes . '>';
// $item_output .= $args->link_before . apply_filters('the_title', $item->title, $item->ID) . $args->link_after;
// $item_output .= '</a>';
// $item_output .= '<span class="sub menu-item-sub-' . $item->ID . '">' . $item->description . '</span>';
// $item_output .= $args->after;
// $output .= apply_filters('walker_nav_menu_start_el', $item_output, $item, $depth, $args);
// }
// }
// Load dis-2019 scripts (header.php) // Load dis-2019 scripts (header.php)
function dis2019_header_scripts() function dis2019_header_scripts()
{ {
@@ -351,6 +318,12 @@ function remove_thumbnail_dimensions($html)
return $html; return $html;
} }
//Wrap aligned images to a div
function wrap_aligned_images($content){
return preg_replace('/<div class="wp-block-image"><figure class="(align[a-z]*)([ "])(.*)<\/figure>\s*/iU', '<div class="wp-block-image wp-block-image-aligned"><div class="alignedWrapper \1Wrapper"><figure class="\1\2\3 </figure></div>', $content);
}
add_filter('the_content', 'wrap_aligned_images');
// Custom Gravatar in Settings > Discussion // Custom Gravatar in Settings > Discussion
function dis2019gravatar($avatar_defaults) function dis2019gravatar($avatar_defaults)
{ {

8
js/scripts.js
View File

@@ -880,8 +880,12 @@
/* ----------------------------- scroll to title ---------------------------- */ /* ----------------------------- scroll to title ---------------------------- */
const titleWrapperHeight = $('article>.titlewrapper')[0].getBoundingClientRect().height if (!isMobile) {
$('html, body').stop().animate({ scrollTop: titleWrapperHeight }, 400); const titleWrapperHeight = $('article>.titlewrapper')[0].getBoundingClientRect().height
if ($('html, body').scrollTop() == 0) {
$('html, body').stop().animate({ scrollTop: titleWrapperHeight }, 400);
}
}
}//if single end }//if single end

86
loop-inner.php Normal file
View File

@@ -0,0 +1,86 @@
<!-- post thumbnail -->
<?php if (has_post_thumbnail()): // Check if thumbnail exists
console_debug('relatedloop: ' . $relatedloop);
console_debug('qc: ' . $qc);
if ($relatedloop === true): ?>
<a class="related_thumbnailwrapper" href="<?php the_permalink();?>" title="<?php the_title();?>">
<?php the_post_thumbnail('home-square-thumbnail');?>
</a>
<?php else: ?>
<a class="thumbnailwrapper" href="<?php the_permalink();?>" title="<?php the_title();?>">
<?php if (is_home() and $qc < 3): ; //first two posts are big
the_post_thumbnail('home-big-thumbnail');
else:
the_post_thumbnail('home-square-thumbnail');
endif;?>
</a>
<?php endif;?>
<?php endif;?>
<!-- /post thumbnail -->
<div class="metadata">
<div class="categories">
<?php
$echos = [];
foreach ((get_the_category()) as $category) {
$echos[] = $category->name;
}
print implode(' | ', $echos);
?>
<?php if (is_home() and $qc < 3): ; //first two posts format only ?>
<?php //get the post format
$terms = get_the_terms($post->ID, 'Format');
if ($terms && !is_wp_error($terms)) {
foreach ($terms as $term) {
echo '| ';
echo $term->name;
}
}?>
<?php endif;?>
</div><!-- categories end-->
<?php if (is_home() and $qc < 3): ; //first two posts subtitle and excerpt ?>
<div class="alcim">
<?php
$dis_alcim_value = get_post_meta(get_the_ID(), 'dis-alcim', true);
// Check if the custom field has a value.
if (!empty($dis_alcim_value)) {
echo $dis_alcim_value;
}
?>
</div>
<?php endif;?>
<div class="vr"></div>
<div class="postedon">
'<?php the_time('y.m.d.');?>
</div>
<?php if (is_home() and $qc < 3): ; //first two posts subtitle and excerpt ?>
<div class="bevezeto">
<?php
$dis_bevezeto_value = get_post_meta(get_the_ID(), 'dis-bevezeto', true);
// Check if the custom field has a value.
if (!empty($dis_bevezeto_value)) {
echo $dis_bevezeto_value;
}
?>
</div>
<?php endif;?>
<div class="filler"></div>
<?php if (is_home() and $qc == 1): ; //first post on home ?>
<div class="curvyArrow">
<object data="<?php echo get_template_directory_uri(); ?>/img/curvy_arrow.svg"
type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/curvy_arrow.png" />
</object>
</div>
<?php endif;?>
</div> <!-- metadata end -->
<!-- post title -->
<h2>
<a href="<?php the_permalink();?>" title="<?php the_title();?>"><?php the_title();?></a>
</h2>
<!-- /post title -->

86
loop.php
View File

@@ -2,92 +2,8 @@
static $qc = 0; static $qc = 0;
$qc++; $qc++;
?> ?>
<article id="post-<?php the_ID();?>" <?php post_class();?>> <article id="post-<?php the_ID();?>" <?php post_class();?>>
<?php include( locate_template( 'loop-inner.php', false, false ) ); ?>
<!-- post thumbnail -->
<?php if (has_post_thumbnail()): // Check if thumbnail exists ?>
<a class="thumbnailwrapper" href="<?php the_permalink();?>" title="<?php the_title();?>">
<?php if(is_home() and $qc < 3): ; //first two posts are big
the_post_thumbnail('home-big-thumbnail');
else:
the_post_thumbnail('home-square-thumbnail');
endif;?>
</a>
<?php endif;?>
<!-- /post thumbnail -->
<div class="metadata">
<div class="categories">
<?php
$echos = [];
foreach((get_the_category()) as $category){
$echos[]= $category->name;
}
print implode(' | ', $echos);
?>
<?php if(is_home() and $qc < 3): ; //first two posts format only ?>
<?php //get the post format
$terms = get_the_terms($post->ID, 'Format');
if ($terms && ! is_wp_error( $terms )) {
foreach ($terms as $term) {
echo '| ';
echo $term->name;
}
}?>
<?php endif;?>
</div>
<?php if(is_home() and $qc < 3): ; //first two posts subtitle and excerpt ?>
<div class="alcim">
<?php
$dis_alcim_value = get_post_meta( get_the_ID(), 'dis-alcim', true );
// Check if the custom field has a value.
if ( ! empty( $dis_alcim_value ) ) {
echo $dis_alcim_value;
}
?>
</div>
<?php endif;?>
<div class="vr"></div>
<div class="postedon">
'<?php the_time('y.m.d.');?>
</div>
<?php if(is_home() and $qc < 3): ; //first two posts subtitle and excerpt ?>
<div class="bevezeto">
<?php
$dis_bevezeto_value = get_post_meta( get_the_ID(), 'dis-bevezeto', true );
// Check if the custom field has a value.
if ( ! empty( $dis_bevezeto_value ) ) {
echo $dis_bevezeto_value;
}
?>
</div>
<?php endif;?>
<div class="filler"></div>
<?php if(is_home() and $qc == 1): ; //first post on home ?>
<div class="curvyArrow">
<object data="<?php echo get_template_directory_uri(); ?>/img/curvy_arrow.svg"
type="image/svg+xml">
<img src="<?php echo get_template_directory_uri(); ?>/img/curvy_arrow.png" />
</object>
</div>
<?php endif;?>
</div> <!-- metadata end -->
<!-- post title -->
<h2>
<a href="<?php the_permalink();?>" title="<?php the_title();?>"><?php the_title();?></a>
</h2>
<!-- /post title -->
</article> </article>

12
sass/_font-mixins.scss
View File

@@ -147,12 +147,21 @@
// } // }
@mixin single-metadata { @mixin single-metadata {
font: bold 1rem "Westeinde Caption"; font: bold 1.4rem "Westeinde Caption";
@media #{$smalldesktop} { @media #{$smalldesktop} {
font: 900 2rem "Westeinde Caption"; font: 900 2rem "Westeinde Caption";
color: #fff; color: #fff;
-webkit-text-stroke: #000 1px; -webkit-text-stroke: #000 1px;
}
}
@mixin single-author {
@include single-metadata();
font-size: 2rem;
color: #fff;
-webkit-text-stroke: #000 1px;
@media #{$smalldesktop} {
font-size: 3rem;
} }
} }
@@ -180,4 +189,5 @@
@mixin related-title { @mixin related-title {
font: 500 2rem "Westeinde Caption"; font: 500 2rem "Westeinde Caption";
line-height: 1.3;
} }

192
sass/base.scss
View File

@@ -1259,8 +1259,8 @@ $v-unit-6: 24rem;
@media #{$smalldesktop} { @media #{$smalldesktop} {
padding: 0 $h-unit-4; padding: 0 $h-unit-4;
.archivetitle h1, article h2 { .archivetitle h1,
article h2 {
} }
} }
} }
@@ -1321,6 +1321,12 @@ body.category.category-esemeny {
/* single */ /* single */
/* -------------------------------------------------------------------------- */ /* -------------------------------------------------------------------------- */
@mixin singlDesktopLayout() {
padding-right: $h-unit-4;
padding-left: 0;
max-width: calc(1024px + #{$h-unit-4});
}
.single, .single,
.page { .page {
//no menus on single //no menus on single
@@ -1379,12 +1385,19 @@ body.category.category-esemeny {
position: relative; position: relative;
align-self: flex-end; align-self: flex-end;
display: flex; display: flex;
flex-direction: row; flex-direction: column;
justify-content: space-between; justify-content: center;
@include single-metadata(); @include single-metadata();
.time-cat { .metaWrapper {
z-index: 10; display: flex;
flex-direction: row;
justify-content: space-between;
.time-cat {
z-index: 10;
}
} }
} }
h1.single-title { h1.single-title {
@@ -1451,17 +1464,19 @@ body.category.category-esemeny {
justify-content: flex-start; justify-content: flex-start;
height: unset; height: unset;
padding-top: 0; padding-top: 0;
// display: block;
.metadata { .metadata {
top: -#{$h-unit-1}; top: -#{$h-unit-1};
// width: calc(100% - #{$h-unit-1});
width: 100%; width: 100%;
padding-left: 0; padding-left: 0;
padding-right: $h-unit-2; padding-right: 0;
@include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1}, white, #000, left); @include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1}, white, #000, left);
.metaWrapper {
@include singlDesktopLayout();
}
// .time-cat { // .time-cat {
// } // }
} }
@@ -1470,24 +1485,12 @@ body.category.category-esemeny {
min-height: unset; min-height: unset;
top: -#{$h-unit-1}; top: -#{$h-unit-1};
position: relative; position: relative;
padding-right: $h-unit-2; @include singlDesktopLayout();
padding-left: 0;
// //position: fixed;
// // height: 100vh;
// bottom: 0;
// left: 0;
// right: 0;
// // padding: $h-unit-2;
// z-index: -1;
// //ez lehet nem kell, összedolgozni:
// display: block;
// // @include single-title2();
} }
} }
} }
/* ----------------------------- single content ----------------------------- */ /* ---------------------------- single content hr --------------------------- */
hr { hr {
height: 1px; height: 1px;
@@ -1506,8 +1509,12 @@ body.category.category-esemeny {
} }
} }
&.content-end { &.content-end {
margin-top: $padd; margin-top: $padd * 2;
margin-bottom: $padd; margin-bottom: 0;
@media #{$smalldesktop} {
margin-top: $padd;
margin-bottom: $padd;
}
} }
} }
@@ -1518,13 +1525,14 @@ body.category.category-esemeny {
} }
} }
/* ----------------------------- single content ----------------------------- */
.single-content { .single-content {
position: relative; position: relative;
padding: $padd; padding: $padd;
@media #{$smalldesktop} { @media #{$smalldesktop} {
top: -#{$h-unit-1}; top: -#{$h-unit-1};
padding-left: 0; @include singlDesktopLayout();
padding-right: $h-unit-2;
} }
h2 { h2 {
@@ -1574,16 +1582,22 @@ body.category.category-esemeny {
text-align: unset; text-align: unset;
} }
/* ---------------------------- images on single ---------------------------- */
.wp-block-image { .wp-block-image {
// padding: $padd 0;
margin: $padd 0; margin: $padd 0;
@media #{$smalldesktop} {
padding: $padd 0;
}
position: relative !important; position: relative !important;
@media #{$smalldesktop} {
padding: 0;
}
&:not(.wp-block-image-aligned) {
@include fit-content(width);
}
figcaption { figcaption {
bottom: 0 !important; bottom: 0 !important;
// width: calc(100% - #{$h-unit-1});
&::after { &::after {
@include trianglecorner(topright, #{$h-unit-1}); @include trianglecorner(topright, #{$h-unit-1});
@@ -1642,24 +1656,54 @@ body.category.category-esemeny {
//aligned: //aligned:
.wp-block-gallery, .wp-block-gallery,
.wp-block-image { .wp-block-image {
.alignleft, .alignedWrapper {
.alignright { position: relative;
//no align on mobile
float: unset;
margin: 0;
@media #{$smalldesktop} { @media #{$smalldesktop} {
width: 100%; max-width: 50%;
@include fit-content(width);
&.alignleftWrapper {
padding-right: $padd;
float: left;
}
&.alignrightWrapper {
padding-left: $padd;
float: right;
}
}
.alignleft,
.alignright {
margin: 0;
//no align on mobile
position: relative;
// @media #{$only-mobile} {
float: unset;
// }
@media #{$smalldesktop} {
width: auto;
// max-width: 50%;
// @media #{$smalldesktop} {
// &.alignleft {
// padding-right: $padd;
// }
// &.alignright {
// padding-left: $padd;
// }
// }
}
} }
}
.alignright {
text-align: right;
} }
} }
.authors { .authors {
@include single-h4(); // @include single-h4();
@include single-author();
color: #000;
-webkit-text-stroke: 0px;
a { a {
@include single-metadata(); @include single-author();
} }
} }
} //.single-content end } //.single-content end
@@ -1677,6 +1721,9 @@ body.category.category-esemeny {
} }
#colorbox { #colorbox {
z-index: 12; z-index: 12;
@media #{$smalldesktop} {
z-index: 3150;
}
&:focus { &:focus {
border: none; border: none;
outline: none; outline: none;
@@ -1706,13 +1753,24 @@ body.category.category-esemeny {
bottom: -5rem; bottom: -5rem;
filter: invert(100); filter: invert(100);
z-index: 14; z-index: 14;
@media #{$smalldesktop} {
position: fixed;
top: 50%;
z-index: 3200;
}
} }
&#cboxPrevious { &#cboxPrevious {
left: 1rem; left: 1rem;
@include transform(scaleX(-1)); @include transform(scaleX(-1));
@media #{$smalldesktop} {
left: $v-unit-1;
}
} }
&#cboxNext { &#cboxNext {
right: 1rem; right: 1rem;
@media #{$smalldesktop} {
right: $v-unit-1;
}
} }
&#cboxClose { &#cboxClose {
background-image: url(../img/dis-plus.svg); background-image: url(../img/dis-plus.svg);
@@ -1721,6 +1779,11 @@ body.category.category-esemeny {
@include transform(rotate(45deg)); @include transform(rotate(45deg));
top: -3rem; top: -3rem;
right: 1rem; right: 1rem;
@media #{$smalldesktop} {
position: fixed;
right: $v-unit-1;
top: $v-unit-1;
}
} }
} }
} }
@@ -1748,7 +1811,9 @@ body.category.category-esemeny {
position: relative; position: relative;
padding-top: $padd * 2; padding-top: $padd * 2;
top: -#{$h-unit-1}; top: -#{$h-unit-1};
padding-right: $h-unit-2; margin: 0;
@include singlDesktopLayout();
a { a {
margin-bottom: $padd * 2; margin-bottom: $padd * 2;
display: block; display: block;
@@ -1795,6 +1860,7 @@ body.category.category-esemeny {
margin: 0; margin: 0;
a { a {
display: block;
@include related-title(); @include related-title();
} }
} }
@@ -1823,10 +1889,10 @@ body.category.category-esemeny {
/* ------------------------ related posts on desktop ------------------------ */ /* ------------------------ related posts on desktop ------------------------ */
@media #{$smalldesktop} { @media #{$smalldesktop} {
padding-right: $h-unit-2;
top: -#{$h-unit-1}; top: -#{$h-unit-1};
position: relative; position: relative;
padding-top: $padd; padding-top: $padd * 2;
@include singlDesktopLayout();
& > h3 { & > h3 {
display: block; display: block;
@@ -1836,23 +1902,9 @@ body.category.category-esemeny {
flex-direction: row; flex-direction: row;
flex-wrap: nowrap; flex-wrap: nowrap;
li { 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);
// }
flex: 0 0 calc(100% / 3); flex: 0 0 calc(100% / 3);
// height: 50%;
height: calc((100vw - #{$v-unit-4}) / 3); height: calc((100vw - #{$v-unit-4}) / 3);
max-height: calc(1024px / 3);
position: relative; position: relative;
.related_thumbnailwrapper { .related_thumbnailwrapper {
width: 100%; width: 100%;
@@ -2034,7 +2086,7 @@ body.page {
//colors on single articles //colors on single articles
@mixin tagcolors-single($color) { @mixin tagcolors-single($color, $darkcolor) {
.titlewrapper { .titlewrapper {
.metadata { .metadata {
@media #{$smalldesktop} { @media #{$smalldesktop} {
@@ -2057,6 +2109,9 @@ body.page {
h3 { h3 {
background: $color !important; background: $color !important;
@include box-shadow(10px 0 $color, -5px 0 $color !important); @include box-shadow(10px 0 $color, -5px 0 $color !important);
a {
color: $darkcolor;
}
} }
a { a {
color: $color; color: $color;
@@ -2077,6 +2132,11 @@ $color-do: #3c00ff;
$color-think: #00ffb8; $color-think: #00ffb8;
$color-love: #ff5f5f; $color-love: #ff5f5f;
$color-be-dark: #7e7f00;
$color-do-dark: #1e007f;
$color-think-dark: #007f5c;
$color-love-dark: #7f2f2f;
//colors on articles //colors on articles
.tag-be { .tag-be {
@@ -2126,19 +2186,19 @@ $color-love: #ff5f5f;
//single article //single article
.single { .single {
.tag-be { .tag-be {
@include tagcolors-single($color-be); @include tagcolors-single($color-be, $color-be-dark);
} }
.tag-do { .tag-do {
@include tagcolors-single($color-do); @include tagcolors-single($color-do, $color-do-dark);
} }
.tag-think { .tag-think {
@include tagcolors-single($color-think); @include tagcolors-single($color-think, $color-think-dark);
} }
.tag-love { .tag-love {
@include tagcolors-single($color-love); @include tagcolors-single($color-love, $color-love-dark);
} }
} }

68
singular.php
View File

@@ -22,24 +22,27 @@
<div class="metadata"> <div class="metadata">
<?php if (!is_page()): ?> <?php if (!is_page()): ?>
<div class="time-cat"> <div class="metaWrapper">
<?php the_time('Y. m. d.');?> | <div class="time-cat">
<?php the_category(' | ');?> <?php the_time('Y. m. d.');?> |
<?php the_category(' | ');?>
</div>
<div class="format">
<?php
$terms = get_the_terms( $post->ID, 'Format' );
if ($terms && ! is_wp_error( $terms )) {
foreach($terms as $term) {
?>
<a href="<?php echo esc_url(get_term_link( $term));?>">
<?php
echo $term->name;
echo '</a>';
}
} ?>
</div>
</div> </div>
<div class="format">
<?php <?php endif; ?>
$terms = get_the_terms( $post->ID, 'Format' );
if ($terms && ! is_wp_error( $terms )) {
foreach($terms as $term) {
?>
<a href="<?php echo esc_url(get_term_link( $term));?>">
<?php
echo $term->name;
echo '</a>';
}
} ?>
</div>
<?php endif; ?>
</div> </div>
<h1 class="single-title"> <h1 class="single-title">
<?php the_title();?> <?php the_title();?>
@@ -91,43 +94,18 @@
); );
$my_query = new wp_query( $args ); $my_query = new wp_query( $args );
console_debug($my_query); //console_debug($my_query);
if( $my_query->have_posts() ) { if( $my_query->have_posts() ) {
?> ?>
<div id="related_posts"><h3><?php _e('More posts:', 'dis2019');?></h3><ul> <div id="related_posts"><h3><?php _e('More posts:', 'dis2019');?></h3><ul>
<?php <?php
while( $my_query->have_posts() ) { while( $my_query->have_posts() ) {
$my_query->the_post(); $my_query->the_post();
static $relatedloop = true;
?> ?>
<li> <li>
<?php if (has_post_thumbnail()): // Check if thumbnail exists ?> <?php include( locate_template( 'loop-inner.php', false, false ) ); ?>
<a class="related_thumbnailwrapper" href="<?php the_permalink();?>" title="<?php the_title();?>">
<?php the_post_thumbnail('home-square-thumbnail'); ?>
</a>
<?php endif;?>
<!-- /post thumbnail -->
<div class="metadata">
<div class="categories">
<?php
foreach((get_the_category()) as $category){
echo $category->name;
}
?>
</div>
<div class="vr"></div>
<div class="postedon">
'<?php the_time('y.m.d.');?>
</div>
<div class="filler"></div>
</div> <!-- metadata end -->
<!-- post title -->
<h2>
<a href="<?php the_permalink();?>" title="<?php the_title();?>"><?php the_title();?></a>
</h2>
<!-- /post title -->
</li> </li>
<?php <?php
} }