[% IF background_image %]
<div class="container [% IF class %][% class %][% END %]with-background-image" style="background-image: url('[% background_image %]');">
  <!-- When the background image is defined, no featured image section -->
  <h1 class="header-naked-title">[% page_title %]</h1>
[% ELSE %]
<div class="container [% IF class %][% class %][% END %]">
  [% IF page_image %]
  <section class="post-header" style="background-image: url('[% page_image %]');">
  [% ELSE %]
  <section class="post-header no-featured-image">
  [% END %]
  <div class="header-content">
    <h1 class="post-title">[% page_title %]</h1>

    [% IF meta %]
      <ul class="post-meta">
      [% FOREACH m IN meta %]
        [% IF m.link %]
        <li class="clickable"><a href="[% m.link %]/">[% m.label %]</a></li>
        [% ELSE %]
        <li>[% m.label %]</li>
        [% END %]
      [% END %]
    </ul>
    [% END %]
  </div> <!-- END div header-content -->
  </section> <!-- END section post-header -->
[% END %] 

  <article class="main-content [% IF class %][% class %][% END %]">
  [% content %]
  </article> <!-- END article main-content -->

</div> <!-- END div container -->