Item's Layouts

Choose a design to list your items in blog templates

Boxed

Since time ago I've been thinking how to improve theme quality removing our Twig functions to handle aviability of user defined style vs proper text color. Best solution was move all those handlings to SASS functions and apply required modifications there. Now the code is much simpler, easy to understand, and let you add as many colors/styles as you desire.

Today template received a major update of Bootstrap 4.3.1 which includes a lot of improvements, SASS reestructured, new theme options and fixes.

I added support for readingtime Grav plugin for cards and boxed post layouts. Also has been included in item's template. Then you could customize the output string and words-per-minute in plugin configuration.

Cards

Moved macros to SASS functions

Since time ago I've been thinking how to improve theme quality removing our Twig functions to handle aviability of user defined style vs proper text color. Best solution was move all those handlings to SASS functions and apply required modifications there. Now the code is much simpler, easy to understand, and let you add as many colors/styles as you desire.

features

Updated Bootstrap and New Features

Today template received a major update of Bootstrap 4.3.1 which includes a lot of improvements, SASS reestructured, new theme options and fixes.

bugfix, features

Added support for Reading time plugin

I added support for readingtime Grav plugin for cards and boxed post layouts. Also has been included in item's template. Then you could customize the output string and words-per-minute in plugin configuration.

features

Blog Template

Create a folder under /pages to render a section with items's listing and sidebar

Modular

Blog template has a 'Modular block' content that should be setting up with Grav Page Collections, and/or use show_more route parameter as fallback to get children and add a button at the end. You can choose between above 3 layouts to display items; boxed, cards or masonry.

title: Blog Modular         # Page title
layout: boxed|cards|masonry # Layout items template
show_more: /blog            # Show a button and serve as fallback to get collection
content:                    # Collection configuration
    items:
      '@page': '/blog'
    order:
        by: date
        dir: desc
    limit: 6
    pagination: false

Template page

Create a blog or portfolio with sidebar to list descendant items. Use blog.md filename.

title: Blog
style: dark
layout: boxed
content:
    items: '@self.children'
    order:
        by: date
        dir: desc
    limit: 8
    pagination: true