From 05a666eadbfea1ea7b5dff5e4b15be39bbd5351c Mon Sep 17 00:00:00 2001
From: Tobias Huste <t.huste@hzdr.de>
Date: Wed, 28 Apr 2021 15:42:38 +0200
Subject: [PATCH] Redesign image cards to make them more compact

---
 _includes/cards/post_card_image.html | 25 ++++---------------------
 services/index.md                    | 13 ++++++++++++-
 2 files changed, 16 insertions(+), 22 deletions(-)

diff --git a/_includes/cards/post_card_image.html b/_includes/cards/post_card_image.html
index 8eabe0f05..3c7ba5e35 100644
--- a/_includes/cards/post_card_image.html
+++ b/_includes/cards/post_card_image.html
@@ -16,31 +16,14 @@ post: The post which sould be displayed on the card
     | relative_url -%}
 {%- endif -%}
 <div class="card top-image-card {{ include.class }}">
+    <a href="{{ include.post.url | relative_url }}" class="stretched-link"></a>
     <img class="card-img-top card-img-equal" src="{{ img_url }}" alt="Title image">
     <div class="card-img-overlay">
-        {%- if include.post.date -%}
-        <span class="badge badge-secondary">
-            <i class="fas fa-calendar-day" aria-hidden="true"></i>
-            {{ include.post.date | date: "%d.&thinsp;%b.&thinsp;%y" }}
-        </span>
-        {%- endif -%}
-        {%- if include.post.categories -%}
-        <span class="badge badge-dark">
-            <i class="fas fa-tag" aria-hidden="true"></i>&nbsp;
-            {%- for category in include.post.categories -%}
-            {%- unless site.languages contains category -%}
-            {{ category | capitalize }}
-            {%- endunless -%}
-            {%- endfor -%}
-        </span>
-        {%- endif -%}
+        <h3 class="card-title text-white" style="text-shadow: 0px 0px 20px #000000, 0px 0px 20px #000000, 0px 0px 20px #000, 0px 0px 20px #000">{{ include.post.title }}</h3>
     </div>
+    {%- if include.excerpt -%}
     <div class="card-body">
-        <a href="{{ include.post.url | relative_url }}" class="stretched-link">
-            <h4 class="card-title">{{ include.post.title }}</h4>
-        </a>
-        {%- if include.excerpt -%}
         <p>{{ include.post.excerpt }}</p>
-        {%- endif -%}
     </div>
+    {%- endif -%}
 </div>
diff --git a/services/index.md b/services/index.md
index ea56c3742..fe6fa76d2 100644
--- a/services/index.md
+++ b/services/index.md
@@ -7,7 +7,12 @@ author: none
 ---
 
 ## Cloud
-
+<div class="flex-cards">
+{%- assign posts = site.pages | where_exp: "item", "item.path contains 'services/software'" -%}
+{% for post in posts -%}
+{% include cards/post_card_image.html post=post excerpt=true %}
+{% endfor -%}
+</div>
 
 ## Software
 The service portfolio of HIFIS Software is structured into 4 different
@@ -22,6 +27,12 @@ Education & Training, Technology, Consulting and Community Services.
 </div>
 
 ## Backbone
+<div class="flex-cards">
+{%- assign posts = site.pages | where_exp: "item", "item.path contains 'services/software'" -%}
+{% for post in posts -%}
+{% include cards/post_card_image.html post=post excerpt=true %}
+{% endfor -%}
+</div>
 
 ## Guidelines
 The optimal use of online collaboration tools is prerequisite for successful
-- 
GitLab