{% include top.html %}
<body>
{% include header.html %}
<main>
{% include title_image.html%}
{% assign sorted_roadmap = site.roadmap | sort: "date" %}
{% assign service_names = "Backbone Services,Cloud Services,Software Services,HIFIS Overall" | split: "," %}
{% assign unique_dates = sorted_roadmap | map: "date" | uniq | sort %}
{% assign year = "1999" %}
<section>
<div class="timeline">
{% for date_item in unique_dates %}
{% assign sorted_roadmap_by_date = sorted_roadmap | where_exp: "roadmap", "roadmap.date == date_item" %}
{% assign newyear = date_item | date: "%Y" %}
{% if newyear != year %}
{% assign year = newyear %}
<h1 class="text-center">{{ newyear }}</h1>
{% endif %}
<div class="roadmap-month">
<div class="timeline-bubble"></div>
<h2>{{ date_item | date: "%B %Y" }}</h2>
</div>
<div class="roadmap-item">
{% for roadmap_item in sorted_roadmap_by_date %}
{% assign service_short = roadmap_item.service | capitalize %}
<article class="alert-{{ roadmap_item.service }}-light">
{% for service_name in service_names %}
{% if service_name contains service_short %}
<span class="service_name badge badge-{{ roadmap_item.service }}-light">{{ service_name }}</span>
{% endif %}
{% endfor %}
{{ roadmap_item.content | markdownify }}
</article>
{% endfor %}
</div>
{% endfor %}
</div>
</section>
</main>
{% include footer.html %}
</body>
</html>