---
layout: default
route: blog
breadcrumb:
- home
- blog
---

{% include global/navbar.html id="Blog" %}

<main class="bd-main">
  <div class="bd-main-container container">
    <div class="bd-duo">
      <div class="bd-lead">
        {% include components/breadcrumb.html %}

        <header class="bd-header">
          <div class="bd-header-titles">
            <h1 class="title">
              Blog
            </h1>
            <p class="subtitle is-4">
              Stay updated about new features, bug fixes, and releases
            </p>
            <a class="button bd-is-rss" href="{{ site.url }}/atom.xml">
              <span class="icon">
                <i class="fas fa-rss"></i>
              </span>
              <span>Subscribe</span>
            </a>
          </div>

          <div class="bd-header-carbon">
            {% include elements/carbon.html %}
          </div>
        </header>

        <div class="bd-content">
          <div class="bd-links">
            {% for post in site.posts %}
              <a class="bd-link bd-is-post" href="{{ post.url }}">
                <h2 class="bd-link-name">
                  <figure class="bd-link-figure">
                    <span class="bd-link-icon has-text-{{ post.color }}">
                      <i class="{% if post.icon_brand %}fab{% elsif post.icon_regular %}far{% else %}fas{% endif %} fa-{{ post.icon }}"></i>
                    </span>
                  </figure>
                  {{ post.name }}
                </h2>
                <time class="bd-link-subtitle" datetime="{{ post.date | date_to_xmlschema }}">
                  {{ post.date | date_to_string }}
                </time>
              </a>
            {% endfor %}
          </div>
        </div>
      </div>
    </div>
  </div>
</main>