article-detail.mustache

{{> organisms-header }}

<div class="container container--default py-8">
  <article>
    <h1 class="head-alt-lg max-w-5xl mb-2">Senátor Lukáš Wagenknecht žádá nastavení pravidel proti střetu zájmů</h1>
    <div class="flex items-center">
      <div class="inline-flex divide-x flex-grow">
        <span class="pr-1">{{ dateverbose }}</span>
        <span class="pl-1">{{ organization.name }}</span>
      </div>
      <div class="my-2">
        {{> 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="flex mt-4 space-x-4">
      <div class="w-3/5">
        {{> molecules-content-block }}
      </div>
      <div class="w-2/5">
        <div class="card w-full">
          <div class="card__body">
            <span class="head-alt-md">Sdílení je aktem lásky</span>
          </div>
        </div>
      </div>
    </div>
  </article>

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

</div>

{{> organisms-footer }}