{% include top.html %}
<body>
{% include header.html %}
<main>
{% capture title-content %}
{% include frontpage/title-content.html %}
{% endcapture %}
{%- include title_image.html content=title-content -%}
<div class="frontpage-wide-jumbotron">
<section>
{% if page.notification.description and page.notification.title %}
{% include frontpage/notification.html
title=page.notification.title
description=page.notification.description %}
{% endif %}
<h1>News</h1>
<div class="flex-cards">
{%- assign posts = site.posts | where:"lang", site.default.lang -%}
{%- for post in posts limit:5 -%}
{%- assign post_translated = site.categories[page.lang] | where_exp: "item", "post.lang_ref == item.lang_ref" | first -%}
{%- if forloop.index < 4 -%}
{%- assign class="" -%}
{%- else -%}
{%- assign class="hide-on-mobile" -%}
{%- endif -%}
{%- if post_translated -%}
{%- include cards/post_card_image.html post=post_translated class=class -%}
{%- else -%}
{%- include cards/post_card_image.html post=post class=class -%}
{%- endif -%}
{%- endfor -%}
</div>
<a href="{{ 'news/' | relative_url }}" class="btn btn-outline-secondary">More</a>
</section>
</div>
<div class="transition-block">
{% include transition.html direction="top" %}
<div class="frontpage-mission-jumbotron">
<section>
<div class="info-col">
<div class="info-box">
<a href="{% link you-and-hifis/index.md %}" class="btn btn-outline-primary">
<h3><i class="fas fa-user-plus" aria-hidden="true"></i> You & HIFIS</h3>
</a>
<p>Our purpose is to support you - as scientist, Helmholtz employee or research project.</p>
</div>
<div class="info-box">
<a href="{% link mission/index.html %}" class="btn btn-outline-primary">
<h3><i class="fas fa-atom" aria-hidden="true"></i> HIFIS Mission</h3>
</a>
<p>Strengthening and developing the ICT competences of the whole Helmholtz Association.</p>
</div>
<div class="info-box">
<a href="{% link partners.md %}" class="btn btn-outline-primary">
<h3><i class="fas fa-globe-europe" aria-hidden="true"></i> HIFIS Partners</h3>
</a>
<p>Take a look at our partners, within the Helmholtz Association and throughout the World.
</p>
</div>
<div class="info-box">
<a href="{% link roadmap/index.md %}" class="btn btn-outline-primary">
<h3><i class="fas fa-road" aria-hidden="true"></i> Now & tomorrow - The HIFIS
Roadmap
</h3>
</a>
<p>Get the latest updates of the HIFIS roadmap, summarizing our goals for the months
andyears to
come.</p>
</div>
</div>
</section>
</div>
</div>
</main>
{% include footer.html %}
</body>
</html>