Browse Source

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.
pull/32/head
D. Bohdan 1 year ago
parent
commit
4742da00d7
  1. 6
      Makefile
  2. 2
      README.md
  3. 60
      README.md.njk
  4. 1
      data/class-light/chota/demo
  5. 1
      data/class-light/chota/github
  6. 1
      data/class-light/chota/name
  7. 1
      data/class-light/chota/screenshots
  8. 1
      data/class-light/milligram/demo
  9. 1
      data/class-light/milligram/github
  10. 1
      data/class-light/milligram/name
  11. 1
      data/class-light/milligram/screenshots
  12. 1
      data/class-light/minicss/demo
  13. 1
      data/class-light/minicss/github
  14. 1
      data/class-light/minicss/name
  15. 1
      data/class-light/minicss/screenshots
  16. 1
      data/class-light/picnic/demo
  17. 1
      data/class-light/picnic/github
  18. 1
      data/class-light/picnic/name
  19. 1
      data/class-light/picnic/screenshots
  20. 1
      data/class-light/sass-zero/github
  21. 1
      data/class-light/sass-zero/name
  22. 1
      data/class-light/sass-zero/note
  23. 1
      data/class-light/sass-zero/screenshots
  24. 1
      data/class-light/wing/demo
  25. 1
      data/class-light/wing/github
  26. 1
      data/class-light/wing/name
  27. 1
      data/class-light/wing/screenshots
  28. 1
      data/classless/almond.css/demo
  29. 1
      data/classless/almond.css/github
  30. 1
      data/classless/almond.css/name
  31. 1
      data/classless/almond.css/screenshots
  32. 1
      data/classless/attricss/demo
  33. 1
      data/classless/attricss/github
  34. 1
      data/classless/attricss/name
  35. 5
      data/classless/attricss/screenshots
  36. 1
      data/classless/awsm.css/demo
  37. 1
      data/classless/awsm.css/name
  38. 8
      data/classless/awsm.css/screenshots
  39. 1
      data/classless/awsm.css/website
  40. 1
      data/classless/axist/demo
  41. 1
      data/classless/axist/github
  42. 1
      data/classless/axist/name
  43. 1
      data/classless/axist/screenshots
  44. 1
      data/classless/bahunya/demo
  45. 1
      data/classless/bahunya/github
  46. 1
      data/classless/bahunya/name
  47. 1
      data/classless/bahunya/screenshots
  48. 1
      data/classless/bamboo/demo
  49. 1
      data/classless/bamboo/github
  50. 1
      data/classless/bamboo/name
  51. 1
      data/classless/bamboo/screenshots
  52. 1
      data/classless/barecss/demo
  53. 1
      data/classless/barecss/github
  54. 1
      data/classless/barecss/name
  55. 1
      data/classless/barecss/screenshots
  56. 1
      data/classless/basic.css/demo
  57. 1
      data/classless/basic.css/github
  58. 1
      data/classless/basic.css/name
  59. 1
      data/classless/basic.css/screenshots
  60. 1
      data/classless/bolt.css/demo
  61. 1
      data/classless/bolt.css/github
  62. 1
      data/classless/bolt.css/name
  63. 1
      data/classless/bolt.css/screenshots
  64. 1
      data/classless/classless.css/demo
  65. 1
      data/classless/classless.css/github
  66. 1
      data/classless/classless.css/name
  67. 1
      data/classless/classless.css/screenshots
  68. 1
      data/classless/concrete.css/demo
  69. 1
      data/classless/concrete.css/github
  70. 1
      data/classless/concrete.css/name
  71. 1
      data/classless/concrete.css/screenshots
  72. 1
      data/classless/downstyler/demo
  73. 1
      data/classless/downstyler/github
  74. 1
      data/classless/downstyler/name
  75. 1
      data/classless/downstyler/screenshots
  76. 1
      data/classless/holiday.css/demo
  77. 1
      data/classless/holiday.css/github
  78. 1
      data/classless/holiday.css/name
  79. 1
      data/classless/holiday.css/screenshots
  80. 1
      data/classless/latex/demo
  81. 1
      data/classless/latex/github
  82. 1
      data/classless/latex/name
  83. 1
      data/classless/latex/screenshots
  84. 1
      data/classless/markdowncss-air/demo
  85. 1
      data/classless/markdowncss-air/github
  86. 1
      data/classless/markdowncss-air/name
  87. 1
      data/classless/markdowncss-air/screenshots
  88. 1
      data/classless/markdowncss-modest/demo
  89. 1
      data/classless/markdowncss-modest/github
  90. 1
      data/classless/markdowncss-modest/name
  91. 1
      data/classless/markdowncss-modest/screenshots
  92. 1
      data/classless/markdowncss-retro/demo
  93. 1
      data/classless/markdowncss-retro/github
  94. 1
      data/classless/markdowncss-retro/name
  95. 1
      data/classless/markdowncss-retro/screenshots
  96. 1
      data/classless/markdowncss-splendor/demo
  97. 1
      data/classless/markdowncss-splendor/github
  98. 1
      data/classless/markdowncss-splendor/name
  99. 1
      data/classless/markdowncss-splendor/screenshots
  100. 1
      data/classless/marx/demo

6
Makefile

@ -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

2
README.md

@ -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

@ -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.

1
data/class-light/chota/demo

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

1
data/class-light/chota/github

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

1
data/class-light/chota/name

@ -1 +0,0 @@
Chota

1
data/class-light/chota/screenshots

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

1
data/class-light/milligram/demo

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

1
data/class-light/milligram/github

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

1
data/class-light/milligram/name

@ -1 +0,0 @@
Milligram

1
data/class-light/milligram/screenshots

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

1
data/class-light/minicss/demo

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

1
data/class-light/minicss/github

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

1
data/class-light/minicss/name

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

1
data/class-light/minicss/screenshots

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

1
data/class-light/picnic/demo

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

1
data/class-light/picnic/github

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

1
data/class-light/picnic/name

@ -1 +0,0 @@
Picnic CSS

1
data/class-light/picnic/screenshots

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

1
data/class-light/sass-zero/github

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

1
data/class-light/sass-zero/name

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

1
data/class-light/sass-zero/note

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

1
data/class-light/sass-zero/screenshots

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

1
data/class-light/wing/demo

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

1
data/class-light/wing/github

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

1
data/class-light/wing/name

@ -1 +0,0 @@
Wing

1
data/class-light/wing/screenshots

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

1
data/classless/almond.css/demo

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

1
data/classless/almond.css/github

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

1
data/classless/almond.css/name

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

1
data/classless/almond.css/screenshots

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

1
data/classless/attricss/demo

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

1
data/classless/attricss/github

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

1
data/classless/attricss/name

@ -1 +0,0 @@
attriCSS

5
data/classless/attricss/screenshots

@ -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

1
data/classless/awsm.css/demo

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

1
data/classless/awsm.css/name

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

8
data/classless/awsm.css/screenshots

@ -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

1
data/classless/awsm.css/website

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

1
data/classless/axist/demo

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

1
data/classless/axist/github

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

1
data/classless/axist/name

@ -1 +0,0 @@
axist

1
data/classless/axist/screenshots

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

1
data/classless/bahunya/demo

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

1
data/classless/bahunya/github

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

1
data/classless/bahunya/name

@ -1 +0,0 @@
Bahunya

1
data/classless/bahunya/screenshots

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

1
data/classless/bamboo/demo

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

1
data/classless/bamboo/github

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

1
data/classless/bamboo/name

@ -1 +0,0 @@
Bamboo CSS

1
data/classless/bamboo/screenshots

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

1
data/classless/barecss/demo

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

1
data/classless/barecss/github

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

1
data/classless/barecss/name

@ -1 +0,0 @@
BareCSS

1
data/classless/barecss/screenshots

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

1
data/classless/basic.css/demo

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

1
data/classless/basic.css/github

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

1
data/classless/basic.css/name

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

1
data/classless/basic.css/screenshots

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

1
data/classless/bolt.css/demo

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

1
data/classless/bolt.css/github

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

1
data/classless/bolt.css/name

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

1
data/classless/bolt.css/screenshots

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

1
data/classless/classless.css/demo

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

1
data/classless/classless.css/github

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

1
data/classless/classless.css/name

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

1
data/classless/classless.css/screenshots

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

1
data/classless/concrete.css/demo

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

1
data/classless/concrete.css/github

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

1
data/classless/concrete.css/name

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

1
data/classless/concrete.css/screenshots

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

1
data/classless/downstyler/demo

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

1
data/classless/downstyler/github

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

1
data/classless/downstyler/name

@ -1 +0,0 @@
Downstyler

1
data/classless/downstyler/screenshots

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

1
data/classless/holiday.css/demo

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

1
data/classless/holiday.css/github

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

1
data/classless/holiday.css/name

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

1
data/classless/holiday.css/screenshots

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

1
data/classless/latex/demo

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

1
data/classless/latex/github

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

1
data/classless/latex/name

@ -1 +0,0 @@
LatexCSS

1
data/classless/latex/screenshots

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

1
data/classless/markdowncss-air/demo

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

1
data/classless/markdowncss-air/github

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

1
data/classless/markdowncss-air/name

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

1
data/classless/markdowncss-air/screenshots

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

1
data/classless/markdowncss-modest/demo

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

1
data/classless/markdowncss-modest/github

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

1
data/classless/markdowncss-modest/name

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

1
data/classless/markdowncss-modest/screenshots

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

1
data/classless/markdowncss-retro/demo

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

1
data/classless/markdowncss-retro/github

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

1
data/classless/markdowncss-retro/name

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

1
data/classless/markdowncss-retro/screenshots

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

1
data/classless/markdowncss-splendor/demo

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

1
data/classless/markdowncss-splendor/github

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

1
data/classless/markdowncss-splendor/name

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

1
data/classless/markdowncss-splendor/screenshots

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

1
data/classless/marx/demo

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

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

Loading…
Cancel
Save