<?php get_header(); ?>

<div class="uk-container">
	<main role="main">
		<div uk-grid>
			<section class="uk-width-1-1 uk-width-3-4@m">

			<?php if (have_posts()): while (have_posts()) : the_post(); ?>

				<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
				
					<?php /* // for team, starting using this more often, so that we can add alt and title tags to images.
					$post_id = get_the_ID(); 
					$thumb_id = get_post_thumbnail_id($post_id);
					$thumb_url = get_the_post_thumbnail_url($post_id, 'large');
					$thumb_alt = get_post_meta($thumb_id, '_wp_attachment_image_alt', true);
					$thumb_title = get_the_title($thumb_id);
					*/?>
					<?php /* <img uk-img data-src="<?= esc_url($thumb_url); ?>" alt="<?= esc_attr($thumb_alt); ?>" title="<?= esc_attr($thumb_title); ?>"> */ ?>
					

					<?php if ( has_post_thumbnail() ) : ?> 
					<div class="uk-cover-container uk-text-center banner">
						<canvas width="" height="250"></canvas>
							<img uk-img data-src="<?php the_post_thumbnail_url('thumbnail'); ?>" data-width data-height uk-cover>
					</div>
					<?php endif; ?>

					<h1><?php the_title(); ?></h1>



					<?php the_content();?>

					<!-- AddToAny BEGIN -->
					<div class="a2a_kit a2a_kit_size_32 a2a_default_style uk-margin">
					<a class="a2a_dd" href="https://www.addtoany.com/share"></a>
					<a class="a2a_button_facebook"></a>
					<a class="a2a_button_twitter"></a>
					<a class="a2a_button_linkedin"></a>
					<a class="a2a_button_email"></a>
					</div>
					<script>
					var a2a_config = a2a_config || {};
					a2a_config.onclick = 1;
					</script>
					<script async src="https://static.addtoany.com/menu/page.js"></script>
					<!-- AddToAny END -->
					
					<p class="uk-text-right"><?php edit_post_link( __('Edit this page'), '', '', 0, 'post-edit-link uk-text-large uk-padding-small uk-button-large uk-button uk-button-primary' ); ?></p>

				</article>

			<?php endwhile; ?>
			<?php endif; ?>

			</section>
			<?php get_sidebar(); ?>
		</div>
	</main>
</div>
<?php get_footer(); ?>
