{{!< default}}

{{#post}}
{{> "site-header"}}
<div class="relative group index-header">
  {{> header-background background=feature_image}} {{!--Special header-image.hbs partial to generate the background image--}}
    <div class="w-full h-full opacity-50 bg-black">
    </div>
  </div>
  <div class="absolute bottom-0 py-6 left-0 right-0">
   <div class="container mx-auto content-full">
    <div>
      <h1 class="text-white font-light text-3xl md:text-4xl">{{title}}</h1>
    </div>
   </div>
  </div>
</div>

<article class="post-article">
<main class="content container" id="post">
  <div class="content-full">
    {{content}}
  </div>
</main>
{{/post}}
</article>

{{#contentFor "scripts"}}
<script>
$(document).ready(function () {
        // FitVids - start
        var $postContent = $("#post");
        $postContent.fitVids();
        // FitVids - end
});
</script>
{{/contentFor}}