<?php /*template name: nosidebar*/ get_header(); ?>
<?php 
 
if ( has_post_thumbnail() ) {
 
    $banner_img = get_the_post_thumbnail_url(get_the_ID(), 'full');
} else {
 
    $banner_img = get_template_directory_uri() . '/images/balcony-with-glass-railings-at-senior-housing.webp';
}
?>

<div class="uk-cover-container banner">
    <canvas class="uk-visible@m" width="" height="400"></canvas>
    <canvas class="uk-hidden@m" width="" height="300"></canvas>

    <img uk-img data-src="<?php echo esc_url($banner_img); ?>" data-width data-height uk-cover alt="<?php the_title_attribute(); ?>">

    <div class="uk-position-cover uk-container uk-container-expand uk-flex uk-flex-middle">
        <h1 class="white"><?php the_title(); ?></h1>
    </div>
</div>
 
<div class="uk-container  uk-container-large uk-section">
	<main role="main">
		<section>

			 

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

				<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>

					<?php the_content(); ?>

					<br class="clear">

					<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>
	</main>
</div>
 
<?php get_footer(); ?>
