bulma-clean-theme 0.11 → 0.13

data/_includes/header.html

@@ -17,7 +17,7 @@
                 {% for item in site.data.navigation %}
                     {% if item.dropdown %}
                     <div class="navbar-item has-dropdown is-hoverable {% if site.fixed_navbar == 'bottom' %} has-dropdown-up {% endif %}">
-                        <a href="{{ item.link | relative_url }}" class="navbar-link {% if item.link == page.url %}is-active{% endif %}">{{ item.name }}</a>
+                        <a href="{{ item.link | relative_url }}" class="navbar-link {% if page.url contains item.link %}is-active{% endif %}">{{ item.name }}</a>
                         <div class="navbar-dropdown">
                             {% for subitem in item.dropdown %}
                             <a href="{{ subitem.link | relative_url }}" class="navbar-item {% if subitem.link == page.url %}is-active{% endif %}">{{ subitem.name }}</a>

data/_includes/image-modal.html

@@ -13,6 +13,6 @@
                 <img src="{{ include.link | absolute_url }}" alt="{{ include.alt }}">
             {% endif %}
         </div>
-        <button class="modal-close is-large" aria-label="close" @click="{ open = false }"></button>
+        <button class="modal-close is-large" aria-label="close" @click="open = false"></button>
     </div>
 </div>

data/_includes/notification.html

@@ -4,11 +4,11 @@
             <button class="delete" x-on:click="visible = false"></button>
         {% endif %}
         <article class="media">
-            {% unless include.icon %}
+            {% if include.icon != 'false' %}
                 <div class="media-left">
                     <span class="icon"><i class="{{ include.icon | default: 'fas fa-exclamation-circle' }} fa-lg"></i></span>
                 </div>
-            {% endunless %}
+            {% endif %}
             <div class="media-content">
                 <div class="content">{{ include.message | markdownify }}</div>
             </div>

data/_includes/series.html

@@ -0,0 +1,32 @@
+{% assign series = site.data.[page.series] %}
+{% assign posts = site.posts %}
+
+<p class="title is-5 is-spaced">{{ series.title }}</p>
+
+{% if series.description %}
+    <p>{{ series.description }}</p>
+{% endif %}
+
+{% for section in series.sections %}
+
+{% if section.label %}
+    <p class="title is-6">{{ section.label }}</p>
+{% endif %}
+
+<ul class="block-list is-small is-outlined">
+    {% for item in section.items %}
+        {% assign post = posts | where: "title", item.title %}
+
+        {% if page.url == post[0].url %}
+            <li class="is-highlighted is-dark">
+                <p>{{ item.title }}</p>
+            </li>
+        {% else %}
+            <li>
+                <a href="{{ site.baseurl }}{{ post[0].url }}" class="is-flex" >{{ item.title }}</a>
+            </li>
+        {% endif %}
+
+    {% endfor %}
+</ul>
+{% endfor %}

data/_layouts/default.html

@@ -23,7 +23,7 @@
     {% include callouts.html %}
     <section class="section">
         <div class="container">
-            <div class="columns">
+            <div class="columns is-multiline">
                 {% if page.menubar_toc %}
                 <div class="column is-4-desktop is-4-tablet">
                     {% assign contentsTitle = page.toc_title | default: 'Contents' %}
@@ -42,7 +42,7 @@
                     {{ content }}
                 </div>
                 {% if site.posts and page.show_sidebar %}
-                <div class="column is-4-desktop is-12-tablet">
+                <div class="column is-4-desktop is-4-tablet">
                     {% include latest-posts.html %}
                 </div>
                 {% endif %}

data/_layouts/post.html

@@ -6,6 +6,10 @@ layout: default
 
     <p>Published: {{ page.date | date: "%b %-d, %Y" }} by {{ page.author }}</p>
 
+    {% if page.series %}
+        {% include series.html %}
+    {% endif %}
+
     {{ content }}
 </div>
 

data/_layouts/recipe.html

@@ -47,6 +47,21 @@ layout: default
 </script>
 
 <div class="columns is-multiline">
+    <div class="column is-4">
+        <div class="box has-text-centered">
+            <strong>Serves:</strong> {{ page.recipe_yield }}
+        </div>
+    </div>
+    <div class="column is-4">
+        <div class="box has-text-centered">
+            <strong>Prep time:</strong> {{ page.prep_time | date: "%k hours %M minutes" }}
+        </div>
+    </div>
+    <div class="column is-4">
+        <div class="box has-text-centered">
+            <strong>Cook time:</strong> {{ page.cook_time | date: "%k hours %M minutes" }}
+        </div>
+    </div>
     <div class="column is-4">
         <div class="box">
             <p class="title is-4">Ingredients</p>
@@ -67,6 +82,13 @@ layout: default
                     <li>{{ step }}</li>
                 {% endfor %}
             </ol>
+            <div class="tags">
+                {% assign tags = page.keywords | split: "," %}
+                {% for tag in tags %}
+                    {% include tag.html tag=tag %}
+                {% endfor %}
+            </div>
+            
             <p>Published: {{ page.date | date: "%b %-d, %Y" }} by {{ page.author }}</p>
         </div>
         <div class="content">

data/_posts/2021-10-30-creating-a-post-series.md

@@ -0,0 +1,59 @@
+---
+layout: post
+title: Creating a post series
+description: How to create a post series with Bulma Clean Theme
+date: 2021-10-30 09:00:07
+hero_image: /bulma-clean-theme/img/blog-post-series.jpg
+image: /bulma-clean-theme/img/blog-post-series.jpg
+hero_height: is-large
+hero_darken: true
+tags: bulma-clean-theme jekyll blog
+series: example_blog_series
+---
+
+From version 0.12, you can now make a post a part of a series of posts, linking to the other posts in the series, by creating a `series` data file and then setting the series in each of the post's front matter.  
+
+The current post in the list is highlighted to help give context of where you are in the series. 
+
+## Blog Series Data File
+
+Start by creating a yml file in the _data directory, for example `my_blog_series.yml`. Give the series a title and, optionally, a description. 
+
+## Sections
+
+Next add sections. Each section can have a label (optional) and items. Each item is the title of an existing blog post. If the title is not found then the link will be empty.
+
+If you just want one list without labels, then omit the label and just add the items. 
+
+```yaml
+title: The series title
+sections:
+  - items:
+      - title: Why use a static site generator
+      - title: Getting started with Bulma Clean Theme for Jekyll
+```
+
+Here is a full example with multiple sections with labels.
+
+```yaml
+title: The series title
+description: The series description text
+sections:
+  - label: The first section
+    items:
+      - title: Why use a static site generator
+      - title: Getting started with Bulma Clean Theme for Jekyll
+  - label: Another section
+    items:
+      - title: Introducing some new layouts to Bulma Clean Theme
+      - title: Creating a docs site with Bulma Clean Theme
+      - title: Creating a post series
+```
+
+## Update your posts
+
+Finally, add the series setting to your front matter in each post you want the series to show in. 
+
+```yaml
+series: my_blog_series
+```

data/node_modules/.package-lock.json

@@ -0,0 +1,21 @@
+{
+  "name": "bulma-clean-theme",
+  "version": "1.0.0",
+  "lockfileVersion": 2,
+  "requires": true,
+  "packages": {
+    "node_modules/bulma": {
+      "version": "0.9.3",
+      "resolved": "https://registry.npmjs.org/bulma/-/bulma-0.9.3.tgz",
+      "integrity": "sha512-0d7GNW1PY4ud8TWxdNcP6Cc8Bu7MxcntD/RRLGWuiw/s0a9P+XlH/6QoOIrmbj6o8WWJzJYhytiu9nFjTszk1g=="
+    },
+    "node_modules/bulma-block-list": {
+      "version": "0.6.0",
+      "resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.6.0.tgz",
+      "integrity": "sha512-Ub+5DS14YN1zTxfq2WbP7c3wfUKq2SpOTbFa8brhHUJe73WSfIgXQg02SYpbYWGalEkaflIRjzGKX35N4/jGOA==",
+      "dependencies": {
+        "bulma": "^0.9.3"
+      }
+    }
+  }
+}