build: switch to Nunjucks template and TOML data

The experiment with qmail config-style data has been an interesting one.
However, it lacks editor support and is not very convenient to work
with. I have also since picked TOML for other list generators.
This commit is contained in:
D. Bohdan 2023-09-08 09:57:09 +00:00
parent 223cb2a3d7
commit 4742da00d7
174 changed files with 486 additions and 302 deletions

6
Makefile Normal file
View File

@ -0,0 +1,6 @@
all: README.md
README.md: README.md.njk render-template.ts Makefile data/projects.toml
./render-template.ts README.md.njk data/projects.toml > $@
.PHONY: all

View File

@ -6,7 +6,6 @@ This is a list of classless CSS themes and frameworks. "Classless" means a styl
## Contents ## Contents
- [Classless CSS](#classless-css) - [Classless CSS](#classless-css)
* [Contents](#contents)
* [Classless](#classless) * [Classless](#classless)
+ [Almond.CSS](#almondcss) + [Almond.CSS](#almondcss)
+ [attriCSS](#attricss) + [attriCSS](#attricss)
@ -373,6 +372,7 @@ This is a list of classless CSS themes and frameworks. "Classless" means a styl
These are frameworks that do not force you to apply their classes to many elements but require something like `<div class="container">` or a bit of your own CSS for a page to look right. They may offer optional classes to style your content. These are frameworks that do not force you to apply their classes to many elements but require something like `<div class="container">` or a bit of your own CSS for a page to look right. They may offer optional classes to style your content.
### Chota ### Chota
* [Repository](https://github.com/jenil/chota) ![GitHub stars](https://img.shields.io/github/stars/jenil/chota?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/jenil/chota?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/jenil/chota?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/jenil/chota?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/jenil/chota?style=flat-square) * [Repository](https://github.com/jenil/chota) ![GitHub stars](https://img.shields.io/github/stars/jenil/chota?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/jenil/chota?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/jenil/chota?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/jenil/chota?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/jenil/chota?style=flat-square)

60
README.md.njk Normal file
View File

@ -0,0 +1,60 @@
# Classless CSS
This is a list of classless CSS themes and frameworks. "Classless" means a style sheet does not define special classes you must add to your HTML elements to style these elements. As a result, you can style any plain-HTML page just by linking to the style sheet. This is useful, for example, in prototyping.
## Contents
{{ toc }}
{% macro item(proj) %}
### {{ proj.name }}
{% if proj.note %}
{{ proj.note }}
{% endif %}
{% if proj.website %}
* [Website]({{ proj.website }})
{% endif %}
{% if proj.github %}
* [Repository](https://github.com/{{ proj.github }}) ![GitHub stars](https://img.shields.io/github/stars/{{ proj.github }}?style=flat-square) ![GitHub contributors](https://img.shields.io/github/contributors-anon/{{ proj.github }}?style=flat-square) ![Last commit](https://img.shields.io/github/last-commit/{{ proj.github }}?style=flat-square) ![GitHub open issues](https://img.shields.io/github/issues-raw/{{ proj.github }}?style=flat-square) ![GitHub closed issues](https://img.shields.io/github/issues-closed-raw/{{ proj.github }}?style=flat-square)
{% endif %}
{% if proj.demo %}
* [Demo]({{ proj.demo }})
{% endif %}
{% for filename in proj.screenshots %}
[![{{ filename }}](thumbnail/{{ filename }})](screenshot/{{ filename }})
{% endfor %}
{% endmacro %}
## Classless
{% for proj in projects %}
{% if proj.tags.indexOf("classless") > -1 %}
{{ item(proj) }}
{% endif %}
{% endfor %}
## Class-light
These are frameworks that do not force you to apply their classes to many elements but require something like `<div class="container">` or a bit of your own CSS for a page to look right. They may offer optional classes to style your content.
{% for proj in projects %}
{% if proj.tags.indexOf("class-light") > -1 %}
{{ item(proj) }}
{% endif %}
{% endfor %}
## See also
* [Drop-in switcher for previewing minimal CSS frameworks](https://github.com/dohliam/dropin-minimal-css)
## License
[![CC0](https://i.creativecommons.org/p/zero/1.0/88x31.png)](https://creativecommons.org/publicdomain/zero/1.0/)
To the extent possible under law, D. Bohdan has waived all copyright and related or neighboring rights to this work. By contributing, you agree to release your contribution under the same terms.

View File

@ -1 +0,0 @@
https://jenil.github.io/chota/

View File

@ -1 +0,0 @@
jenil/chota

View File

@ -1 +0,0 @@
Chota

View File

@ -1 +0,0 @@
chota.png

View File

@ -1 +0,0 @@
https://milligram.io/

View File

@ -1 +0,0 @@
milligram/milligram

View File

@ -1 +0,0 @@
Milligram

View File

@ -1 +0,0 @@
milligram.png

View File

@ -1 +0,0 @@
https://minicss.org/docs

View File

@ -1 +0,0 @@
Chalarangelo/mini.css

View File

@ -1 +0,0 @@
mini.css

View File

@ -1 +0,0 @@
minicss.png

View File

@ -1 +0,0 @@
http://picnicss.com/

View File

@ -1 +0,0 @@
franciscop/picnic

View File

@ -1 +0,0 @@
Picnic CSS

View File

@ -1 +0,0 @@
picnic.png

View File

@ -1 +0,0 @@
lazaronixon/sass-zero

View File

@ -1 +0,0 @@
SASS-ZERO (Breadboard)

View File

@ -1 +0,0 @@
A class-light variant of a CSS framework with classes. Made for Ruby on Rails.

View File

@ -1 +0,0 @@
sass-zero.png

View File

@ -1 +0,0 @@
https://kbrsh.github.io/wing/

View File

@ -1 +0,0 @@
kbrsh/wing

View File

@ -1 +0,0 @@
Wing

View File

@ -1 +0,0 @@
wing.png

View File

@ -1 +0,0 @@
https://alvaromontoro.github.io/almond.css/demo/

View File

@ -1 +0,0 @@
alvaromontoro/almond.css

View File

@ -1 +0,0 @@
Almond.CSS

View File

@ -1 +0,0 @@
almond-css.png

View File

@ -1 +0,0 @@
https://raj457036.github.io/attriCSS/

View File

@ -1 +0,0 @@
raj457036/attriCSS

View File

@ -1 +0,0 @@
attriCSS

View File

@ -1,5 +0,0 @@
attricss-0-brightlight-green.png
attricss-1-midnight-green.png
attricss-2-darkforest-green.png
attricss-3-darkfairy-pink.png
attricss-4-lightfairy-pink.png

View File

@ -1 +0,0 @@
https://igoradamenko.com/awsm.css/v2/elements.html

View File

@ -1 +0,0 @@
awsm.css

View File

@ -1,8 +0,0 @@
awsm.css-0.png
awsm.css-1-gondola.png
awsm.css-2-mischka.png
awsm.css-3-big-stone.png
awsm.css-4-black.png
awsm.css-5-tasman.png
awsm.css-6-pastel-pink.png
awsm.css-7-pearl-lusta.png

View File

@ -1 +0,0 @@
https://igoradamenko.com/awsm.css/v2/

View File

@ -1 +0,0 @@
https://ruanmartinelli.github.io/axist/

View File

@ -1 +0,0 @@
ruanmartinelli/axist

View File

@ -1 +0,0 @@
axist

View File

@ -1 +0,0 @@
axist.png

View File

@ -1 +0,0 @@
https://kimeiga.github.io/bahunya/

View File

@ -1 +0,0 @@
Kimeiga/bahunya

View File

@ -1 +0,0 @@
Bahunya

View File

@ -1 +0,0 @@
bahunya.png

View File

@ -1 +0,0 @@
https://rilwis.github.io/bamboo/demo/

View File

@ -1 +0,0 @@
rilwis/bamboo

View File

@ -1 +0,0 @@
Bamboo CSS

View File

@ -1 +0,0 @@
bamboo-css.png

View File

@ -1 +0,0 @@
https://web.archive.org/web/20191010034508/http://barecss.com/

View File

@ -1 +0,0 @@
longsien/BareCSS

View File

@ -1 +0,0 @@
BareCSS

View File

@ -1 +0,0 @@
barecss.png

View File

@ -1 +0,0 @@
https://vladocar.github.io/Basic.css/

View File

@ -1 +0,0 @@
vladocar/Basic.css

View File

@ -1 +0,0 @@
Basic.css

View File

@ -1 +0,0 @@
basic.css.png

View File

@ -1 +0,0 @@
https://boltcss.com/

View File

@ -1 +0,0 @@
tbolt/boltcss

View File

@ -1 +0,0 @@
Bolt.css

View File

@ -1 +0,0 @@
bolt.css.png

View File

@ -1 +0,0 @@
http://classless.de/

View File

@ -1 +0,0 @@
emareg/classlesscss

View File

@ -1 +0,0 @@
Classless.css

View File

@ -1 +0,0 @@
classless.css.png

View File

@ -1 +0,0 @@
https://concrete.style/

View File

@ -1 +0,0 @@
louismerlin/concrete.css

View File

@ -1 +0,0 @@
concrete.css

View File

@ -1 +0,0 @@
concrete.css.png

View File

@ -1 +0,0 @@
https://waldyrious.github.io/downstyler

View File

@ -1 +0,0 @@
waldyrious/downstyler

View File

@ -1 +0,0 @@
Downstyler

View File

@ -1 +0,0 @@
downstyler.png

View File

@ -1 +0,0 @@
https://holidaycss.js.org/

View File

@ -1 +0,0 @@
EvgenyOrekhov/holiday.css

View File

@ -1 +0,0 @@
holiday.css

View File

@ -1 +0,0 @@
holiday.css.png

View File

@ -1 +0,0 @@
https://davidrzs.github.io/latexcss/

View File

@ -1 +0,0 @@
davidrzs/latexcss

View File

@ -1 +0,0 @@
LatexCSS

View File

@ -1 +0,0 @@
latex.png

View File

@ -1 +0,0 @@
https://markdowncss.github.io/air/

View File

@ -1 +0,0 @@
markdowncss/air

View File

@ -1 +0,0 @@
Markdown CSS — Air

View File

@ -1 +0,0 @@
markdowncss-air.png

View File

@ -1 +0,0 @@
https://markdowncss.github.io/modest/

View File

@ -1 +0,0 @@
markdowncss/modest

View File

@ -1 +0,0 @@
Markdown CSS — Modest

View File

@ -1 +0,0 @@
markdowncss-modest.png

View File

@ -1 +0,0 @@
https://markdowncss.github.io/retro/

View File

@ -1 +0,0 @@
markdowncss/retro

View File

@ -1 +0,0 @@
Markdown CSS — Retro

View File

@ -1 +0,0 @@
markdowncss-retro.png

View File

@ -1 +0,0 @@
https://markdowncss.github.io/splendor/

View File

@ -1 +0,0 @@
markdowncss/splendor

View File

@ -1 +0,0 @@
Markdown CSS — Splendor

View File

@ -1 +0,0 @@
markdowncss-splendor.png

View File

@ -1 +0,0 @@
https://codepen.io/mblode/details/JdYbJj

Some files were not shown because too many files have changed in this diff Show More