rolandjesse.de/_includes/timeline.html
Panos Sakkos ef491cbb9e Fixes #103
Plus some refactoring and code cleanup 😌
2015-11-22 02:01:43 +01:00

45 lines
1.3 KiB
HTML

<!-- Timeline Start -->
<section id="{{ page.section-type }}" class="container content-section text-center">
<div class="row">
<div class="col-md-10 col-md-offset-1">
{{ page.content | markdownify }}
<ul class="timeline">
{% for event in site.events %}
{% assign loopindex = forloop.index | modulo: 2 %}
{% capture class %}
{% if loopindex == 0 %}
timeline-inverted
{% endif %}
{% endcapture %}
<li class="{{ class }}">
<div class="timeline-image">
<img class="img-circle img-responsive" src="{{site.baseurl}}{{ event.image }}" alt="">
</div>
<div class="timeline-panel">
<div class="timeline-heading">
<h4>{{ event.date }}</h4>
</div>
<div class="timeline-body">
{{ event.description | markdownify }}
</div>
</div>
</li>
{% endfor %}
<li class="timeline-inverted">
<div class="timeline-image">
<img class="img-circle img-responsive" src="{{site.baseurl}}{{ site.timeline-img }}" alt="">
</div>
</li>
</ul>
</div>
</div>
</section>
<!-- Timeline End -->