Kodama Theme

screenshot of Kodama Theme
tailwind

Kodama Theme

Theme for zola inspired by hugo academic theme.

Overview

The KodamaTheme is a theme inspired by the Hugo Academic theme. It is built on the Zola framework and does not use any JavaScript. The CSS is built with Tailwind CSS and the blog articles are themed with @tailwindcss/typography theme. This theme provides a clean and minimalistic design for websites.

Features

  • Built on the Zola framework
  • Does not use JavaScript
  • CSS is built with Tailwind CSS
  • Themed blog articles with @tailwindcss/typography theme

Installation

To install the KodamaTheme, follow these steps:

  1. Follow the official Zola tutorial to get started with Zola.
  2. Install the theme as you would install any other theme.
  3. Set the variable theme to "kodama-theme" in the config.toml file.

Generate the CSS:

  1. Install Tailwind CSS framework by following the installation page of Tailwind CSS.
  2. Create a file styles/styles.css.
  3. Use the appropriate command to generate the final CSS file.
  4. The resulting file static/styles/styles.css should be loaded in the HTML.

Note: The generation of the CSS is not automated, so you will need to re-run the command to generate the CSS file whenever changes are made to the styling.

Summary

The KodamaTheme is a Zola-based theme that does not use JavaScript and uses Tailwind CSS for styling. It provides a clean and minimalistic design for websites and allows for easy configuration of the index page, contact page, sections, blog, and publications.

tailwind
Tailwind

Tailwind CSS is a utility-first CSS framework that provides pre-defined classes for building responsive and customizable user interfaces.