{% 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" %}
{% assign did_first_section = false %}
<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 %}
<div class="roadmap-year">{{ newyear }}</div>
{% endif %}
<div class="roadmap-month">
<div class="timeline-bubble"></div>
<div class="month-text">{{ date_item | date: "%B %Y" }}</div>
</div>
<div class="roadmap-item">
{% for roadmap_item in sorted_roadmap_by_date %}
{% assign service_short = roadmap_item.service | capitalize %}
<article>
{% for service_name in service_names %}
{% if service_name contains service_short %}
<div class="service_name">{{ service_name }}</div>
{% endif %}
{% endfor %}
<p>{{ roadmap_item.content | markdownify }}</p>
</article>
{% endfor %}
</div>
{% endfor %}
</div>
</section>
</main>
{% include footer.html %}
</body>
</html>