Verified Commit 05a666ea authored by Huste, Tobias's avatar Huste, Tobias
Browse files

Redesign image cards to make them more compact

parent 212c0246
......@@ -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>
......@@ -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
......
Supports Markdown
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment