All posts by year

Showing everything matching: clear

2020

How to use Multiple Images in a Carousel

02 Mar 2020
Friday Theme HTML images Markdown Liquid Carousel Image Gallery

Here’s an example for multiple images that uses Bootstrap’s Carousel javascript component for a photo slideshow. You don’t need to write any JavaScript, just place some Liquid tags and HTML in your Markdown.

More...

How to set up the Masonry Layout with an Image Lightbox

01 Mar 2020
Friday Theme HTML images Markdown Liquid Image Gallery

Here’s an example that extends the Masonry layout to add a Lightbox to show each image.

More...
2018

How to write code, with syntax highlighting

10 Mar 2018
syntax highlighting code

This post demonstrates both inline code and code blocks with syntax highlighting.

More...
2017

How to use Multiple Images in a Masonry-style layout

19 Oct 2017
Friday Theme HTML images Markdown Liquid Image Gallery

Here’s an example for multiple images that uses Bootstrap’s card columns for a Masonry-like layout. It’s not perfect, but with some careful ordering of the images, you can get some good results. This example also shows some Liquid tags used in conjunction with frontmatter variables to automatically create your layout.

More...

How to use Icons

18 Oct 2017
icons Friday Theme CSS

Here’s how to use the Entypo icons in the Friday Theme as SVGs It’s easy with Jekyll’s include tag and Bootstrap 4 classes.

More...

How to use Single Images

13 Oct 2017
Friday Theme HTML images Markdown

Here’s how to put a single image into a post, using a Bootstrap 4 card. This shows how to mingle Markdown with HTML, too.

More...