diff --git a/source/_patterns/02-organisms/02-articles/article-card-list.mustache b/source/_patterns/02-organisms/02-articles/article-card-list.mustache index b995046e66e21fa5d0506250242a5c64a3faa554..d5142e1dc92f40958bb101637375daaab5984237 100644 --- a/source/_patterns/02-organisms/02-articles/article-card-list.mustache +++ b/source/_patterns/02-organisms/02-articles/article-card-list.mustache @@ -1,10 +1,8 @@ -<div class="article-card-list grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-2 lg:gap-4"> +<div class="article-card-list grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-2 lg:gap-4"> {{> molecules-emphasized-article-card }} {{> molecules-article-card }} {{> molecules-emphasized-article-card }} {{> molecules-article-card }} {{> molecules-emphasized-article-card }} {{> molecules-article-card }} - {{> molecules-emphasized-article-card }} - {{> molecules-emphasized-article-card }} </div> diff --git a/source/_patterns/03-templates/article-detail.mustache b/source/_patterns/03-templates/article-detail.mustache index ef24b11a572df1019b4b9bd6bc40b828cfb27ade..0d833d78f63919bd87af5e583a0934185c2aacc3 100644 --- a/source/_patterns/03-templates/article-detail.mustache +++ b/source/_patterns/03-templates/article-detail.mustache @@ -1,18 +1,42 @@ {{> organisms-header }} -<article class="container container--default py-8"> - <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 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> - <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") }} + {{> 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> - </div> - {{> atoms-figure(caption: "Popisek fotky") }} -</article> + </section> + +</div> {{> organisms-footer }}