This theme lets you put a bit of homepage content before the feed. It only appears on the first page of the paginated feed.

Features

Columns

This theme uses the css framework chota providing lightweight and reactive columns, allowing for fun layouts that still look good on mobile.

Themes

The chota framework uses html variables to define colours and spacing. Buttery Biscuit uses this to let users define themes using sass files. These themes can be used to define the chota variable and also inject custom css. Themes are selected in the _config.yml

Dark Mode

Buttery Biscuit includes support for a dark mode theme using the theme files. For simplicity the darkmode theme only defines the chota variables for dark mode.

Formatting posts for 2 column printing

By Luke O   Published 2024-02-13   tutorial print

Some information just looks better when printed in columns. For such times, this theme has a html class for two column printing. This is used as follows

<section class="twocolprint" markdown="1">
    Some markdown
</section>

Note the markdown="1" part of the tag that specifies that the text inside the tags is formatted as markdown. The following placeholder text has been formatted to print in two columns.

Using Jekyll Picture Tag

By Luke O   Published 2023-09-13   tutorial JPT

To handle images in a reactive manner, this theme uses Jekyll Picture Tag. JPT automatically creates a set of resized images from the source image and inserts them as a picture tag source set. This theme has a few presets for this plugin to allow for a basic setup without fiddling.

Welcome to Jekyll!

Published 2022-06-13   default

You’ll find this post in your _posts directory. Go ahead and edit it and re-build the site to see your changes. You can rebuild the site in many different ways, but the most common way is to run jekyll serve, which launches a web server and auto-regenerates your site when a file is updated.