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
    <a
      href="https://creativecommons.org/licenses/by-sa/2.0/"
      target="_blank"
      class="font-medium"
      >CC-BY-SA</a
    >. The
    <a
      href="https://github.com/ssiyad/ssiyad.github.io"
      target="_blank"
      class="font-medium"
      >code for this site</a
    >
    is
    <a
      href="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!