diff options
author | Sylvain Gauthier <s94.gauthier@laposte.net> | 2021-03-12 08:46:07 +1100 |
---|---|---|
committer | Sylvain Gauthier <s94.gauthier@laposte.net> | 2021-03-15 10:34:59 +1100 |
commit | 9e997452760399c4cc8cee7a1d39952f8112995c (patch) | |
tree | 768dd53fe6501d2bd0b6e8b619fa56f8b76d4ab8 /data/style.css | |
parent | feb5d6ca8e96c579751788b676b14e72d51f84df (diff) | |
download | based.cooking-9e997452760399c4cc8cee7a1d39952f8112995c.tar based.cooking-9e997452760399c4cc8cee7a1d39952f8112995c.tar.gz based.cooking-9e997452760399c4cc8cee7a1d39952f8112995c.tar.lz based.cooking-9e997452760399c4cc8cee7a1d39952f8112995c.tar.xz based.cooking-9e997452760399c4cc8cee7a1d39952f8112995c.zip |
use a clean Makefile system to build/deploy site
This way, we get dependency/smart update for free. We don't need to
rebuild all the pages everytime a new one is added. The author, date of
creation and date of revision are extracted from git information. The
index is generated automatically, so adding a recipe is literally just
adding a markdown file in src/.
The deployment system uses rsync to push only newer data to the server.
There is a tag system that you can add at the end of each recipe file.
Tag pages are generated statically that contain all recipes with a given
tag.
It introduces more HTML template files, though.
To build website, type
make build
To deploy it,
make deploy
To clean everything,
make clean
Diffstat (limited to 'data/style.css')
-rw-r--r-- | data/style.css | 55 |
1 files changed, 55 insertions, 0 deletions
diff --git a/data/style.css b/data/style.css new file mode 100644 index 000000000..2e6aa32ae --- /dev/null +++ b/data/style.css @@ -0,0 +1,55 @@ +body { + max-width: 800px ; + margin: auto ; + padding: 0 16px ; + margin-bottom: 500px ; +} + +h1 { + text-align: center ; +} + +footer { + text-align: center ; +} + +img { + max-width: 600px ; + width: 100% ; + margin: auto ; + display: block ; +} + +code { + overflow-wrap: break-word ; + color: lime ; +} + +li img { + max-width: 1em ; + max-height: 1em ; + display: inline ; +} + +@media (prefers-color-scheme: dark) { + body { + background: #151515 ; + color: white ; + } + a { + color: lightblue ; + } + a:visited { + color: gray ; + } + h2 { + color: tomato ; + } +} + +@media print { + a[href] { + text-decoration: none ; + color: black ; + } +} |