<?= get_header() ?>
<main class="bg-white max-w-screen max-h-[90vh] max-h-[90dvh] overflow-y-scroll">
    <article class="blogpost wrapper-lg flow mx-auto h-entry py-size-0">
        <a class="" href="/blog">Back to blog</a>
        <h1 class="headerbar p-name"><?= the_title() ?></h1>

        <div class="flow-1l">
            <?= the_content() ?>
        </div>
    </article>
	
	<section id="responses" class="wrapper-lg mx-auto flow-1l">
	<?php
	if ( comments_open() || get_comments_number() ) {
		comments_template();
	}
	?>
	</section>
	
</main>


<link href="<?= get_stylesheet_directory_uri() . "/assets/css/prism-pojoaque.css" ?>" rel="stylesheet" />
<script defer src="<?= get_stylesheet_directory_uri() . "/assets/js/prism.js" ?>"></script>

<?= get_footer() ?>