summaryrefslogtreecommitdiffstats
path: root/data/style.css
diff options
context:
space:
mode:
authorSylvain Gauthier <s94.gauthier@laposte.net>2021-03-12 08:46:07 +1100
committerSylvain Gauthier <s94.gauthier@laposte.net>2021-03-15 10:34:59 +1100
commit9e997452760399c4cc8cee7a1d39952f8112995c (patch)
tree768dd53fe6501d2bd0b6e8b619fa56f8b76d4ab8 /data/style.css
parentfeb5d6ca8e96c579751788b676b14e72d51f84df (diff)
downloadbased.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.css55
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 ;
+ }
+}