Increase number of news displayed on frontpage

• Redesign news cards
• Reduce border-radius

@jandt-desy I also redesigned the news cards on the frontpage. I hope you like them as well.

Closes #9 (closed)

_includes/cards/post_card_image.html

@@ -5,24 +5,32 @@
         post: The post which sould be displayed on the card
 
 {%- endcomment -%}
-{%- if post.title_image == "default" %}
-{%- assign image = 'hifis_page_title_background.jpg'-%}
+{%- if include.post.title_image == "default" %}
+{%- assign img_url = site.directory.images
+    | append: 'HIFIS_LOGO_news_cards.svg'
+    | strip 
+    | relative_url -%}
 {%- else -%}
-{%- assign image = post.title_image -%}
-{%- endif -%}
 {%- assign img_url = site.directory.large_images
     | append: "phone/"
-    | append: image
+    | append: include.post.title_image
     | strip 
     | relative_url -%}
-<div class="card">
+{%- endif -%}
+<div class="card {{ include.class }}">
     <a href="{{ include.post.url | relative_url }}">
         <img class="card-img-top card-img-equal" src="{{ img_url }}" alt="Title image">
-        <div class="card-body">
-            <span class="badge badge-pill badge-secondary">
+        <div class="card-img-overlay">
+            <span class="badge badge-secondary">
                 <i class="fas fa-calendar-day" aria-hidden="true"></i>
                 {{ include.post.data | date: "%d.&thinsp;%b.&thinsp;%y" }}
             </span>
+            <span class="badge badge-dark">
+                <i class="fas fa-tag" aria-hidden="true"></i>
+                {{ include.post.categories[0] | capitalize }}
+            </span>
+        </div>
+        <div class="card-body">
             <h3 class="card-title">{{ include.post.title }}</h3>
         </div>
     </a>