Add background to index and adapt colors

9 files changed, 28 insertions, 2 deletions

diff --git a/admin/img/bg.jpg b/admin/img/bg.jpg
new file mode 100644
index 0000000..db83ec4
--- /dev/null
+++ b/admin/img/bg.jpg
diff --git a/admin/indexbg.sh b/admin/indexbg.sh
new file mode 100755
index 0000000..3ef5f85
--- /dev/null
+++ b/admin/indexbg.sh
@@ -0,0 +1,17 @@
+#!/bin/bash
+
+set -eux
+
+OUTDIR=$(git rev-parse --show-toplevel)/images/index
+HERE=$(dirname $0)
+
+bg_src=${HERE}/img/bg.jpg
+bg_max=${OUTDIR}/bgmax.jpg
+bg_4k=${OUTDIR}/bg4k.jpg
+bg_2k=${OUTDIR}/bg2k.jpg
+bg_1k=${OUTDIR}/bg1k.jpg
+
+convert "${bg_src}" -flop "${bg_max}"
+convert "${bg_max}" -resize 4096x "${bg_4k}"
+convert "${bg_max}" -resize 2048x "${bg_2k}"
+convert "${bg_max}" -resize 1024x "${bg_1k}"
diff --git a/images/index/bg1k.jpg b/images/index/bg1k.jpg
new file mode 100644
index 0000000..e6d1d76
--- /dev/null
+++ b/images/index/bg1k.jpg
diff --git a/images/index/bg2k.jpg b/images/index/bg2k.jpg
new file mode 100644
index 0000000..a11adf1
--- /dev/null
+++ b/images/index/bg2k.jpg
diff --git a/images/index/bg4k.jpg b/images/index/bg4k.jpg
new file mode 100644
index 0000000..ab3e8f7
--- /dev/null
+++ b/images/index/bg4k.jpg
diff --git a/images/index/bgmax.jpg b/images/index/bgmax.jpg
new file mode 100644
index 0000000..bf9d300
--- /dev/null
+++ b/images/index/bgmax.jpg
diff --git a/index.sh b/index.sh
index 86bd36c..755fb5d 100644
--- a/index.sh
+++ b/index.sh
@@ -1,2 +1,2 @@
 title=Bienvenue
-stylesheets=(index)
+stylesheets=(dark index)
diff --git a/stylesheets/dark.css b/stylesheets/dark.css
new file mode 100644
index 0000000..fd89914
--- /dev/null
+++ b/stylesheets/dark.css
@@ -0,0 +1,8 @@
+body {
+    background-color: black;
+    color: white;
+}
+
+header.banner img {
+    filter: brightness(10);
+}
diff --git a/stylesheets/index.css b/stylesheets/index.css
index 94e2d57..58ce4c7 100644
--- a/stylesheets/index.css
+++ b/stylesheets/index.css
@@ -1,5 +1,6 @@
 body {
-    background-color: #a33;
+    background: no-repeat center/cover url('backgroundflip.jpg');
+    background-position: 70% 30%;
 }
 
 main {