1
0
Fork
You've already forked basic-infosite
0
A basic infosite template for Zola
  • HTML 54.7%
  • SCSS 39.3%
  • JavaScript 6%
2025年07月07日 15:51:32 +02:00
content update theme 2024年05月31日 21:39:10 +02:00
sass add hyphenation 2024年07月03日 16:44:47 +02:00
static delete albert sans and literata book 2024年04月04日 08:14:07 +02:00
templates cosmetic changes 2025年07月07日 15:51:32 +02:00
.gitignore gitignore 2023年06月21日 16:39:55 +02:00
config.toml make theme flexible whether to have socials or not 2023年08月24日 11:19:56 +02:00
README.md prepare for custom colors 2023年08月06日 15:18:28 +02:00
theme.toml factor out styling files 2023年08月06日 14:04:44 +02:00
TODO.md theme update 2023年10月23日 17:16:34 +02:00

This is the learner/activist theme for the Zola SSG.

It aims to be suited for the webdesign learner/hobbyist:

  • simple
  • everything labeled
  • built from the most basic components
  • focus on css and html

And for the activist project:

  • mobile first design ie. everything is designed to be viewed on mobile by default and then the desktop version is added on top.
  • the shortcodes (special features) are chosen to suit activist needs

This is a guide for how to use all the features of the template.

First go to the config.toml file and follow the guide to configure the site

Then put your logo in the /static folder and rename it logo.png (if it is a png, otherwise edit the file name in the config to match the name of the imagefile)

Colors

create a file in the sass folder called colors.scss with the following content: ''' :root { --accent-color: #ea7130; --background-color: #710000; --text-color: #ffffff; } ''' (substitute the color codes eg. #ef4036 for your theme color) This scss file while overwrite the default colors file

Fonts

Put your fonts in a folder like this: /static /fonts /name-of-first-font /first-font-regular.woff2 /first-font-italic.woff2 /first-font-bold.woff2 /name-of-second-font /second-font-regular.woff2 /second-font-italic.woff2 /second-font-bold.woff2

Create a font-faces css file with Transfonter or Font Squirrel Webfont Generator. Put it in the /sass folder and rename it

Gather your font files like so

pages/articles hosting images favicons open graph