Page With Notifications

This page shows how you can add Bulma notifications.

This is the message for the notification

Use the following code to include a simple notification.

{% include notification.html message="This is the message for the notification" %}

Overriding Defaults

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.

This is the message for the notification

{% include notification.html message="This is the message for the notification" 
status="is-danger" 
icon="fas fa-exclamation-triangle" %}

Markdown message

The notification message can also be written in markdown.

This message contains markdown and a link.

It also contains a second paragraph and a list.

  • List item
  • List item
{% include notification.html 
message="This **message** contains _markdown_ and a [link](https://www.csrhymes.com).

It also contains a second paragraph.

* List item
* List item
"  %}

Dismissible Notifications

To set a notification to be dismissible, set dismissible to ‘true’

This notification is dismissable

{% include notification.html
message="This notification is dismissable"
status="is-info"
dismissable="true" %}

Iconless Notifications

Omit the icon by setting icon to ‘false’

This notification does not have an icon.

{% include notification.html
message="This notification does not have an icon."
icon="false"
status="is-success" %}

Latest Posts

Example post with a summary
Example post with a summary

This is the custom summary for the post.

It can be in markdown format if required.

Creating a docs site with Bulma Clean Theme
Creating a docs site with Bulma Clean Theme

I created Bulma Clean Theme as a theme for my own website and decided to open source it so others could use it as well. One of the key things I wanted to do was to create a theme that worked with GitHub Pages, which also means that you can also use it as a docs site for your project.

Introducing some new layouts to Bulma Clean Theme
Introducing some new layouts to Bulma Clean Theme

I’ve been meaning to write about some of the new features I have been rolling out to my Jekyll theme, Bulma Clean Theme, for a while but I have only just managed to push the update for the landing page layout last weekend. This article provides some of the thinking behind the updates, as well as a brief introduction to how to get started.