1.0.15 w3c validation, aria tags

404.php

@@ -10,7 +10,7 @@
 					<h1><?php _e( 'Page not found', 'dis2019' ); ?></h1>
 					<div class="toHome">
 						<a href="<?php echo esc_url( home_url( '/' ) ); ?>">
-							← <?php _e('Back to home:', 'dis2019');?>
+							← <?php _e('Back to home', 'dis2019');?>
 						</a>
 					</div>
 				</div>

_teendők.md

@@ -1,7 +0,0 @@
-# Single - ✔
-
-og: tag: pluginnal!
-
-# egyéb
-
-`@media print{}`

category-esemeny.php

@@ -4,85 +4,9 @@
 		<!-- section -->
 		<section>
 
-		<?php if (have_posts()): while (have_posts()): the_post();?>
+		<?php include locate_template('loop-esemeny.php', false, false);?>
-
-		<?php
-				$event_datum = get_post_meta( get_the_ID(), 'dis-esemeny-datum', true );
-				$event_link = get_post_meta( get_the_ID(), 'dis-esemeny-link', true );	
-		?>
-
-
-		<article id="post-<?php the_ID();?>" <?php post_class();?>>
-
-			<!-- post thumbnail -->
-			<?php if (has_post_thumbnail()): // Check if thumbnail exists ?>
-				<a class="thumbnailwrapper" href="<?php echo $event_link; ?>" title="<?php the_title();?>" target="_blank">
-					<?php the_post_thumbnail('home-event-thumbnail');?>
-				</a>
-			<?php endif;?>
-			<!-- /post thumbnail -->
-
-			<div class="event-metadata">
-				
-
-				<div class="top-row">
-					<div class="ev-date">
-						<?php
-							echo preg_replace('/^(\d{4}\.)(\d{2}\.)(\d{2}\.)$/','\1</br>\2 \3',$event_datum );
-							// echo $event_datum;
-						?>
-					</div>
-
-						<!-- Arrow -->
-						<a href="<?php echo $event_link; ?>" target="_blank" class="arrow-link">
-							→
-						</a>
-
-					</div>
-				<div class="hr">
-				
-				</div>
-				<div class="bottom-row">
-					<!-- title -->
-					<h2>
-						<a href="<?php echo $event_link; ?>" target="_blank"><?php the_title();?></a>
-						
-					</h2>
-					<div class="vr"></div>
-					<!-- Tovább button -->
-					<a href="<?php echo $event_link; ?>" class="text-link" target="_blank">Tovább az eseményre</a>
-				</div>
-	
-			</div><!-- end event-metadata -->
-			
-
-			
-
-			
-
-
-			<!-- post title -->
-			
-			<!-- /post title -->
-
-
-
-		</article>
-
-
-		<?php endwhile;?>
-
-	<?php else: ?>
-
-<!-- article -->
-<article>
-	<h2><?php _e('Sorry, nothing to display.', 'dis2019');?></h2>
-</article>
-<!-- /article -->
-
-<?php endif;?>
-
 
+<?php get_template_part('loadmore');?>
 
 		</section>
 		<!-- /section -->

functions.php

@@ -36,12 +36,13 @@ if (function_exists('add_theme_support')) {
 
     // Add Thumbnail Theme Support
     add_theme_support('post-thumbnails');
-    add_image_size('large', 700, '', true); // Large Thumbnail
+    // add_image_size('large', 700, '', true); // Large Thumbnail
-    add_image_size('medium', 250, '', true); // Medium Thumbnail
+    // add_image_size('medium', 250, '', true); // Medium Thumbnail
-    add_image_size('small', 120, '', true); // Small Thumbnail
+    // add_image_size('small', 120, '', true); // Small Thumbnail
     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!
@@ -118,7 +119,7 @@ function dis2019_header_scripts()
         wp_register_script('fittext', get_template_directory_uri() . '/js/lib/jquery.fittext.js', array('jquery'), '1.0.0'); //
         wp_enqueue_script('fittext'); // Enqueue it!
 
-        wp_register_script('jquery.colorbox', get_template_directory_uri() . '/js/lib/jquery.colorbox-min.js', array('jquery'), '1.0.0'); //
+        wp_register_script('jquery.colorbox', get_template_directory_uri() . '/js/lib/jquery.colorbox-wpretina.js', array('jquery'), '1.0.0'); //
         wp_enqueue_script('jquery.colorbox'); // Enqueue it!
 
         wp_register_script('lettering', get_template_directory_uri() . '/js/lib/jquery.lettering.js', array('jquery'), '1.0.0'); //
@@ -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',
@@ -479,7 +480,12 @@ function misha_loadmore_ajax_handler()
     $args['offset'] = $offset + (($_POST['page'] - 1) * $ppp);
 
     query_posts($args);
+
+    if (($args[category_name] == get_theme_mod('dis-2019-event-cat-slug', 'esemeny'))) {
+        get_template_part('loop-esemeny');
+    }else{
         get_template_part('loop');
+    }
 
     die; // here we exit the script and even no wp_reset_query() required!
 }
@@ -516,7 +522,7 @@ function dis_2019_order_events_by_date(&$query)
     $query->set('orderby', 'meta_value');
     $query->set('order', 'ASC');
     $query->set('meta_value', date("Y.m.d.")); // change to how "event date" is stored
-    $query->set('meta_compare', '>');
+    $query->set('meta_compare', '>=');
 }
 add_action('pre_get_posts', 'dis_2019_order_events_by_date', 1);
 

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 () {

header.php

@@ -17,21 +17,11 @@
 	<meta name="msapplication-TileColor" content="#ffffff">
 	<meta name="theme-color" content="#ffffff">
 
-	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
 	<meta name="viewport" content="width=device-width, initial-scale=1.0">
 	<!-- <meta name="viewport" content="height=device-height, initial-scale=1.0"> -->
 	<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();?>>
@@ -44,14 +34,14 @@
 	<div class="wrapper">
 
 		<!-- header -->
-		<header class="header clear" role="banner">
+		<header class="header clear">
 
 			<!-- ------------------------------ header-1 ------------------------------- -->
 
 			<div class="header-1 header-inner">
 				<!-- logo -->
 				<div class="logo">
-					<a href="<?php echo home_url(); ?>">
+					<a href="<?php echo home_url(); ?>" aria-label="<?php _e('Back to home', 'dis2019');?>">
 						<div class="dis-logo">
 						</div>
 						
@@ -59,7 +49,7 @@
 				</div>
 				<!-- /logo -->
 				<div class="fb-link social-link">
-					<a href="https://www.facebook.com/designisso" target="_blank">
+					<a href="https://www.facebook.com/designisso" target="_blank" aria-label="Designisso Facebook">
 						<div class="facebook-icon icon menuicon">
 						</div>
 						
@@ -67,11 +57,7 @@
 
 				</div>
 				<div class="search-box">
-					<button type="button" id="search-button">
+					<button type="button" id="search-button" class="kereso-icon icon" aria-label="<?php _e('Show search', 'dis2019');?>">							
-					<div class="kereso-icon icon">
-					
-					</div>
-						
 					</button>
 					<div class="search-bar">
 						<?php get_search_form();?>
@@ -82,43 +68,37 @@
 
 
 			<div class="header-scroll header-scroll-left">
-				<button type="button"></button>
+				<button type="button" aria-label="<?php _e('Scroll left', 'dis2019');?>"></button>
 			</div>
 
 			<div class="header-scroll header-scroll-right">
-				<button type="button"></button>
+				<button type="button" aria-label="<?php _e('Scroll right', 'dis2019');?>"></button>
 			</div>
 
 			<!-- ----------------------------- header 2 ------------------------------ -->
 
 			<div class="header-2 header-inner">
 				<div class="menubutton">
-					<button type="button" id="toggle-sidebar">
+					<button type="button" id="toggle-sidebar" class="menubutton-icon icon menuicon" aria-label="<?php _e('Menu', 'dis2019');?>"></button>
-						<div class="menubutton-icon icon menuicon">					
-						</div>
-					</button>
-
 				</div>
 				<div class="ig-link social-link">
-					<a href="https://www.instagram.com/design_is_so/" target="_blank">
+					<a href="https://www.instagram.com/design_is_so/" target="_blank" aria-label="Designisso Instagram">
 						<div class="instagram-icon icon menuicon">
 						
 						</div>					
-					
 					</a>
 				</div>
 				<div class="events-link">
-					<a href="/index.php/category/<?php echo get_theme_mod('dis-2019-event-cat-slug'); ?>" target="_top">
+					<a href="/index.php/category/<?php echo get_theme_mod('dis-2019-event-cat-slug'); ?>" target="_top" aria-label="<?php _e('Events', 'dis2019');?>">
 						<div class="esemeny-icon icon menuicon">
 						
 						</div>						
-						
 					</a>
 				</div>
 
 				<!-- nav -->
 				<div id="sidebar">
-					<nav role="navigation" id="sidebar-wrapper" class="nav sidebar-wrapper">
+					<nav id="sidebar-wrapper" class="nav sidebar-wrapper">
 
 						<?php //dis2019_nav(); ?>
 						<?php wp_nav_menu(array('theme_location' => 'main-left-menu'));?>
@@ -139,7 +119,7 @@
 			<!-- ----------------------------- bedocircle ------------------------------ -->
 
 			<div id="tag-nav">
-				<nav role="navigation" class="tag-nav">
+				<nav class="tag-nav">
 		
 					<?php wp_nav_menu(array('theme_location' => 'tag-menu'));?>
 				</nav>
@@ -153,4 +133,4 @@
 		<div class="loadingscreen">
 		
 		</div>
-		<main role="main">
+		<main>

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});

js/scripts.js

@@ -811,10 +811,12 @@
 
 		/* ------------------------- Click on small articles ------------------------ */
 
-		$('article.home-small').click(function () {
+		$(document).on({
+			mouseup: function () {
 				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
-				$(".home-big h2").each(function () {
-					if ($(this)[0].getBoundingClientRect().height > h2H) {
-						h2H = $(this)[0].getBoundingClientRect().height
-					}
-				})
 
 					let artH = cArticle[0].getBoundingClientRect().height
-				metadataHeights.openedHeight = artH - bottomScrollHeight - h2H
+					// metadataHeights.openedHeight = artH - bottomScrollHeight - h2H
+					let metadataMaxheight = artH - bottomScrollHeight - h2H
+					let metadataOpenedHeight = (metadataMaxheight < metadataHeights.collapsedHeight) ? metadataHeights.collapsedHeight : metadataMaxheight
+					cc.attr('data-metadataOpenedHeight', metadataOpenedHeight)
+					// console.log('h2h', h2H, artH)
+				}
 
-				console.log('h2h', h2H, artH)
+				let metadataOpenedHeight = cc.attr('data-metadataOpenedHeight')
 
 				//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,11 @@
 				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,
+				retinaUrl: true,
+				retinaSuffix: '$1.$2'
 
 			}
 
@@ -1088,17 +1160,10 @@
 			$('#cboxOverlay, #colorbox').swipe({
 				swipeLeft: function () {
 					$.colorbox.next()
-
 				},
 				swipeRight: function () {
 					$.colorbox.prev()
 				},
-				swipeUp: function () {
-					return false
-				},
-				swipeDown: function () {
-					return false
-				},
 			})
 
 			// lightbox for galleries

languages/HTML5Blank.pot

@@ -2,7 +2,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: dis-2019 WordPress Theme\n"
-"POT-Creation-Date: 2019-09-02 21:23+0200\n"
+"POT-Creation-Date: 2019-10-08 22:39+0200\n"
 "PO-Revision-Date: \n"
 "Last-Translator: Jürgen Rabe | www.egado.de <rabe@egado.de>\n"
 "Language-Team: \n"
@@ -21,12 +21,8 @@ msgstr ""
 msgid "Page not found"
 msgstr ""
 
-#: ../404.php:13 ../singular.php:124
+#: ../404.php:13 ../header.php:44 ../singular.php:139
-msgid "Back to home:"
+msgid "Back to home"
-msgstr ""
-
-#: ../category-esemeny.php:78 ../loop.php:24 ../singular.php:145
-msgid "Sorry, nothing to display."
 msgstr ""
 
 #: ../customizer.php:16
@@ -77,174 +73,206 @@ msgstr ""
 msgid "Same value applies to mobile and desktop. Use any integer"
 msgstr ""
 
-#: ../functions.php:182
+#: ../functions.php:183
 msgid "Main menu left"
 msgstr ""
 
-#: ../functions.php:183
+#: ../functions.php:184
 msgid "Main menu right"
 msgstr ""
 
-#: ../functions.php:185
+#: ../functions.php:186
 msgid "Circular tags"
 msgstr ""
 
-#: ../functions.php:311
+#: ../functions.php:321
 msgid "View Article"
 msgstr ""
 
-#: ../functions.php:382
+#: ../functions.php:392
 #, php-format
 msgid "<cite class=\"fn\">%s</cite> <span class=\"says\">says:</span>"
 msgstr ""
 
-#: ../functions.php:385
+#: ../functions.php:395
 msgid "Your comment is awaiting moderation."
 msgstr ""
 
-#: ../functions.php:391
+#: ../functions.php:401
 #, php-format
 msgid "%1$s at %2$s"
 msgstr ""
 
-#: ../functions.php:391
+#: ../functions.php:401
 msgid "(Edit)"
 msgstr ""
 
-#: ../functions.php:701
+#: ../functions.php:717
 msgid "Search Formats"
 msgstr ""
 
-#: ../functions.php:702
+#: ../functions.php:718
 msgid "All Formats"
 msgstr ""
 
-#: ../functions.php:703
+#: ../functions.php:719
 msgid "Parent Format"
 msgstr ""
 
-#: ../functions.php:704
+#: ../functions.php:720
 msgid "Parent Format:"
 msgstr ""
 
-#: ../functions.php:705
+#: ../functions.php:721
 msgid "Edit Format"
 msgstr ""
 
-#: ../functions.php:706
+#: ../functions.php:722
 msgid "Update Format"
 msgstr ""
 
-#: ../functions.php:707
+#: ../functions.php:723
 msgid "Add New Format"
 msgstr ""
 
-#: ../functions.php:708
+#: ../functions.php:724
 msgid "New Format Name"
 msgstr ""
 
-#: ../functions.php:709
+#: ../functions.php:725
 msgid "Formats"
 msgstr ""
 
-#: ../functions.php:711
+#: ../functions.php:727
 msgid "View Formats"
 msgstr ""
 
-#: ../functions.php:712
+#: ../functions.php:728
 msgid "Popular Formats"
 msgstr ""
 
-#: ../functions.php:713
+#: ../functions.php:729
 msgid "Separate formats with commas"
 msgstr ""
 
-#: ../functions.php:714
+#: ../functions.php:730
 msgid "Add or remove formats"
 msgstr ""
 
-#: ../functions.php:715
+#: ../functions.php:731
 msgid "Choose from most used formats"
 msgstr ""
 
-#: ../functions.php:716
+#: ../functions.php:732
 msgid "No formats found"
 msgstr ""
 
-#: ../functions.php:717
+#: ../functions.php:733
 msgid "Back to formats"
 msgstr ""
 
-#: ../functions.php:738
+#: ../functions.php:754
 msgid "Search Writers"
 msgstr ""
 
-#: ../functions.php:739
+#: ../functions.php:755
 msgid "All Writers"
 msgstr ""
 
-#: ../functions.php:740
+#: ../functions.php:756
 msgid "Parent Writer"
 msgstr ""
 
-#: ../functions.php:741
+#: ../functions.php:757
 msgid "Parent Writer:"
 msgstr ""
 
-#: ../functions.php:742
+#: ../functions.php:758
 msgid "Edit Writer"
 msgstr ""
 
-#: ../functions.php:743
+#: ../functions.php:759
 msgid "Update Writer"
 msgstr ""
 
-#: ../functions.php:744
+#: ../functions.php:760
 msgid "Add New Writer"
 msgstr ""
 
-#: ../functions.php:745
+#: ../functions.php:761
 msgid "New Writer Name"
 msgstr ""
 
-#: ../functions.php:746
+#: ../functions.php:762
 msgid "Writers"
 msgstr ""
 
-#: ../functions.php:748
+#: ../functions.php:764
 msgid "View Writers"
 msgstr ""
 
-#: ../functions.php:749
+#: ../functions.php:765
 msgid "Popular Writers"
 msgstr ""
 
-#: ../functions.php:750
+#: ../functions.php:766
 msgid "Separate writers with commas"
 msgstr ""
 
-#: ../functions.php:751
+#: ../functions.php:767
 msgid "Add or remove writers"
 msgstr ""
 
-#: ../functions.php:752
+#: ../functions.php:768
 msgid "Choose from most used writer"
 msgstr ""
 
-#: ../functions.php:753
+#: ../functions.php:769
 msgid "No writer found"
 msgstr ""
 
-#: ../functions.php:754
+#: ../functions.php:770
 msgid "Back to writers"
 msgstr ""
 
+#: ../header.php:60
+msgid "Show search"
+msgstr ""
+
+#: ../header.php:71
+msgid "Scroll left"
+msgstr ""
+
+#: ../header.php:75
+msgid "Scroll right"
+msgstr ""
+
+#: ../header.php:82
+msgid "Menu"
+msgstr ""
+
+#: ../header.php:92
+msgid "Events"
+msgstr ""
+
+#: ../loop-esemeny.php:73 ../loop.php:24 ../singular.php:163
+msgid "Sorry, nothing to display."
+msgstr ""
+
 #: ../search.php:11
 #, php-format
 msgid "%s search results for"
 msgstr ""
 
-#: ../singular.php:101
+#: ../searchform.php:3 ../searchform.php:4
+msgid "Search"
+msgstr ""
+
+#: ../searchform.php:5
+msgid "Submit search"
+msgstr ""
+
+#: ../singular.php:112
 msgid "More posts:"
 msgstr ""
 

languages/hu_HU.po

@@ -1,7 +1,7 @@
 msgid ""
 msgstr ""
 "Project-Id-Version: dis-2019 WordPress Theme\n"
-"POT-Creation-Date: 2019-09-02 21:23+0200\n"
+"POT-Creation-Date: 2019-10-08 22:39+0200\n"
 "PO-Revision-Date: \n"
 "Last-Translator: Péter Gyetvai <gyetpet@mailbox.org>\n"
 "Language-Team: \n"
@@ -21,14 +21,10 @@ msgstr ""
 msgid "Page not found"
 msgstr "A keresett oldal nem található"
 
-#: ../404.php:13 ../singular.php:124
+#: ../404.php:13 ../header.php:44 ../singular.php:139
-msgid "Back to home:"
+msgid "Back to home"
 msgstr "Vissza a főoldalra"
 
-#: ../category-esemeny.php:78 ../loop.php:24 ../singular.php:145
-msgid "Sorry, nothing to display."
-msgstr "Nincs találat"
-
 #: ../customizer.php:16
 msgid "Event category id"
 msgstr "Esemény kategória ID"
@@ -87,174 +83,206 @@ msgstr ""
 "Ugyanaz az érték érvényes mobilon és asztalin. Használj bármilyen egész "
 "számot"
 
-#: ../functions.php:182
+#: ../functions.php:183
 msgid "Main menu left"
 msgstr "Főmenü bal"
 
-#: ../functions.php:183
+#: ../functions.php:184
 msgid "Main menu right"
 msgstr "Főmenü jobb"
 
-#: ../functions.php:185
+#: ../functions.php:186
 msgid "Circular tags"
 msgstr "Kör címkék"
 
-#: ../functions.php:311
+#: ../functions.php:321
 msgid "View Article"
 msgstr "Tartalom Megtekintése"
 
-#: ../functions.php:382
+#: ../functions.php:392
 #, php-format
 msgid "<cite class=\"fn\">%s</cite> <span class=\"says\">says:</span>"
 msgstr "<cite class=\"fn\">%s</cite> <span class=\"says\">:</span>"
 
-#: ../functions.php:385
+#: ../functions.php:395
 msgid "Your comment is awaiting moderation."
 msgstr "A hozzászólás moderálásra vár."
 
-#: ../functions.php:391
+#: ../functions.php:401
 #, php-format
 msgid "%1$s at %2$s"
 msgstr "%1$s - %2$s"
 
-#: ../functions.php:391
+#: ../functions.php:401
 msgid "(Edit)"
 msgstr "(Szerkesztés)"
 
-#: ../functions.php:701
+#: ../functions.php:717
 msgid "Search Formats"
 msgstr "Formátumok keresése"
 
-#: ../functions.php:702
+#: ../functions.php:718
 msgid "All Formats"
 msgstr "Minden formátum"
 
-#: ../functions.php:703
+#: ../functions.php:719
 msgid "Parent Format"
 msgstr "Szülő formátum"
 
-#: ../functions.php:704
+#: ../functions.php:720
 msgid "Parent Format:"
 msgstr "Szülő formátum:"
 
-#: ../functions.php:705
+#: ../functions.php:721
 msgid "Edit Format"
 msgstr "Formátum szerkesztése"
 
-#: ../functions.php:706
+#: ../functions.php:722
 msgid "Update Format"
 msgstr "Formátum frissítése"
 
-#: ../functions.php:707
+#: ../functions.php:723
 msgid "Add New Format"
 msgstr "Új formátum hozzáadása"
 
-#: ../functions.php:708
+#: ../functions.php:724
 msgid "New Format Name"
 msgstr "Új formátum neve"
 
-#: ../functions.php:709
+#: ../functions.php:725
 msgid "Formats"
 msgstr "Formátumok"
 
-#: ../functions.php:711
+#: ../functions.php:727
 msgid "View Formats"
 msgstr "Formátumok megjelenítése"
 
-#: ../functions.php:712
+#: ../functions.php:728
 msgid "Popular Formats"
 msgstr "Népszerű formátumok"
 
-#: ../functions.php:713
+#: ../functions.php:729
 msgid "Separate formats with commas"
 msgstr "Formátumokat vesszővel válaszd el"
 
-#: ../functions.php:714
+#: ../functions.php:730
 msgid "Add or remove formats"
 msgstr "Formátumok hozzáadása vagy eltávolítása"
 
-#: ../functions.php:715
+#: ../functions.php:731
 msgid "Choose from most used formats"
 msgstr "Választás a leggyakoribb formátumok közül"
 
-#: ../functions.php:716
+#: ../functions.php:732
 msgid "No formats found"
 msgstr "Formátum nem található"
 
-#: ../functions.php:717
+#: ../functions.php:733
 msgid "Back to formats"
 msgstr "Vissza a formátumokhoz"
 
-#: ../functions.php:738
+#: ../functions.php:754
 msgid "Search Writers"
 msgstr "Cikkírók keresése"
 
-#: ../functions.php:739
+#: ../functions.php:755
 msgid "All Writers"
 msgstr "Minden cikkíró"
 
-#: ../functions.php:740
+#: ../functions.php:756
 msgid "Parent Writer"
 msgstr "Szülő cikkíró"
 
-#: ../functions.php:741
+#: ../functions.php:757
 msgid "Parent Writer:"
 msgstr "Szülő cikkíró:"
 
-#: ../functions.php:742
+#: ../functions.php:758
 msgid "Edit Writer"
 msgstr "Cikkíró szerkesztése"
 
-#: ../functions.php:743
+#: ../functions.php:759
 msgid "Update Writer"
 msgstr "Cikkíró frissítése"
 
-#: ../functions.php:744
+#: ../functions.php:760
 msgid "Add New Writer"
 msgstr "Új cikkíró hozzáadása"
 
-#: ../functions.php:745
+#: ../functions.php:761
 msgid "New Writer Name"
 msgstr "Új cikkíró neve"
 
-#: ../functions.php:746
+#: ../functions.php:762
 msgid "Writers"
 msgstr "Cikkírók"
 
-#: ../functions.php:748
+#: ../functions.php:764
 msgid "View Writers"
 msgstr "Cikkírók Megtekintése"
 
-#: ../functions.php:749
+#: ../functions.php:765
 msgid "Popular Writers"
 msgstr "Népszerű cikkírók"
 
-#: ../functions.php:750
+#: ../functions.php:766
 msgid "Separate writers with commas"
 msgstr "Cikkírókat vesszővel válaszd el"
 
-#: ../functions.php:751
+#: ../functions.php:767
 msgid "Add or remove writers"
 msgstr "Cikkírók hozzáadása vagy eltávolítása"
 
-#: ../functions.php:752
+#: ../functions.php:768
 msgid "Choose from most used writer"
 msgstr "Választás a leggyakoribb cikkírók közül"
 
-#: ../functions.php:753
+#: ../functions.php:769
 msgid "No writer found"
 msgstr "Cikkíró nem található"
 
-#: ../functions.php:754
+#: ../functions.php:770
 msgid "Back to writers"
 msgstr "Vissza a cikkírókhoz"
 
+#: ../header.php:60
+msgid "Show search"
+msgstr "Keresés megjelenítése"
+
+#: ../header.php:71
+msgid "Scroll left"
+msgstr "Görgetés balra"
+
+#: ../header.php:75
+msgid "Scroll right"
+msgstr "Görgetés jobbra"
+
+#: ../header.php:82
+msgid "Menu"
+msgstr "Menü"
+
+#: ../header.php:92
+msgid "Events"
+msgstr "Események"
+
+#: ../loop-esemeny.php:73 ../loop.php:24 ../singular.php:163
+msgid "Sorry, nothing to display."
+msgstr "Nincs találat"
+
 #: ../search.php:11
 #, php-format
 msgid "%s search results for"
 msgstr "%s találat"
 
-#: ../singular.php:101
+#: ../searchform.php:3 ../searchform.php:4
+msgid "Search"
+msgstr "Keresés"
+
+#: ../searchform.php:5
+msgid "Submit search"
+msgstr "Keresés elküldése"
+
+#: ../singular.php:112
 msgid "More posts:"
 msgstr "További cikkeink:"
 

loop-esemeny.php

@@ -0,0 +1,77 @@
+<?php if (have_posts()): while (have_posts()): the_post();?>
+
+		<?php
+				$event_datum = get_post_meta( get_the_ID(), 'dis-esemeny-datum', true );
+				$event_link = get_post_meta( get_the_ID(), 'dis-esemeny-link', true );	
+		?>
+
+
+		<article id="post-<?php the_ID();?>" <?php post_class();?>>
+
+			<!-- post thumbnail -->
+			<?php if (has_post_thumbnail()): // Check if thumbnail exists ?>
+				<a class="thumbnailwrapper" href="<?php echo $event_link; ?>" title="<?php the_title();?>" target="_blank">
+					<?php the_post_thumbnail('home-event-thumbnail');?>
+				</a>
+			<?php endif;?>
+			<!-- /post thumbnail -->
+
+			<div class="event-metadata">
+				
+
+				<div class="top-row">
+					<div class="ev-date">
+						<?php
+							echo preg_replace('/^(\d{4}\.)(\d{2}\.)(\d{2}\.)$/','\1</br>\2 \3',$event_datum );
+							// echo $event_datum;
+						?>
+					</div>
+
+						<!-- Arrow -->
+						<a href="<?php echo $event_link; ?>" target="_blank" class="arrow-link">
+							→
+						</a>
+
+					</div>
+				<div class="hr">
+				
+				</div>
+				<div class="bottom-row">
+					<!-- title -->
+					<h2>
+						<a href="<?php echo $event_link; ?>" target="_blank"><?php the_title();?></a>
+						
+					</h2>
+					<div class="vr"></div>
+					<!-- Tovább button -->
+					<a href="<?php echo $event_link; ?>" class="text-link" target="_blank">Tovább az eseményre</a>
+				</div>
+	
+			</div><!-- end event-metadata -->
+			
+
+			
+
+			
+
+
+			<!-- post title -->
+			
+			<!-- /post title -->
+
+
+
+		</article>
+
+
+		<?php endwhile;?>
+
+	<?php else: ?>
+
+<!-- article -->
+<article>
+	<h2><?php _e('Sorry, nothing to display.', 'dis2019');?></h2>
+</article>
+<!-- /article -->
+
+<?php endif;?>

loop-inner.php

@@ -82,7 +82,7 @@
     <?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" />
+                <img src="<?php echo get_template_directory_uri(); ?>/img/curvy_arrow.png"  alt="→"/>
             </object>
         </div>
     <?php endif;?>

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 --------------------------------- */

sass/_print.scss

@@ -3,18 +3,18 @@
 \*------------------------------------*/
 
 ::selection {
-	background:#04A4CC;
+  background: #04a4cc;
-	color:#FFF;
+  color: #fff;
   text-shadow: none;
 }
 ::-webkit-selection {
-	background:#04A4CC;
+  background: #04a4cc;
-	color:#FFF;
+  color: #fff;
   text-shadow: none;
 }
 ::-moz-selection {
-	background:#04A4CC;
+  background: #04a4cc;
-	color:#FFF;
+  color: #fff;
   text-shadow: none;
 }
 
@@ -55,8 +55,8 @@ a img.aligncenter {
   margin-right: auto;
 }
 .wp-caption {
-	background:#FFF;
+  background: #fff;
-	border:1px solid #F0F0F0;
+  border: 1px solid #f0f0f0;
   max-width: 96%;
   padding: 5px 3px 10px;
   text-align: center;
@@ -86,10 +86,8 @@ a img.aligncenter {
   padding: 0 4px 5px;
 }
 .sticky {
-
 }
 .bypostauthor {
-
 }
 
 /*------------------------------------*\
@@ -97,7 +95,20 @@ a img.aligncenter {
 \*------------------------------------*/
 
 @media print {
+  @page {
+    margin: 2cm;
+  }
+
+  html {
+    overflow-y: unset !important;
+  }
+
   * {
+    -webkit-print-color-adjust: exact;
+    color-adjust: exact !important;
+  }
+
+  *:not(header *) {
     background: transparent !important;
     color: #000 !important;
     box-shadow: none !important;
@@ -118,14 +129,16 @@ a img.aligncenter {
   a[href^="#"]:after {
     content: "";
   }
-	pre,blockquote {
+  pre,
+  blockquote {
     border: 1px solid #999;
     page-break-inside: avoid;
   }
   thead {
     display: table-header-group;
   }
-	tr,img {
+  tr,
+  img {
     page-break-inside: avoid;
   }
   img {
@@ -144,4 +157,137 @@ a img.aligncenter {
   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;
+    }
+  }
 }

sass/base.scss

@@ -267,7 +267,6 @@ $v-unit-6: 24rem;
     top: 0;
     background-color: $bgcolor;
     z-index: 9;
-
     @if $side==left {
       left: $minusOffset;
       border-left: $bordercolor solid 1px;
@@ -419,7 +418,7 @@ $v-unit-6: 24rem;
       @media #{$smalldesktop} {
         width: $h-unit-2;
       }
-      div {
+      div, button {
         z-index: 3500;
 
         // object {
@@ -505,6 +504,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 +570,7 @@ $v-unit-6: 24rem;
     .events-link {
       margin: 0 2rem 0 0;
       &.hidden {
-        display: none !important;
+        display: none;
       }
       @media #{$tablet} {
         margin: 0;
@@ -1675,7 +1677,7 @@ body.category.category-esemeny {
       height: 85vw;
       max-height: calc(50vw + 180px);
       .thumbnailwrapper {
-        height: 50vw;
+        // height: 50vw;
         img {
           width: 100%;
           height: 100%;
@@ -1825,6 +1827,13 @@ body.category.category-esemeny {
             }
           }
         }
+
+        /* ---------------------- loadmore on desktop on events --------------------- */
+
+        .misha_loadmore{
+          width: calc(50vw - #{$h-unit-4} - #{$h-unit-2});
+          max-width: unset;
+        }
       }
     }
   }
@@ -1870,7 +1879,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,15 +1909,21 @@ $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;
         flex-direction: column;
         justify-content: center;
         padding-left: 0;
+        // border-left: #fff solid 1px;
 
         @include single-metadata();
 
+        a {
+          @include single-metadata();
+        }
+
         .metaWrapper {
           display: flex;
           flex-direction: row;
@@ -1915,6 +1935,7 @@ $padd: 2rem;
           .time-cat::after {
             content: " ";
             display: inline-block;
+            white-space: pre;
           }
           .format::before {
             content: "|";
@@ -1968,9 +1989,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 +2116,10 @@ $padd: 2rem;
         font-weight: 900;
       }
 
+      iframe {
+        width: 100%;
+      }
+
       blockquote {
         @include single-quote();
         margin: 3rem 0;
@@ -2108,6 +2137,10 @@ $padd: 2rem;
           top: 0.5rem;
           left: 2rem;
         }
+        em {
+          //fix italics in old articles
+          font-style: normal;
+        }
       }
 
       //nagyon nagy kiemelt
@@ -2136,11 +2169,19 @@ $padd: 2rem;
 
       // ---------------------------- images on single ---------------------------- */
 
+      // old images
+      .wp-caption {
+        max-width: 100%;
+        border: none;
+        background: unset;
+      }
+
       img {
         height: auto;
       }
 
-      .wp-block-image {
+      .wp-block-image,
+      .wp-caption {
         margin: $padd 0;
         position: relative !important;
 
@@ -2474,6 +2515,9 @@ $padd: 2rem;
         flex-wrap: nowrap;
         align-items: center;
         padding: 0;
+        * {
+          @include related-metadata();
+        }
 
         .vr {
           height: 100%;
@@ -2683,7 +2727,7 @@ body.page {
   //metadata on mobile
 
   .metadata {
-    @media #{$only-mobile} {
+    @media #{$only-mobile}, print {
       color: $color !important;
       .vr {
         background-color: $color !important;
@@ -2694,7 +2738,7 @@ body.page {
       color: $color !important;
     }
 
-    @media #{$only-mobile} {
+    @media #{$only-mobile}, print {
       &::before,
       &::after {
         border-color: $color !important;
@@ -2702,7 +2746,7 @@ body.page {
     }
   }
   h2 {
-    @media #{$only-mobile} {
+    @media #{$only-mobile}, print {
       border-top-color: $color !important;
     }
   }

searchform.php

@@ -1,18 +1,7 @@
 <!-- search -->
 <form class="search" method="get" action="<?php echo home_url(); ?>" role="search">
-	<input class="search-input" type="search" name="s" placeholder="">
+	<input class="search-input" type="search" name="s" placeholder="" aria-label="<?php _e('Search', 'dis2019');?>">
-	<button class="search-submit" type="submit" role="button">
+	<label for="s"><?php _e( 'Search', 'dis2019' );	?></label>
-	<div class="kereso-icon icon">
+	<button class="search-submit kereso-icon icon" type="submit" aria-label="<?php _e('Submit search', 'dis2019');?>"></button>
-					
-					</div>
-		<!-- <object class="white" data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-white.svg"
-			type="image/svg+xml">
-			<img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-white.png" />
-		</object>
-		<object class="black" data="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-black.svg"
-			type="image/svg+xml">
-			<img src="<?php echo get_template_directory_uri(); ?>/img/kereso_icon-black.png" />
-		</object> -->
-	</button>
 </form>
 <!-- /search -->

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;?>
@@ -75,7 +76,7 @@
 							
 					<!-- Facebook -->
 					<?php
-						if ($categories) {
+						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>
@@ -129,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');?>
+						← <?php _e('Back to home', 'dis2019');?>
 					</a>
 					<hr class="related-wrap single-end">
 				</div>
-				
+				<?php
+						};
+					?>
 				
 					
 

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.1
+	Version: 1.0.15
 	Author: Gyetvai Péter
 	Author URI: https://gyetvai-peter.hu
 	Tags: Designisso