---
layout: default
lightTheme: true
class: "blog"
title: Blog
---
<div class="dIntro">
    <div class="container">
        <div class="fmTitle blog-page-title">Blog</div>
    </div>
    <div class="container post-list">
        <ul class="preview-list">
            {% assign sorted = site.posts | sort: 'date' | reverse %}
            {% for post in site.posts limit:3 %}
            <li>
                <a href="{{ post.url }}">
                    <figure style="background-image: url('/images/posts/{{ post.postImage }}')"></figure>
                    <div class="post-overview">
                        {% if post.subject <> "" %}
                        <div>
                            <h4 class="post-subject {{post.subjectColorTheme}}">{{post.subject}}</h4>
                        </div>
                        {% endif %}
                        <h3 class="sc-1t3ptg8-8 jeApUb">{{ post.title }}</h3>
                    </div>
                </a>
            </li>
            {% endfor %}
        </ul>
    </div>
    <div class="container">
        <div class="d-flex j-c-c">
            <a href="blog-all.html" class="fmTitle more-posts">more posts</a>
        </div>
    </div>
</div>