From b722c76b8dd295a2acf21b967a2d11d12063a20a Mon Sep 17 00:00:00 2001
From: xaralis <filip.varecha@fragaria.cz>
Date: Mon, 22 Jun 2020 19:17:01 +0200
Subject: [PATCH] More work on article detail

---
 .../02-articles/article-card-list.mustache    |  4 +-
 .../03-templates/article-detail.mustache      | 48 ++++++++++++++-----
 2 files changed, 37 insertions(+), 15 deletions(-)

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 b995046..d5142e1 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 ef24b11..0d833d7 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 }}
-- 
GitLab