Update Service pages with all services

Currently, this is a first draft of a new serices page. https://hifis-review-app.hzdr.de/review-apps/hifis-hifis-net/114-services-page-needs-update/services

It works by putitng services pages into services/software, or cloud, backbone respectively, and then creates the boxes for those pages.

I would be happy to get a few early opinions:

https://hifis-review-app.hzdr.de/review-apps/hifis-hifis-net/114-services-page-needs-update/services

Closes #114 (closed)

_includes/cards/post_card_image.html

@@ -16,24 +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">
-        <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>
-        <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>
+        <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>
+        <p>{{ include.post.excerpt }}</p>
     </div>
+    {%- endif -%}
 </div>