<style>

.snippet_{{ post.id | slugify: "ascii" }}::after {
    background-image: 
    radial-gradient(ellipse closest-side, var(--c-snippetBackgroundExternal), var(--c-snippetBackgroundInternal)),
    url(
        {% if post.image_dir == "default" %}
            {% assign url = post.path |  split: "." | first | split: "/" | last %}
            {{ site.url }}/assets/posts/{{ url }}/background_image.png
        {% else if post.image_dir != nil %}
            {{ site.url }}/{{ post.image_dir }}
        {% endif %}
    );
}
</style>

<a class=“snippet__link” href=“{{ post.url }}”>

<section class="snippet__data">
    <section class="snippet__data__metadata">
        <section class="snippet__data__metadata__category">
            {% for category in post.category %}
                <p class="snippet__data__metadata__category__title" style="background: {{ site.category | where: "category", category | map: "hue"}}">{{ site.category | where: "category", category | map: "title"}}</p>
            {% else %}
                <p class="snippet__data__metadata__category__title">No category</p>
            {% endfor %}
        </section>
        <p class="snippet__data__metadata__date">{{ post.date | date: '%B %d, %Y' }}</p>
    </section>
    <h2 class="snippet__data__header">{{post.title }}</h2>
    <p class="snippet__data__text">{{ post.excerpt | strip_html }}</p>
    {% if post.author != nil %}
        <div class="snippet__data__author"> 
            {% assign author = site.authors | where: "nick", post.author | first %}
            <img src="{{ site.url }}/{{ author.photo_dir }}"/>
            <p>{{ author.full_name }}</p>
        </div>
    {% endif %}
</section>

</a>