article-detail.mustache

{{> organisms-header }}

<div class="container container--default py-8 lg:py-24">
  <article>
    <h1 class="head-alt-md md:head-alt-lg max-w-5xl mb-4">Senátor Lukáš Wagenknecht žádá nastavení pravidel proti střetu zájmů</h1>
    <div class="flex flex-col md:flex-row md:items-center">
      <div class="inline-flex divide-x flex-grow">
        <span class="pr-2">{{ dateverbose }}</span>
        <span class="pl-2">{{ organization.name }}</span>
      </div>
      <div class="my-4">
        {{> atoms-button(classes: "btn--grey-125 btn--condensed", cta: "Kategorie 1") }}
        {{> atoms-button(classes: "btn--grey-125 btn--condensed", cta: "Kategorie 2") }}
      </div>
    </div>
    {{> atoms-figure(caption: "Popisek fotky") }}

    <div class="lg:flex mt-8 lg:space-x-16">
      <div class="lg:w-2/3">
        {{> molecules-content-block(classes: "w-full", noStartHeadline: true) }}
      </div>
      <div class="pt-8 lg:w-1/3 md:pt-0">
        {{> molecules-sharebox }}
      </div>
    </div>
  </article>

  <section class="mt-16 md:mt-24">
    <h1 class="head-alt-base md:head-alt-md pb-4">Další podobné články</h1>
    {{> organisms-article-card-list(onlyThree: true) }}
    <div class="text-center mt-8 md:mt-16">
      {{> atoms-icon-button(cta: "Zobrazit další", classes: "text-xl", icon: "ico--chevron-right") }}
    </div>
  </section>

</div>

{{> organisms-footer }}