bump 1.0.11

basic media print rules
fix swipe on iphone on lightbox
2019-10-04 23:00:08 +02:00 · 2019-10-04 22:57:30 +02:00 · 2019-10-04 18:24:31 +02:00 · 2019-10-04 16:46:54 +02:00 · 2019-10-04 15:58:46 +02:00 · 2019-10-04 15:51:52 +02:00
16 changed files with 2564 additions and 191 deletions
--- a/_teendők.md
+++ b/_teendők.md
@@ -2,8 +2,8 @@
 og: tag: pluginnal!
 Facebook like gomb
 # egyéb
 `@media print{}`
 scroll a galléria nézetben
--- a/css/base.css
+++ b/css/base.css
--- a/functions.php
+++ b/functions.php
@@ -42,6 +42,7 @@ if (function_exists('add_theme_support')) {
    add_image_size('home-big-thumbnail', 1024, 1024, true); // Custom Thumbnail Size call using the_post_thumbnail('home-thumbnail');
    add_image_size('home-small-thumbnail', 256, 256, true); // Custom Thumbnail Size call using the_post_thumbnail('home-thumbnail');
    add_image_size('home-event-thumbnail', 1024, 537, true);
    add_image_size('single-thumbnail', 1366, 1280, true);
    // Add Support for Custom Backgrounds - Uncomment below if you're going to use
    /*add_theme_support('custom-background', array(
@@ -106,8 +107,8 @@ function dis2019_header_scripts()
        wp_deregister_script('jquery');
        wp_register_script('jquery', get_template_directory_uri() . '/js/lib/jquery-3.3.1.min.js', array(), '3.3.1');
-        wp_register_script('conditionizr', get_template_directory_uri() . '/js/lib/conditionizr-4.3.0.min.js', array(), '4.3.0'); // Conditionizr
+        // wp_register_script('conditionizr', get_template_directory_uri() . '/js/lib/conditionizr-4.3.0.min.js', array(), '4.3.0'); // Conditionizr
-        wp_enqueue_script('conditionizr'); // Enqueue it!
+        // wp_enqueue_script('conditionizr'); // Enqueue it!
        wp_register_script('modernizr', get_template_directory_uri() . '/js/lib/modernizr-custom.js', array(), '2.7.1'); // Modernizr
        wp_enqueue_script('modernizr'); // Enqueue it!
@@ -130,12 +131,12 @@ function dis2019_header_scripts()
        wp_register_script('ftellipsis', get_template_directory_uri() . '/js/lib/ftellipsis.min.js', array(), '1.0.0'); //
        wp_enqueue_script('ftellipsis'); // Enqueue it!
-        wp_register_script('touchSwipe', get_template_directory_uri() . '/js/lib/jquery.touchSwipe.min.js', array('jquery'), '1.6.18'); //
+        wp_register_script('touchSwipe', get_template_directory_uri() . '/js/lib/jquery.touchSwipe-1.6.18.min.js', array('jquery'), '1.6.19'); //
        wp_enqueue_script('touchSwipe'); // Enqueue it!
        wp_register_script('dis2019scripts', get_template_directory_uri() . '/js/scripts.js', array(
            'jquery',
-            'conditionizr',
+            // 'conditionizr',
            'modernizr',
            'simpler-sidebar',
            'fittext',
--- a/gulpfile.js
+++ b/gulpfile.js
@@ -28,9 +28,11 @@ gulp.task('liverel', function () {
 // });
 gulp.task('watch', function () {
-    livereload.listen()
+
    gulp.watch('./sass/**/*.scss', gulp.series('sass'))
    gulp.watch(['./**', '!./node_modules/**'], gulp.series('liverel'))
    livereload.listen()
 });
 gulp.task('minify-svg', function () {
--- a/header.php
+++ b/header.php
@@ -23,15 +23,6 @@
 	<meta name="description" content="<?php bloginfo('description');?>">
 	<?php wp_head();?>
 	<script>
 		// conditionizr.com
 		// configure environment tests
 		conditionizr.config({
 			assets: '<?php echo get_template_directory_uri(); ?>',
 			tests: {}
 		});
 	</script>
 </head>
 <body <?php body_class();?>>
--- a/js/lib/_del-modernizr-2.7.1.min.js
+++ b/js/lib/_del-modernizr-2.7.1.min.js
--- a/js/lib/_del-snap-scroll.min.js
+++ b/js/lib/_del-snap-scroll.min.js
--- a/js/lib/conditionizr-4.3.0.min.js
+++ b/js/lib/conditionizr-4.3.0.min.js
@@ -1,2 +0,0 @@
 /*! Conditionizr v4.3.0 | (c) 2014 @toddmotto, @markgdyr | MIT license | conditionizr.com */
 !function(a,b){"function"==typeof define&&define.amd?define([],b):"object"==typeof exports?module.exports=b:a.conditionizr=b()}(this,function(){"use strict";var a,b={},c=document.head||document.getElementsByTagName("head")[0],d=function(b,d,e){var f=e?b:a+b+("style"===d?".css":".js");switch(d){case"script":var g=document.createElement("script");g.src=f,c.appendChild(g);break;case"style":var h=document.createElement("link");h.href=f,h.rel="stylesheet",c.appendChild(h);break;case"class":document.documentElement.className+=" "+b}};return b.config=function(c){var e=c||{},f=e.tests;a=e.assets||"";for(var g in f){var h=g.toLowerCase();if(b[h])for(var i=f[g],j=i.length;j--;)d(h,i[j])}},b.add=function(a,c,e){var f=a.toLowerCase();if(b[f]=e(),b[f])for(var g=c.length;g--;)d(f,c[g])},b.on=function(a,c){var d=/^\!/;(b[a.toLowerCase()]||d.test(a)&&!b[a.replace(d,"")])&&c()},b.load=b.polyfill=function(a,c){for(var e=/\.js$/.test(a)?"script":"style",f=c.length;f--;)b[c[f].toLowerCase()]&&d(a,e,!0)},b});
--- a/js/lib/jquery.touchSwipe-1.6.18.min.js
+++ b/js/lib/jquery.touchSwipe-1.6.18.min.js
--- a/js/lib/jquery.touchSwipe-1.6.19.js
+++ b/js/lib/jquery.touchSwipe-1.6.19.js
--- a/js/scripts.js
+++ b/js/scripts.js
@@ -811,10 +811,12 @@
 		/* ------------------------- Click on small articles ------------------------ */
-		$('article.home-small').click(function () {
+		$(document).on({
-			let href = $(this).children('a.thumbnailwrapper').attr("href")
+			mouseup: function () {
-			window.open(href, "_self")
+				let href = $(this).children('a.thumbnailwrapper').attr("href")
-		})
+				window.open(href, "_self")
 			}
 		}, 'article.home-small');
 		/* ------------------------------ hover on home ----------------------------- */
@@ -860,33 +862,36 @@
 			if (!isMobile) {
 				// let cc = $(this)
 				let cArticle = cc.parents("article")
 				let cH2 = cc.parent('h2')
 				let cMetadata = cArticle.children(".metadata")
 				let cBevezetoWrapper = cMetadata.children(".bevezetoWrapper")
 				let cBevezeto = cBevezetoWrapper.children(".bevezeto")
 				let cAlcimWrapper = cMetadata.children(".alcimWrapper")
 				let cAlcim = cAlcimWrapper.children('.alcim')
 				// calculate default metadata height
 				metadataHeights.collapsedHeight = cMetadata[0].getBoundingClientRect().height
 				// check calculated metadata opened height
 				if (!cc.attr('data-metadataOpenedHeight')) {
 					// calculate opened metadata height:
 					let h2H = cH2[0].getBoundingClientRect().height
 				//calculate opened metadata height
-				let h2H = 0
+					let artH = cArticle[0].getBoundingClientRect().height
-				$(".home-big h2").each(function () {
+					// metadataHeights.openedHeight = artH - bottomScrollHeight - h2H
-					if ($(this)[0].getBoundingClientRect().height > h2H) {
+					let metadataMaxheight = artH - bottomScrollHeight - h2H
-						h2H = $(this)[0].getBoundingClientRect().height
+					let metadataOpenedHeight = (metadataMaxheight < metadataHeights.collapsedHeight) ? metadataHeights.collapsedHeight : metadataMaxheight
-					}
+					cc.attr('data-metadataOpenedHeight', metadataOpenedHeight)
-				})
+					// console.log('h2h', h2H, artH)
 				}
-				let artH = cArticle[0].getBoundingClientRect().height
+				let metadataOpenedHeight = cc.attr('data-metadataOpenedHeight')
 				metadataHeights.openedHeight = artH - bottomScrollHeight - h2H
 				console.log('h2h', h2H, artH)
 				//add height to bevezetoWrapper
-				$('.bevezetoWrapper').css({ height: metadataHeights.openedHeight })
+				cBevezetoWrapper.css({ height: metadataOpenedHeight })
-				$('.alcimWrapper').css({ height: metadataHeights.openedHeight })
+				cAlcimWrapper.css({ height: metadataOpenedHeight })
 				//add hovered class
@@ -901,31 +906,34 @@
 				cMetadata.children(".categories, .postedon").addClass("transparent")
 				//animate border
-				cMetadata.stop().animate({ height: metadataHeights.openedHeight }, 400, _ => {
+				cMetadata.stop().animate({ height: metadataOpenedHeight }, 400, _ => {
 					//hide metadata
 					cMetadata.children(".categories, .postedon").hide().removeClass("transparent")
-					cMetadata.children(".bevezetoWrapper").show()
+					cBevezetoWrapper.show()
-					cMetadata.children(".alcimWrapper").css({ display: 'flex' })
+					cAlcimWrapper.css({ display: 'flex' }).addClass("transparent")
 					//set height for ellipsis
-					if (!metadataHeights.bevezetoHeight) {
+					if (!cc.attr('data-metadataBevezetoHeight')) {
-						metadataHeights.bevezetoHeight = cBevezetoWrapper.height()
+						let metadataBevezetoHeight = cBevezetoWrapper.height()
 						let bWidth = cBevezetoWrapper.width()
-						// let bWidth = cBevezetoWrapper[0].getBoundingClientRect().width
+						cBevezetoWrapper.children('.bevezeto').css({
-						$('.bevezeto').css({
+							height: metadataBevezetoHeight,
 							height: metadataHeights.bevezetoHeight,
 							width: bWidth + 'px'
 						})
-						$('.alcim').css({
+						cAlcim.css({
-							height: metadataHeights.bevezetoHeight,
+							height: metadataBevezetoHeight,
 						})
-
+						cc.attr('data-metadataBevezetoHeight', metadataBevezetoHeight)
 					}
 					//show bev+alcim
-					cMetadata.children(".bevezetoWrapper, .alcimWrapper").removeClass("transparent")
+					cBevezetoWrapper.removeClass("transparent")
 					//only show alcim, if enough space
 					if (!(cAlcim.children('.alcimInner').height() > cAlcim.height())) {
 						cAlcimWrapper.removeClass("transparent")
 					}
 					//clamp bevezető
 					let ellipsis = new Ellipsis(cBevezeto[0]);
@@ -938,7 +946,7 @@
 		// Uncomment for debugging hover
 		// if (!isMobile && isHome) {
 		// 	setTimeout(() => {
-		// 		bigArticleHoverShow($(".home_wrapper-1 .home-big h2 a"))
+		// 		bigArticleHoverShow($(".home_wrapper-2 .home-big h2 a"))
 		// 	}, 2000);
 		// }
@@ -1032,19 +1040,67 @@
 		/*                                   SINGLE                                   */
 		/* -------------------------------------------------------------------------- */
 		jQuery.fn.changeTag = function (newTag) {
 			var q = this;
 			this.each(function (i, el) {
 				var h = "<" + el.outerHTML.replace(/(^<\w+|\w+>$)/g, newTag) + ">";
 				try {
 					el.outerHTML = h;
 				} catch (e) { //elem not in dom
 					q[i] = jQuery(h)[0];
 				}
 			});
 			return this;
 		};
 		if (isSingle) {
 			/* ---------------------------- wrap figcaptions --------------------------- */
 			$("figcaption").wrapInner("<span></span>")
 			/* ----------------------------- images, gallery ---------------------------- */
-			//hide caption on desktop
+			//wrap old galleries
 			$('.single-content>p, .single-content>.wp-caption').each(function () {
 				let nrOfImgs = $(this).children('img').length
 				if (nrOfImgs > 1) {
 					$(this).addClass('wp-block-gallery')
 				} else if (nrOfImgs == 1) {
 					$(this).addClass('wp-block-image')
 				}
 			})
 			//wrap images on old posts
 			$('.single-content>.wp-block-image>img, .single-content>.wp-block-gallery>img').each(function () {
 				var src = $(this).attr('src')
 				var datasrc = $(this).attr('data-src')
 				var srcArr = src.split('.')
 				switch (srcArr[srcArr.length - 1]) {
 					case 'jpg':
 					case 'png':
 					case 'jpeg':
 					case 'gif':
 						break;
 					default:
 						if (datasrc) {
 							src = datasrc
 						}
 						break;
 				}
 				$(this).wrap('<a class="cb-gallery" href="' + src + '" ></a>')
 				// $(this).parent('p').addClass('wp-block-image')
 			})
 			//change figcaption tag on old posts
 			$('.single-content div.wp-caption .wp-caption-text').changeTag("figcaption")
 			//wrap figcaptions
 			$("figcaption").wrapInner("<span></span>")
 			//hover on images on desktop
 			if (!isMobile) {
 				$('.wp-block-gallery .blocks-gallery-item, .wp-block-image').hover(function () {
 					$(this).find("figcaption").addClass("vis")
@@ -1067,6 +1123,18 @@
 			const lightBoxMaxHeight = isMobile ? '65%' : '80%'
 			function prevdev(e) {
 				e.preventDefault();
 			}
 			const disableScroll = function () {
 				document.addEventListener('touchmove', prevdev, { passive: false })
 			}
 			const enableScroll = function () {
 				document.removeEventListener('touchmove', prevdev, { passive: false })
 			}
 			//http://www.jacklmoore.com/colorbox/
 			const colorboxSettings = {
 				transition: 'none',
@@ -1080,7 +1148,9 @@
 				next: '',
 				close: '',
 				xhrError: 'A tartalom betöltése nem sikerült. Kérlek próbáld meg később.',
-				imgError: 'A kép betöltése nem sikerült. Kérlek próbáld meg később.'
+				imgError: 'A kép betöltése nem sikerült. Kérlek próbáld meg később.',
 				onOpen: disableScroll,
 				onClosed: enableScroll
 			}
@@ -1088,17 +1158,10 @@
 			$('#cboxOverlay, #colorbox').swipe({
 				swipeLeft: function () {
 					$.colorbox.next()
 				},
 				swipeRight: function () {
 					$.colorbox.prev()
 				},
 				swipeUp: function () {
 					return false
 				},
 				swipeDown: function () {
 					return false
 				},
 			})
 			// lightbox for galleries
--- a/sass/_font-mixins.scss
+++ b/sass/_font-mixins.scss
@@ -198,13 +198,9 @@
 }
@mixin single-author {
-  @include single-metadata();
+  font: bold 2rem "Westeinde Caption";
  font-size: 2rem;
  color: #fff;
  -webkit-text-stroke: #000 1px;
  @media #{$smalldesktop} {
    font-size: 3rem;
  }
 }
@mixin single-h2 {
@@ -240,8 +236,24 @@
 }
@mixin related-title {
-  font: 500 2rem "Westeinde Caption";
+  font: 500 2rem "Westeinde Caption" !important;
  line-height: 1.3;
  @media #{$tablet} {
    font-size: 0.9rem !important;
  }
  @media #{$smalldesktop} {
    font-size: 1.3rem !important;
  }
  @media #{$bigdesktop} {
    font-size: 1.6rem !important;
  }
 }
@mixin related-metadata {
  @include home-metadata();
  @media #{$verybigdesktop} {
    font-size: 1.6rem !important;
  }
 }
 /* ---------------------------------- event --------------------------------- */
--- a/sass/_print.scss
+++ b/sass/_print.scss
@@ -3,19 +3,19 @@
 \*------------------------------------*/
 ::selection {
-	background:#04A4CC;
+  background: #04a4cc;
-	color:#FFF;
+  color: #fff;
-	text-shadow:none;
+  text-shadow: none;
 }
 ::-webkit-selection {
-	background:#04A4CC;
+  background: #04a4cc;
-	color:#FFF;
+  color: #fff;
-	text-shadow:none;
+  text-shadow: none;
 }
 ::-moz-selection {
-	background:#04A4CC;
+  background: #04a4cc;
-	color:#FFF;
+  color: #fff;
-	text-shadow:none;
+  text-shadow: none;
 }
 /*------------------------------------*\
@@ -23,73 +23,71 @@
 \*------------------------------------*/
 .alignnone {
-	margin:5px 20px 20px 0;
+  margin: 5px 20px 20px 0;
 }
 .aligncenter,
 div.aligncenter {
-	display:block;
+  display: block;
-	margin:5px auto 5px auto;
+  margin: 5px auto 5px auto;
 }
 .alignright {
-	float:right;
+  float: right;
-	margin:5px 0 20px 20px;
+  margin: 5px 0 20px 20px;
 }
 .alignleft {
-	float:left;
+  float: left;
-	margin:5px 20px 20px 0;
+  margin: 5px 20px 20px 0;
 }
 a img.alignright {
-	float:right;
+  float: right;
-	margin:5px 0 20px 20px;
+  margin: 5px 0 20px 20px;
 }
 a img.alignnone {
-	margin:5px 20px 20px 0;
+  margin: 5px 20px 20px 0;
 }
 a img.alignleft {
-	float:left;
+  float: left;
-	margin:5px 20px 20px 0;
+  margin: 5px 20px 20px 0;
 }
 a img.aligncenter {
-	display:block;
+  display: block;
-	margin-left:auto;
+  margin-left: auto;
-	margin-right:auto;
+  margin-right: auto;
 }
 .wp-caption {
-	background:#FFF;
+  background: #fff;
-	border:1px solid #F0F0F0;
+  border: 1px solid #f0f0f0;
-	max-width:96%;
+  max-width: 96%;
-	padding:5px 3px 10px;
+  padding: 5px 3px 10px;
-	text-align:center;
+  text-align: center;
 }
 .wp-caption.alignnone {
-	margin:5px 20px 20px 0;
+  margin: 5px 20px 20px 0;
 }
 .wp-caption.alignleft {
-	margin:5px 20px 20px 0;
+  margin: 5px 20px 20px 0;
 }
 .wp-caption.alignright {
-	margin:5px 0 20px 20px;
+  margin: 5px 0 20px 20px;
 }
 .wp-caption img {
-	border:0 none;
+  border: 0 none;
-	height:auto;
+  height: auto;
-	margin:0;
+  margin: 0;
-	max-width:98.5%;
+  max-width: 98.5%;
-	padding:0;
+  padding: 0;
-	width:auto;
+  width: auto;
 }
 .wp-caption .wp-caption-text,
 .gallery-caption {
-	font-size:11px;
+  font-size: 11px;
-	line-height:17px;
+  line-height: 17px;
-	margin:0;
+  margin: 0;
-	padding:0 4px 5px;
+  padding: 0 4px 5px;
 }
 .sticky {
 }
 .bypostauthor {
 }
 /*------------------------------------*\
@@ -97,51 +95,199 @@ a img.aligncenter {
 \*------------------------------------*/
@media print {
-	* {
+  @page {
-		background:transparent !important;
+    margin: 2cm;
-		color:#000 !important;
+  }
-		box-shadow:none !important;
+
-		text-shadow:none !important;
+  html {
-	}
+    overflow-y: unset !important;
-	a,
+  }
-	a:visited {
+
-		text-decoration:underline;
+  * {
-	}
+    -webkit-print-color-adjust: exact;
-	a[href]:after {
+    color-adjust: exact !important;
-		content:" (" attr(href) ")";
+  }
-	}
+
-	abbr[title]:after {
+  *:not(header *) {
-		content:" (" attr(title) ")";
+    background: transparent !important;
-	}
+    color: #000 !important;
-	.ir a:after,
+    box-shadow: none !important;
-	a[href^="javascript:"]:after,
+    text-shadow: none !important;
-	a[href^="#"]:after {
+  }
-		content:"";
+  a,
-	}
+  a:visited {
-	pre,blockquote {
+    text-decoration: underline;
-		border:1px solid #999;
+  }
-		page-break-inside:avoid;
+  a[href]:after {
-	}
+    content: " (" attr(href) ")";
-	thead {
+  }
-		display:table-header-group;
+  abbr[title]:after {
-	}
+    content: " (" attr(title) ")";
-	tr,img {
+  }
-		page-break-inside:avoid;
+  .ir a:after,
-	}
+  a[href^="javascript:"]:after,
-	img {
+  a[href^="#"]:after {
-		max-width:100% !important;
+    content: "";
-	}
+  }
-	@page {
+  pre,
-		margin:0.5cm;
+  blockquote {
-	}
+    border: 1px solid #999;
-	p,
+    page-break-inside: avoid;
-	h2,
+  }
-	h3 {
+  thead {
-		orphans:3;
+    display: table-header-group;
-		widows:3;
+  }
-	}
+  tr,
-	h2,
+  img {
-	h3 {
+    page-break-inside: avoid;
-		page-break-after:avoid;
+  }
-	}
+  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
  //structure
  .wrapper {
    height: unset !important;
  }
  //header
  header {
    position: relative !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    padding: 2rem !important;
    .header-inner {
      flex-direction: column !important;
      justify-content: flex-start;
      align-items: flex-start !important;
      padding: 0 2rem !important;
      .dis-logo {
        background-image: url(../img/dis-logo-black.png) !important;
        background-image: url(../img/dis-logo-black.svg) !important;
        margin-bottom: 1rem;
      }
      a {
        display: flex !important;
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
        div {
          margin-right: 2rem;
        }
      }
      .menubutton {
        display: none;
      }
      .social-link {
        display: block !important;
        margin: 0.5rem 2rem !important;
      }
      .events-link {
        display: none;
      }
    }
  }
  //masonrypage
  .masonrypage {
    article {
      min-height: unset !important;
      a.thumbnailwrapper {
        img {
          height: 50vw !important;
          width: 100vw !important;
        }
        &:after {
          content: "";
        }
      }
      h2 {
        display: block !important;
        padding-bottom: 5rem !important;
      }
      .metadata {
        top: calc(50vw - 5rem + 1px) !important;
        position: absolute;
        // border-top: 1px solid #000;
        @include fit-content(width);
        height: $h-unit-1;
        background-color: #fff;
        @include triangle-corner-bordered(#{$h-unit-1}, #{$h-unit-1}, white, #000, left);
        &::after {
          display: block !important;
        }
      }
    }
  }
  //single
  .singularpage {
    .titlewrapper {
      padding-top: 2rem !important;
      .metadata {
        a {
          text-decoration: none;
          &::after {
            content: "";
          }
        }
      }
    }
    .single-content {
      hr.content-begin {
        margin-top: 2rem !important;
      }
      a.cboxElement::after {
        content: "" !important;
      }
      figcaption {
        display: block !important;
      }
      .alignleft,
      .alignright,
      .wp-block-image {
        page-break-inside: avoid;
        width: 100% !important;
        height: auto;
        img {
          page-break-inside: avoid;
          width: 100%;
          height: auto;
        }
 	  }
 	  &::after{
 		content: "A fák érdekében feleslegesen ne nyomtasd ki ezt a cikket. A papírszemetet gyűjtsd szelektíven!";
 		top: 3rem;
 		position: relative;
 	  }
    }
    .fb-like,
    .fb-page,
    .toHome {
      display: none !important;
    }
  }
 }
--- a/sass/base.scss
+++ b/sass/base.scss
@@ -505,6 +505,9 @@ $v-unit-6: 24rem;
        background-image: url(../img/#{$iconname}-black.png);
        background-image: url(../img/#{$iconname}-black.svg);
      }
      @media print {
        background-image: url(../img/#{$iconname}-black.png);
      }
    }
    .facebook-icon {
@@ -568,7 +571,7 @@ $v-unit-6: 24rem;
    .events-link {
      margin: 0 2rem 0 0;
      &.hidden {
-        display: none !important;
+        display: none;
      }
      @media #{$tablet} {
        margin: 0;
@@ -1870,7 +1873,12 @@ $padd: 2rem;
    .thumbnailwrapper {
      padding: 0;
-      img.attachment-post-thumbnail {
+      img.attachment-single-thumbnail {
        //use home-big-thumbnail on mobile
        display: none;
      }
      img.attachment-home-big-thumbnail {
        // post thumbnail on home
        height: 75vh;
        width: 100vw;
@@ -1895,6 +1903,7 @@ $padd: 2rem;
        width: calc(100vw - #{$h-unit-1});
        bottom: unset !important;
        height: $h-unit-1;
        height: calc(#{$h-unit-1} - 0.5px);
        position: relative;
        align-self: flex-end;
        display: flex;
@@ -1904,6 +1913,10 @@ $padd: 2rem;
        @include single-metadata();
        a {
          @include single-metadata();
        }
        .metaWrapper {
          display: flex;
          flex-direction: row;
@@ -1915,6 +1928,7 @@ $padd: 2rem;
          .time-cat::after {
            content: " ";
            display: inline-block;
            white-space: pre;
          }
          .format::before {
            content: "|";
@@ -1968,9 +1982,13 @@ $padd: 2rem;
        bottom: 0;
        width: 100%;
-        img.attachment-post-thumbnail {
+        img.attachment-home-big-thumbnail {
-          // post thumbnail on home
+          display: none;
        }
        img.attachment-single-thumbnail {
          // post thumbnail on home
          display: block;
          object-fit: cover;
          padding: 0;
@@ -2091,6 +2109,10 @@ $padd: 2rem;
        font-weight: 900;
      }
      iframe {
        width: 100%;
      }
      blockquote {
        @include single-quote();
        margin: 3rem 0;
@@ -2108,6 +2130,10 @@ $padd: 2rem;
          top: 0.5rem;
          left: 2rem;
        }
        em {
          //fix italics in old articles
          font-style: normal;
        }
      }
      //nagyon nagy kiemelt
@@ -2136,7 +2162,19 @@ $padd: 2rem;
      // ---------------------------- images on single ---------------------------- */
-      .wp-block-image {
+      // old images
      .wp-caption {
        max-width: 100%;
        border: none;
        background: unset;
      }
      img {
        height: auto;
      }
      .wp-block-image,
      .wp-caption {
        margin: $padd 0;
        position: relative !important;
@@ -2378,13 +2416,12 @@ $padd: 2rem;
    }
  } //#colorbox end
-/* -------------------------------- /facebook ------------------------------- */
+  /* -------------------------------- /facebook ------------------------------- */
 .fb-page{
  display: block !important;
  padding: $padd 0;
 }
  .fb-page {
    display: block !important;
    padding: $padd 0;
  }
 } //body.single, page end
 // ------------------------------ related posts ----------------------------- */
@@ -2471,6 +2508,9 @@ $padd: 2rem;
        flex-wrap: nowrap;
        align-items: center;
        padding: 0;
        * {
          @include related-metadata();
        }
        .vr {
          height: 100%;
@@ -2680,7 +2720,7 @@ body.page {
  //metadata on mobile
  .metadata {
-    @media #{$only-mobile} {
+    @media #{$only-mobile}, print {
      color: $color !important;
      .vr {
        background-color: $color !important;
@@ -2691,7 +2731,7 @@ body.page {
      color: $color !important;
    }
-    @media #{$only-mobile} {
+    @media #{$only-mobile}, print  {
      &::before,
      &::after {
        border-color: $color !important;
@@ -2699,7 +2739,7 @@ body.page {
    }
  }
  h2 {
-    @media #{$only-mobile} {
+    @media #{$only-mobile}, print  {
      border-top-color: $color !important;
    }
  }
@@ -2808,7 +2848,7 @@ body.page {
    a {
      color: $color;
    }
-    hr{
+    hr {
      background-color: $color;
    }
    .authors {
@@ -2821,6 +2861,9 @@ body.page {
      }
    }
  }
  hr.related-wrap {
    background-color: $color;
  }
 }
 $color-be: #fdff00;
 $color-do: #3c00ff;
--- a/singular.php
+++ b/singular.php
@@ -12,7 +12,8 @@
 				<!-- post thumbnail -->
 				<?php if (has_post_thumbnail()): // Check if Thumbnail exists ?>
 					<div class="thumbnailwrapper">
-						<?php the_post_thumbnail(); // Fullsize image for the single post ?>
+						<?php the_post_thumbnail('single-thumbnail'); ?>
 						<?php the_post_thumbnail('home-big-thumbnail'); ?>
 					</div>
 				<?php endif;?>
@@ -73,9 +74,16 @@
 								echo '<p>';
 						} ?>
-							<!-- Facebook -->
+					<!-- Facebook -->
-					<div class="fb-like" data-href="<?php the_permalink();?>" data-width="" data-layout="button_count" data-action="like" data-size="small" data-show-faces="false" data-share="true"></div>
+					<?php
-					<div class="fb-page" data-href="https://www.facebook.com/designisso/" data-tabs="" data-width="" data-height="" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/designisso/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/designisso/">designisso</a></blockquote></div>
+						if (is_single()) {
 					?>
 						<div class="fb-like" data-href="<?php the_permalink();?>" data-width="" data-layout="button_count" data-action="like" data-size="small" data-show-faces="false" data-share="true"></div>
 						<div class="fb-page" data-href="https://www.facebook.com/designisso/" data-tabs="" data-width="" data-height="" data-small-header="true" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"><blockquote cite="https://www.facebook.com/designisso/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/designisso/">designisso</a></blockquote></div>
 					<?php
 						};
 					?>
 					<hr class="content-wrap content-end">
 				</div>
@@ -122,13 +130,19 @@
 					$post = $orig_post;
 					wp_reset_query(); ?>
 				<?php
 						if (is_single()) {
 					?>
 				<div class="toHome">
 					<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
 						← <?php _e('Back to home:', 'dis2019');?>
 					</a>
 					<hr class="related-wrap single-end">
 				</div>
-				
+				<?php
 						};
 					?>
--- a/style.css
+++ b/style.css
@@ -2,7 +2,7 @@
 	Theme Name: dis-2019
 	Theme URI: https://git.gyetpet.dynu.net/infeeeee/dis-2019
 	Description: Designisso téma 2019 | <a target="_blank" href="https://git.gyetpet.dynu.net/infeeeee/dis-2019/src/branch/master/K%c3%89ZIK%c3%96NYV.md">Használati utasítás magyarul</a> | <a target="_blank" href="https://git.gyetpet.dynu.net/infeeeee/dis-2019/issues">Hibák, problémák jelentése</a>
-	Version: 1.0.0
+	Version: 1.0.11
 	Author: Gyetvai Péter
 	Author URI: https://gyetvai-peter.hu
 	Tags: Designisso
Author	SHA1	Message	Date
infeeeee	aa1b55dc64	bump 1.0.11	2019-10-04 23:00:08 +02:00
infeeeee	2709f6bfa7	basic media print rules	2019-10-04 22:57:30 +02:00
infeeeee	98e962b7e8	fix swipe on iphone on lightbox	2019-10-04 18:24:31 +02:00
infeeeee	4a6741bcb7	half pixel line on firefox preview on single	2019-10-04 16:46:54 +02:00
infeeeee	1c50dbe6bf	fix space after category on single	2019-10-04 15:58:46 +02:00
infeeeee	be6fc66034	home-big-thumbnal on mobile	2019-10-04 15:51:52 +02:00
infeeeee	86bc0e72b7	hide alcim if not enough space	2019-10-04 15:43:25 +02:00
infeeeee	c74d515a8a	Merge branch 'master' of http://git.gyetpet.dynu.net/infeeeee/dis-2019	2019-10-03 16:19:45 +02:00
infeeeee	ea09fa398b	work on alcim on big articles	2019-10-03 16:13:36 +02:00
Péter Gyetvai	2a4bf1719f	bump 1.0.10	2019-09-13 17:49:22 +02:00
Péter Gyetvai	cbfeec7209	changed image sizes	2019-09-13 17:48:41 +02:00
Péter Gyetvai	e39cbe2022	bump 1.0.9	2019-09-13 17:23:18 +02:00
Péter Gyetvai	7bf40452c3	changed home-big-thumbnail size	2019-09-13 17:21:51 +02:00
infeeeee	ea796f041b	bump 1.0.8	2019-09-13 16:29:58 +02:00
infeeeee	69a36eb456	fixed related post font size	2019-09-13 16:29:22 +02:00
infeeeee	810fdd7489	removed conditionizr and unused js libs	2019-09-13 16:14:50 +02:00
infeeeee	ec3e5525a5	fix lazyload on old images	2019-09-13 16:11:23 +02:00
infeeeee	f0e2e44980	change author text size	2019-09-13 15:46:23 +02:00
infeeeee	98fc38b770	fix italics in blockquote in old articles	2019-09-13 15:34:32 +02:00
infeeeee	50f424cfa7	show facebook boxes on bottom of single	2019-09-13 15:30:23 +02:00
infeeeee	f37bc329af	todo update	2019-09-11 19:57:44 +02:00
infeeeee	f9b7bb5d3a	mobile thumbnail fixed	2019-09-11 19:55:42 +02:00
infeeeee	5ba4282209	1.0.6	2019-09-11 19:49:49 +02:00
infeeeee	c1ad3bba53	bump 1.0.5	2019-09-11 19:46:38 +02:00
infeeeee	4766e59307	fix figcaption in js	2019-09-11 19:46:07 +02:00
infeeeee	916439f4d5	fix old images	2019-09-11 19:37:50 +02:00
infeeeee	cb2b7f13ac	hide tohome from pages	2019-09-11 18:39:10 +02:00
infeeeee	1b6cb710f5	single thumbnail	2019-09-11 15:35:46 +02:00
infeeeee	ce39fbe8eb	single thumbnail, youtube	2019-09-11 15:27:59 +02:00
infeeeee	98665b9e9a	single img height, fb only, related hr color	2019-09-11 14:44:55 +02:00
		`@@ -1,2 +0,0 @@`
			`/! Conditionizr v4.3.0 \| (c) 2014 @toddmotto, @markgdyr \| MIT license \| conditionizr.com /`
			!function(a,b){"function"==typeof define&&define.amd?define([],b):"object"==typeof exports?module.exports=b:a.conditionizr=b()}(this,function(){"use strict";var a,b={},c=document.head\|\|document.getElementsByTagName("head")[0],d=function(b,d,e){var f=e?b:a+b+("style"===d?".css":".js");switch(d){case"script":var g=document.createElement("script");g.src=f,c.appendChild(g);break;case"style":var h=document.createElement("link");h.href=f,h.rel="stylesheet",c.appendChild(h);break;case"class":document.documentElement.className+=" "+b}};return b.config=function(c){var e=c\|\|{},f=e.tests;a=e.assets\|\|"";for(var g in f){var h=g.toLowerCase();if(b[h])for(var i=f[g],j=i.length;j--;)d(h,i[j])}},b.add=function(a,c,e){var f=a.toLowerCase();if(b[f]=e(),b[f])for(var g=c.length;g--;)d(f,c[g])},b.on=function(a,c){var d=/^\!/;(b[a.toLowerCase()]\|\|d.test(a)&&!b[a.replace(d,"")])&&c()},b.load=b.polyfill=function(a,c){for(var e=/\.js$/.test(a)?"script":"style",f=c.length;f--;)b[c[f].toLowerCase()]&&d(a,e,!0)},b});