Fix blog

docs/_includes/blog-hero.html

@@ -1,27 +1,20 @@
-{% include navbar.html id="BlogHero" %}
-
-<section class="hero is-warning">
-  <div class="hero-body">
-    <div class="container">
-      <div class="columns is-vcentered">
-        <div class="column">
-          <h1 class="title">
-            <a href="{{ site.url }}/blog">Blog</a>
-          </h1>
-          <p class="subtitle">
-            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="column is-narrow">
-          {% include carbon.html %}
-        </div>
-      </div>
-    </div>
+<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>
-</section>
+
+  <div class="bd-header-carbon">
+    {% include carbon.html %}
+  </div>
+</header>

docs/_includes/components/breadcrumb.html

@@ -0,0 +1,36 @@
+<div class="bd-breadcrumb">
+  <nav class="breadcrumb" aria-label="breadcrumbs">
+    <ul>
+      {% for key in page.breadcrumb %}
+        {% assign link = site.data.links.by_id[key] %}
+        <li{% if forloop.last %} class="is-active"{% endif %}>
+          <a href="{{ site.url }}{{ link.path }}">{{ link.name }}</a>
+        </li>
+      {% endfor %}
+    </ul>
+  </nav>
+
+  {% if previous_link or next_link %}
+    <nav class="bd-prev-next">
+      {% if previous_link %}
+        <a href="{{ site.url }}{{ previous_link.path }}" title="{{ previous_link.name }}">
+          ←
+        </a>
+      {% else %}
+        <span>
+          ←
+        </span>
+      {% endif %}
+
+      {% if next_link %}
+        <a href="{{ site.url }}{{ next_link.path }}" title="{{ next_link.name }}">
+          →
+        </a>
+      {% else %}
+        <span>
+          →
+        </span>
+      {% endif %}
+    </nav>
+  {% endif %}
+</div>

docs/_includes/components/links.html

@@ -14,8 +14,13 @@
       {% assign link = site.data.links.by_id[thingy] %}
     {% endif %}
     <a class="bd-link" href="{{ site.url }}{{ link.path }}">
-      <h2 class="bd-link-name">{{ link.name }}</h2>
-      <p class="bd-link-subtitle">{{ link.subtitle }}</p>
+      <h2 class="bd-link-name">
+        <span class="bd-link-counter"></span>
+        {{ link.name }}
+      </h2>
+      <p class="bd-link-subtitle">
+        {{ link.subtitle }}
+      </p>
     </a>
   {% endfor %}
 </nav>

docs/_includes/navbar.html

@@ -1,4 +1,5 @@
 <nav id="navbar" class="navbar">
+  <div class="container">
   <div class="navbar-brand">
     <a class="navbar-item" href="{{ site.url }}">
       <img src="{{ site.url }}/images/bulma-logo.png" alt="{{ site.data.meta.title }}" width="112" height="28">
@@ -103,4 +104,5 @@
       </div>
     </div>
   </div>
+  </div>
 </nav>