bulma-clean-theme 0.10.5 → 0.10.6

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 61ce44ce708ac22899498a1a55761fe28063462f30616cb982794fa32f6a5eb3
-  data.tar.gz: 39ee6467f173ed65617802584e8a3c88187ce64fe38ddbc955c11157b7161bac
+  metadata.gz: 5c6a0cc9b71f5dbbadbe42bfa8761dfe20140160bd0f17344d2e1918227ce003
+  data.tar.gz: 2f72832cca44555c479437b4be5d37f922285d4b62e24991f00f3b045f50a038
 SHA512:
-  metadata.gz: 57aeb00974e6d06908ccddba1f99634aec698c3ed5c071d3bdc7458eaad64e55738a2eca025a952a478a70fca64ebfe058fa1de03dfbc366f5bcb71e13613ccb
-  data.tar.gz: db1e0da5a6595a08c6829ae9deacf778866574853fdfeb85a8263c279e1cf9832016243a58bb1be04f6551f1c03fe80c4dcaada22edcfcaebd2d04b1da07b087
+  metadata.gz: da89ce6eb6854b055dfc78b96a1950bced3b6289aa2caa9d7fe85152d90abce0c8921c569ad9b01bd03ff2d9fc2aef944e09a375b128bf979223c9853cdf6b29
+  data.tar.gz: 4fdaa04241cacfe2e0a939a2fe0dfc0b6e9e7ee157238dc1b37d5180cb85d39cc4af117695036502ff60239168f49fa79934ed830fb1f7996ed4ec3892e4d980

data/README.md

@@ -5,6 +5,8 @@
 
 This is a clean and simple Jekyll Theme built with the [Bulma](https://bulma.io/) framework, providing a modern looking site to start with. 
 
+The theme uses [Alpine.js](https://github.com/alpinejs/alpine) for it's interactive components, such as mobile navbar and notifications.
+
 ## Contents
 
 * [Installation](#installation)
@@ -19,6 +21,7 @@ This is a clean and simple Jekyll Theme built with the [Bulma](https://bulma.io/
     * [Menubar](#menubar)
     * [Tabs](#tabs)
     * [Notifications](#notifications)
+    * [Tags](#tags)
     * [Google Analytics](#google-analytics)
     * [Footer](#footer)
     * [Products](#products)
@@ -309,6 +312,20 @@ message="This notification does not have an icon."
 icon="false" %}
 ```
 
+### Tags
+
+To include a tag use the following include. 
+
+```liquid
+{% include tag.html tag="The tag text" %}
+```
+
+You can overwrite the default style (is-primary) by passing in the style in the include tag.
+
+```liquid
+{% include tag.html tag="The tag text" style="is-light" %}
+```
+
 ### Google Analytics 
 
 **New in 0.2**

data/_includes/head.html

@@ -6,7 +6,7 @@
     <link rel="shortcut icon" type="image/png"
           {% if site.favicon %} href="{{ site.favicon | relative_url }}" {% else %} href="{{ site.baseurl }}/favicon.png" {% endif %}
     />
-    <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.7.0/dist/alpine.min.js" defer></script>
+    <script src="https://cdn.jsdelivr.net/gh/alpinejs/alpine@v2.8.0/dist/alpine.min.js" defer></script>
     <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@5/css/all.min.css">
     {% unless site.hide_share_buttons %}
         <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma-social@1/bin/bulma-social.min.css">

data/_includes/header.html

@@ -1,16 +1,16 @@
-<nav class="navbar is-primary {% if site.fixed_navbar %} is-fixed-{{ site.fixed_navbar }} {% endif %}">
+<nav class="navbar is-primary {% if site.fixed_navbar %} is-fixed-{{ site.fixed_navbar }} {% endif %}" x-data="{ openNav: false }">
     <div class="container">
         <div class="navbar-brand">
             <a href="{{ site.baseurl }}/" class="navbar-item">
                 {{ site.title }}
             </a>
-            <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navMenu">
+            <a role="button" class="navbar-burger burger" aria-label="menu" aria-expanded="false" data-target="navMenu" :class="{ 'is-active': openNav }" x-on:click="openNav = !openNav">
                 <span aria-hidden="true"></span>
                 <span aria-hidden="true"></span>
                 <span aria-hidden="true"></span>
             </a>
         </div>
-        <div class="navbar-menu" id="navMenu">
+        <div class="navbar-menu" id="navMenu" :class="{ 'is-active': openNav }">
             <div class="navbar-start">
                 <a href="{{ site.baseurl }}/" class="navbar-item {% if page.url == "/" %}is-active{% endif %}">Home</a>
                 {% if site.data.navigation %}

data/_includes/showcase.html

@@ -47,7 +47,7 @@
                         {% assign tags = item.tags | split: "," %}
                         <div class="tags is-centered">
                             {% for tag in tags %}
-                            <div class="tag is-dark">{{ tag }}</div>
+                                {% include tag.html tag=tag style="is-dark" %}
                             {% endfor %}
                         </div>
                         {% endif %}

data/_includes/tag.html

@@ -0,0 +1,3 @@
+<span class="tag {% if include.style %} {{ include.style }} {% else %} is-primary {% endif %}">
+    {{ include.tag }}
+</span>

data/_layouts/post.html

@@ -11,7 +11,7 @@ layout: default
 
 <div class="tags">
     {% for tag in page.tags %}
-    <span class="tag is-primary">{{ tag }}</span>
+      {% include tag.html tag=tag %}
     {% endfor %}
 </div>
 

data/assets/js/app.js

@@ -1,25 +1 @@
-document.addEventListener('DOMContentLoaded', () => {
-
-  // Get all "navbar-burger" elements
-  const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0);
-
-  // Check if there are any navbar burgers
-  if ($navbarBurgers.length > 0) {
-
-    // Add a click event on each of them
-    $navbarBurgers.forEach( el => {
-      el.addEventListener('click', () => {
-
-        // Get the target from the "data-target" attribute
-        const target = el.dataset.target;
-        const $target = document.getElementById(target);
-
-        // Toggle the "is-active" class on both the "navbar-burger" and the "navbar-menu"
-        el.classList.toggle('is-active');
-        $target.classList.toggle('is-active');
-
-      });
-    });
-  }
-  
-});
+//

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bulma-clean-theme
 version: !ruby/object:Gem::Version
-  version: 0.10.5
+  version: 0.10.6
 platform: ruby
 authors:
 - chrisrhymes
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2021-01-17 00:00:00.000000000 Z
+date: 2021-02-07 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -154,6 +154,7 @@ files:
 - _includes/sponsors.html
 - _includes/subscribe.html
 - _includes/tabs.html
+- _includes/tag.html
 - _includes/toc.html
 - _includes/youtube.html
 - _layouts/blog.html