Welcome to Showcase!

Showcase is a page where you can show off almost anything you want. It can be the photo of your pets, your favorite books, your favorite projects, or anything else you want to show to the world.

You can create a new showcase item by creating a new file in the _showcase folder. It gives you the highest flexibility to customize the item using any HTML code.

Cards are ordered by the date field in the front matter in descending order. The width field is used to determine the width of the card, ranging from 1 to 12. Layout is done by the Masonry library.

For a tidy layout, it is recommended to set the width of the cards to be either multiple of 3 or multiple of 4 for all cards, except for small badges that do not take up much space (width=1).

GitHub Star History

This image shows the star history of the GitHub repository of this website.

Give a star!

Image Lazyload

It is highly recommended to use lazyload for images to improve page loading speed, especially for pages with many images. Example code snippet:

<img data-src="[Image URL]" class="lazy w-100 rounded-sm" src="{{ '/assets/images/empty_300x200.png' | relative_url }}">

Disable Showcase Page?

If you want to disable this showcase page, you can hide it from the navigation bar by removing the showcase in data/navigation.yml

$a^2 + b^2 = c^2$

Cats

Meow! I am a cat. Unsplash