/tranquil

A blog theme for Zola, inspired by Serene, but built with Tailwind

Primary LanguageHTMLMIT LicenseMIT

A screenshot (dark theme) of the example page of the demo website A screenshot (light theme) of the example page of the demo website
A blog theme for Zola. Simple, elegant and uses Tailwind. Based on Isunjns Serene theme.

Demo

Features

  • A simple and elegant design.
  • Projects page: display a list of the projects you have worked on with links.
  • Theme toggle: switch between light and dark theme regardless of your browser preference.
  • Image zooming using Lightense: zoom in on images by clicking on them.
  • Out-of-date alert: show alerts when your post is outdated.
  • Callouts (note, warning, alert, etc.) that can be used right in Markdown.
  • Comments using Giscus.
  • Mathematical notations using KaTeX.
  • Diagrams and visualizations using Mermaid.

Shoutouts

This theme wouldn't have existed without Isunjns Serene theme. It's a great theme, so go check that one out as well.

When I doubted about layout, I always went to look at FasterThanLimes blog to see how he did it.

Of course, this website wouldn't render without Zola and it wouldn't show anything without Tailwind.

Tranquil vs Serene

Tranquil is a fork of Serene. The main reason to fork was not that I thought Serene was bad: I just wanted to try out Tailwind for a while and reimplementing a blog theme seemed like the perfect way to do so.

The main and pretty much only difference between Tranquil and Serene is that the styling is built from scratch with Tailwind. The icons have also been changed to align better with Tailwind.

Usage

Contributing

  • Before you make any non-trivial changes, consider opening an issue so we can discuss the change.