54 lines
1.8 KiB
HTML
54 lines
1.8 KiB
HTML
---
|
|
layout: default
|
|
---
|
|
{% include minutes-to-read.html %}
|
|
|
|
<!-- breadcrumbs -->
|
|
<div class="size margin" data-aos="fade-right" data-aos-delay="100" data-aos-offset="0">
|
|
{% include breadcrumbs.html path=page.path title=page.title %}
|
|
</div>
|
|
<!-- breadcrumbs -->
|
|
|
|
<div class="size margin min-height">
|
|
<article>
|
|
<!-- titles -->
|
|
<h1 class="post-title" data-aos="fade-up" data-aos-delay="200" data-aos-offset="0">{{ page.title }}</h1>
|
|
<div class="post-date" data-aos="fade-left" data-aos-delay="300" data-aos-offset="0">
|
|
<time>{{ page.date | date_to_string }}</time>
|
|
<span class="reading-time" title="Estimated read time"> - {{ minutesText }}</span>
|
|
</div>
|
|
<!-- titles -->
|
|
|
|
<!-- posts -->
|
|
<div class="margin-top-20 margin-bottom-50">
|
|
{% for x in page.questions %}
|
|
<div class="list-item-2 container wrap-reverse align-items-end justify-content-center" data-aos="fade-up" data-aos-delay="0" data-aos-offset="0">
|
|
{% if x.image %}
|
|
<div class="list-item-2-img flex-basis-300 flex-grow-1" data-aos="fade-up" data-aos-delay="300" data-aos-offset="0">
|
|
<img src="{{ site.baseurl }}/assets/img/{{ x.image }}" width="100%" alt="">
|
|
</div>
|
|
{% endif %}
|
|
<div class="flex-basis-400 flex-grow-5">
|
|
<div class="" data-aos="fade-up" data-aos-delay="300" data-aos-offset="0">
|
|
<h2 class="list-post-title">
|
|
{{x.question}}
|
|
</h2>
|
|
</div>
|
|
<div class="" data-aos="fade-up" data-aos-delay="300" data-aos-offset="0">
|
|
<span class="list-post-description">
|
|
{{x.answer}}
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
{% endfor %}
|
|
</div>
|
|
<!-- posts -->
|
|
|
|
<!-- content -->
|
|
{{ content }}
|
|
|
|
<!-- content -->
|
|
</article>
|
|
</div>
|