Block

Pure black, blog focused theme for Zola, powered by TailwindCSS.

Demo: https://block-zola.netlify.app/

Setup

In your zola site directory

• Get theme

  git submodule add https://github.com/ssiyad/block themes/block

• Build CSS

  cd themes/block
  npm ci
  npm run css:build

• Build your site

  cd ../..
  zola build

Variables

You can use the following variables in your config.toml.

[extra.intro]
heading = "Blog/Black theme for Zola"subheading = "Thoughts, stories and ideas."avatar_url = "https://picsum.photos/200"
[extra.footer]
license_text = ""

Check theme.toml for more info.

Blocks

You can override individual blocks by following this.

Example: templates/base_layout.html

{% extends "block/templates/base_layout.html" %}
{% block license_text %}
<div>
The content for this site is
<ahref="https://creativecommons.org/licenses/by-sa/2.0/"
target="_blank"
class="font-medium"
>CC-BY-SA</a>. The
<ahref="https://github.com/ssiyad/ssiyad.github.io"
target="_blank"
class="font-medium"
>code for this site</a>
is
<ahref="https://www.gnu.org/licenses/gpl-3.0.en.html"
target="_blank"
class="font-medium"
>GPLv3</a>.
</div>
{% endblock %}

Self Promotion

Like this project? Give it a star! ⭐, and spread the word! 🚀. And if you are feeling especially charitable, follow Sabu Siyad on GitHub. Thanks!