bulma-clean-theme 0.10 → 0.10.5

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA256:
-  metadata.gz: 3884555bf86aec5dd0d7d53b8d9162c1bb9096b8f5bb0bec0cce40a2b65376ce
-  data.tar.gz: 8275db967bd7fc423991809dc73048d3140169d2824f440e1126c0098c175d8d
+  metadata.gz: 61ce44ce708ac22899498a1a55761fe28063462f30616cb982794fa32f6a5eb3
+  data.tar.gz: 39ee6467f173ed65617802584e8a3c88187ce64fe38ddbc955c11157b7161bac
 SHA512:
-  metadata.gz: e5f973241733a9d1251aa6c155b512ca78bb01bd08610b3a0a5918dccb93567e070bad20c9c3cfd1793e4fee40b43f719f85183a77e14369a8fa6ccce6afdbd0
-  data.tar.gz: 95080b3cfad4366771a37156196f7aedc3024a2362856f878afcbc8bd75e8710bb865606767852c6c00869371105eebc946712946605bccc7f8f1d9b2a6142ad
+  metadata.gz: 57aeb00974e6d06908ccddba1f99634aec698c3ed5c071d3bdc7458eaad64e55738a2eca025a952a478a70fca64ebfe058fa1de03dfbc366f5bcb71e13613ccb
+  data.tar.gz: db1e0da5a6595a08c6829ae9deacf778866574853fdfeb85a8263c279e1cf9832016243a58bb1be04f6551f1c03fe80c4dcaada22edcfcaebd2d04b1da07b087

data/README.md

@@ -18,6 +18,7 @@ This is a clean and simple Jekyll Theme built with the [Bulma](https://bulma.io/
     * [Sidebar Visibility](#sidebar-visibility)
     * [Menubar](#menubar)
     * [Tabs](#tabs)
+    * [Notifications](#notifications)
     * [Google Analytics](#google-analytics)
     * [Footer](#footer)
     * [Products](#products)
@@ -84,6 +85,9 @@ If you would like to darken the hero so the title stands out more, you can set `
 **New in 0.5.8**
 If you want to display a table of contents (toc) then add `toc: true` to your page's front matter. You can customise the default table of contents title by setting `toc_title: My Custom Title` in the page's front matter. 
 
+**New in 0.10.3**
+If you would prefer to display the contents in the menubar at the side of the page, then use `menubar_toc: true` instead of `toc: true`. This will also override the page's `menubar` setting.
+
 ### Posts
 
 If you want posts, create a `_posts` directory to store your posts as per normal Jekyll usage, with the `layout: post`. Next create a `blog` directory with an index.html file that has `layout: blog`
@@ -99,6 +103,19 @@ paginate_path: "/blog/page:num"
 
 You can also set the height of the hero by providing a Bulma hero height class in your front matter, such as `hero_height: is-fullwidth`. If you do not provide this, it will revert to is-medium
 
+#### Post Excerpt and Summary
+
+By default the blog page and the latest posts will use the automatically generated post excerpt. If you would like to override this you can set the summary in the post's front matter. 
+
+```yaml
+layout: post
+title: The post title
+summary: |-
+    This is the custom summary for the post.
+
+    It can be in **markdown format** if required.
+```
+
 #### Social Share Buttons
 
 Share buttons will be displayed on your posts unless you hide them by adding `hide_share_buttons: true` to your config file.
@@ -120,6 +137,11 @@ For the top navigation, create a navigation.yml file in `_data` directory with t
 
 For the current page to have an active class, ensure the `link:` format matches your [permalink](https://jekyllrb.com/docs/permalinks/#extensionless-permalinks) format. The above example will work with `permalink: pretty` setting in your `_config.yml`
 
+#### Fixed Navbar
+
+To have a fixed navbar, you can set `fixed_navbar: top` or `fixed_navbar: bottom` respectively in your
+`_config.yml`.
+
 ### Colours and Styles
 
 To overwrite the primary theme colour, set a sass variable in `assets/css/app.scss` before importing `main`
@@ -134,6 +156,10 @@ $primary: #333333;
 
 You can overwrite any of the [Bulma initial variables](http://versions.bulma.io/0.7.0/documentation/overview/variables/) in this way as long as they are declared before the `@import "main"'`
 
+#### Theme Color Meta Tag
+
+If you want to update the theme color meta tag then set `theme_color: '#333333'` in your `_config.yml` file. 
+
 ### Sidebar Visibility
 
 **New in 0.2**
@@ -255,6 +281,33 @@ You can add icons to your tab by passing in the [Font Awesome icon class](https:
 
 If you don't wish to show icons then simply omit the option from your yaml file.
 
+### Notifications
+
+You can include a notification in a page or post using the below include. The message is required but the status defaults to 'is-warning' and the icon defaults to 'fas fa-exclamation-circle', but can be overwritten by setting the values in the includes. The message can also be written in Markdown format.
+
+```liquid
+{% include notification.html message="This is the message for the notification" %}
+```
+
+#### Dismissible Notifications
+
+To set a notification to be dismissible, set dismissible to 'true'
+
+```liquid
+{% include notification.html
+message="This notification is dismissable"
+dismissable="true" %}
+```
+
+#### Iconless Notifications
+
+Omit the icon by setting icon to 'false'
+
+```liquid
+{% include notification.html
+message="This notification does not have an icon."
+icon="false" %}
+```
 
 ### Google Analytics 
 
@@ -341,7 +394,7 @@ To add reviews to your product page, create a `reviews` directory in the `_data`
 - name: Mr E Xample
   rating: 4
   title: Great product, highly recommended
-  date: 01/01/2019
+  date: 2019-01-01
   avatar: https://bulma.io/images/placeholders/128x128.png
   description: >
     The product worked really well. I would recommend this to most people to use. Delivery was quick and reasonable. 
@@ -349,7 +402,7 @@ To add reviews to your product page, create a `reviews` directory in the `_data`
 - name: Mrs R E View
   rating: 5
   title: Nice, really liked this
-  date: 02/02/2019
+  date: 2019-02-02
   description: >
     The product worked exactly as described. 
 ```

data/_includes/callouts.html

@@ -7,7 +7,7 @@
                     {% for callout in callouts.items %}
                         <div class="column is-4 has-text-centered">
                             {% if callout.icon %}
-                            <div class="icon is-large">
+                            <div class="icon callout-icon">
                             {% if callout.icon_brand %}
                                 <i class="fab {{ callout.icon }} fa-4x"></i>
                             {% else %}

data/_includes/head.html

@@ -1,7 +1,7 @@
 <head>
     <meta charset="utf-8">
     <meta name="viewport" content="width=device-width, initial-scale=1">
-    <title>{{ page.title }} - {{ site.title }}</title>
+    <meta name="theme-color" content={{ site.theme_color | default: '#ffffff' }}>
     <link rel="stylesheet" href="{{ site.baseurl }}/assets/css/app.css">
     <link rel="shortcut icon" type="image/png"
           {% if site.favicon %} href="{{ site.favicon | relative_url }}" {% else %} href="{{ site.baseurl }}/favicon.png" {% endif %}

data/_includes/header.html

@@ -1,5 +1,4 @@
-
-<nav class="navbar is-primary" >
+<nav class="navbar is-primary {% if site.fixed_navbar %} is-fixed-{{ site.fixed_navbar }} {% endif %}">
     <div class="container">
         <div class="navbar-brand">
             <a href="{{ site.baseurl }}/" class="navbar-item">
@@ -17,7 +16,7 @@
                 {% if site.data.navigation %}
                 {% for item in site.data.navigation %}
                     {% if item.dropdown %}
-                    <div class="navbar-item has-dropdown is-hoverable">
+                    <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>
                         <div class="navbar-dropdown">
                             {% for subitem in item.dropdown %}

data/_includes/notification.html

@@ -0,0 +1,17 @@
+<div x-data="{visible: true}" markdown="0">
+    <div class="notification {{ include.status | default: 'is-warning' }}" x-show.transition.duration.300ms="visible">
+        {% if include.dismissable %}
+            <button class="delete" x-on:click="visible = false"></button>
+        {% endif %}
+        <article class="media">
+            {% unless include.icon %}
+                <div class="media-left">
+                    <span class="icon"><i class="{{ include.icon | default: 'fas fa-exclamation-circle' }} fa-lg"></i></span>
+                </div>
+            {% endunless %}
+            <div class="media-content">
+                <div class="content">{{ include.message | markdownify }}</div>
+            </div>
+        </article>
+    </div>
+</div>

data/_includes/post-card.html

@@ -13,7 +13,11 @@
             {% if post.image %}
             <a class="title is-4" href="{{ site.baseurl }}{{ post.url }}">{{ post.title}}</a>
             {% endif %}
-            <p>{{ post.excerpt }}</p>
+            {% if post.summary %}
+                {{ post.summary | markdownify }}
+            {% else %}
+                <p>{{ post.excerpt }}</p>
+            {% endif %}
         </div>
         <div class="has-text-centered">
             <a href="{{ site.baseurl }}{{ post.url }}" class="button is-primary">Read more</a>

data/_layouts/default.html

@@ -1,12 +1,17 @@
-{% if page.menubar and page.show_sidebar %} 
+{% if page.menubar or page.menubar_toc %}
+    {% assign has_left_sidebar = true %}
+{% endif %}
+
+{% if page.show_sidebar and has_left_sidebar  %} 
     {% assign content_width = 'is-4' %} 
-{% elsif page.menubar or page.show_sidebar %} 
+{% elsif page.show_sidebar or has_left_sidebar %} 
     {% assign content_width = 'is-8' %} 
 {% else %} 
     {% assign content_width = 'is-12' %} 
 {% endif %}
+
 <!DOCTYPE html>
-<html>
+<html {% if site.fixed_navbar %} class="has-navbar-fixed-{{ site.fixed_navbar }}" {% endif %}>
   {% include head.html %}
   <body>
     {% include header.html %}
@@ -17,7 +22,12 @@
     <section class="section">
         <div class="container">
             <div class="columns">
-                {% if page.menubar %}
+                {% if page.menubar_toc %}
+                <div class="column is-4-desktop is-4-tablet">
+                    {% assign contentsTitle = page.toc_title | default: 'Contents' %}
+                    {% include toc.html html=content class='menu-list' h_min=2 h_max=3 contents_title=contentsTitle %}
+                </div>
+                {% elsif page.menubar %}
                 <div class="column is-4-desktop is-4-tablet">
                     {% include menubar.html %}
                 </div>

data/_posts/2020-10-17-post-with-summary.md

@@ -0,0 +1,23 @@
+---
+layout: post
+title: Example post with a summary
+summary: |-
+    This is the custom summary for the post.
+
+    It can be in **markdown format** if required.
+---
+
+This is the text for the post. It won't be used as the excerpt as it will use the custom summary set in the post instead. 
+
+If the summary is not set it will use the default excerpt generated by Jekyll.
+
+To use a custom summary, set the `summary` in the post's front matter. 
+
+```yaml
+layout: post
+title: Example post with a summary
+summary: |-
+    This is the custom summary for the post.
+
+    It can be in **markdown format** if required.
+```

data/_sass/_layout.scss

@@ -26,4 +26,12 @@ div.highlight {
     figure {
         margin: 0;
     }
+}
+
+.callout {
+    &-icon {
+        width: 4rem;
+        height: 4rem;
+        margin-bottom: 0.75rem;
+    }
 }

data/assets/js/app.js

@@ -21,5 +21,5 @@ document.addEventListener('DOMContentLoaded', () => {
       });
     });
   }
-
+  
 });

data/node_modules/bulma-block-list/docs/Gemfile

@@ -1,3 +1,3 @@
 source 'https://rubygems.org'
-gem "bulma-clean-theme",  '0.8'
+gem "bulma-clean-theme",  '0.10.3'
 gem 'github-pages', group: :jekyll_plugins

data/node_modules/bulma-block-list/docs/_sass/_block-list.scss

@@ -61,6 +61,12 @@ $block-list-highlight-width: 5px !default;
         border-left: $block-list-highlight-width $dark solid;
     }
 
+    @mixin outlined($color) {
+        background: transparent;
+        color: $color;
+        border: 1px solid $color;
+    }
+
     @each $name, $pair in $colors {
 
         $color: nth($pair, 1);
@@ -71,20 +77,25 @@ $block-list-highlight-width: 5px !default;
             background: $color;
             color: $color-invert;
         }
+        
+        li.is-#{$name}.is-outlined {
+            @include outlined($color);
+        }
+
+        li.is-#{$name}.is-highlighted {
+            @include outlined($color);
+            border-left: $block-list-highlight-width $color solid;
+        }
 
         &.is-#{$name} {
             li.is-outlined,
             &.is-outlined > li {
-                background: transparent;
-                color: $color;
-                border: 1px solid $color;
+                @include outlined($color);
             }
 
             li.is-highlighted,
             &.is-highlighted > li {
-                background: transparent;
-                color: $color;
-                border: 1px solid $color;
+                @include outlined($color);
                 border-left: $block-list-highlight-width $color solid;
             }
         }

data/node_modules/bulma-block-list/package.json

@@ -1,26 +1,26 @@
 {
-  "_from": "bulma-block-list@^0.4",
-  "_id": "bulma-block-list@0.4.0",
+  "_from": "bulma-block-list@^0.4.1",
+  "_id": "bulma-block-list@0.4.1",
   "_inBundle": false,
-  "_integrity": "sha512-N1jFSWXKmZrtETmbAVuy/q7TA0eb6VuyeaM8YsOue43Es55CPWshbK1vplJ+BYoxaacibs9paNhQs0y35qU+dQ==",
+  "_integrity": "sha512-rNMgnzX/e1MnsKXpzPuRl2kNN+xxEBqe00idycD8Wt7xg0dHlBi4xctN0roW9cFlRyvxW5zJwSufPgavaJpghQ==",
   "_location": "/bulma-block-list",
   "_phantomChildren": {},
   "_requested": {
     "type": "range",
     "registry": true,
-    "raw": "bulma-block-list@^0.4",
+    "raw": "bulma-block-list@^0.4.1",
     "name": "bulma-block-list",
     "escapedName": "bulma-block-list",
-    "rawSpec": "^0.4",
+    "rawSpec": "^0.4.1",
     "saveSpec": null,
-    "fetchSpec": "^0.4"
+    "fetchSpec": "^0.4.1"
   },
   "_requiredBy": [
     "/"
   ],
-  "_resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.4.0.tgz",
-  "_shasum": "4f70d2bdeb1dbaa730c1f7cf75adcd6013b5703b",
-  "_spec": "bulma-block-list@^0.4",
+  "_resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.4.1.tgz",
+  "_shasum": "24fc9eabb216694885bacbd5cff87e8e0b6a7937",
+  "_spec": "bulma-block-list@^0.4.1",
   "_where": "/Users/chrisrhymes/Code/bulma-clean-theme",
   "author": {
     "name": "chrisrhymes"
@@ -52,5 +52,5 @@
     "css-watch": "npm run css-build -- --watch",
     "start": "npm run css-watch"
   },
-  "version": "0.4.0"
+  "version": "0.4.1"
 }

data/node_modules/bulma-block-list/src/block-list.scss

@@ -61,6 +61,12 @@ $block-list-highlight-width: 5px !default;
         border-left: $block-list-highlight-width $dark solid;
     }
 
+    @mixin outlined($color) {
+        background: transparent;
+        color: $color;
+        border: 1px solid $color;
+    }
+
     @each $name, $pair in $colors {
 
         $color: nth($pair, 1);
@@ -71,20 +77,25 @@ $block-list-highlight-width: 5px !default;
             background: $color;
             color: $color-invert;
         }
+        
+        li.is-#{$name}.is-outlined {
+            @include outlined($color);
+        }
+
+        li.is-#{$name}.is-highlighted {
+            @include outlined($color);
+            border-left: $block-list-highlight-width $color solid;
+        }
 
         &.is-#{$name} {
             li.is-outlined,
             &.is-outlined > li {
-                background: transparent;
-                color: $color;
-                border: 1px solid $color;
+                @include outlined($color);
             }
 
             li.is-highlighted,
             &.is-highlighted > li {
-                background: transparent;
-                color: $color;
-                border: 1px solid $color;
+                @include outlined($color);
                 border-left: $block-list-highlight-width $color solid;
             }
         }

data/package-lock.json

@@ -10,9 +10,9 @@
       "integrity": "sha512-LSF69OumXg2HSKl2+rN0/OEXJy7WFEb681wtBlNS/ulJYR27J3rORHibdXZ6GVb/vyUzzYK/Arjyh56wjbFedA=="
     },
     "bulma-block-list": {
-      "version": "0.4.0",
-      "resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.4.0.tgz",
-      "integrity": "sha512-N1jFSWXKmZrtETmbAVuy/q7TA0eb6VuyeaM8YsOue43Es55CPWshbK1vplJ+BYoxaacibs9paNhQs0y35qU+dQ==",
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/bulma-block-list/-/bulma-block-list-0.4.1.tgz",
+      "integrity": "sha512-rNMgnzX/e1MnsKXpzPuRl2kNN+xxEBqe00idycD8Wt7xg0dHlBi4xctN0roW9cFlRyvxW5zJwSufPgavaJpghQ==",
       "requires": {
         "bulma": "^0.8.0"
       },

data/package.json

@@ -11,6 +11,6 @@
   "license": "MIT",
   "dependencies": {
     "bulma": "^0.9.1",
-    "bulma-block-list": "^0.4"
+    "bulma-block-list": "^0.4.1"
   }
 }

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: bulma-clean-theme
 version: !ruby/object:Gem::Version
-  version: '0.10'
+  version: 0.10.5
 platform: ruby
 authors:
 - chrisrhymes
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2020-10-09 00:00:00.000000000 Z
+date: 2021-01-17 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: jekyll
@@ -144,6 +144,7 @@ files:
 - _includes/image-modal.html
 - _includes/latest-posts.html
 - _includes/menubar.html
+- _includes/notification.html
 - _includes/pagination.html
 - _includes/post-card.html
 - _includes/rating.html
@@ -165,6 +166,7 @@ files:
 - _posts/2019-02-09-getting-started-with-bulma-clean-theme.markdown
 - _posts/2019-07-23-introducing-some-new-layouts-to-bulma-clean-theme.markdown
 - _posts/2020-05-08-creating-a-docs-site-with-bulma-clean-theme.markdown
+- _posts/2020-10-17-post-with-summary.md
 - _sass/_layout.scss
 - _sass/_main.scss
 - _sass/_showcase.scss