diff --git a/homepage/cwsvJudo/Makefile.heliohost b/homepage/cwsvJudo/Makefile.heliohost
index 7509e70..7355ce6 100644
--- a/homepage/cwsvJudo/Makefile.heliohost
+++ b/homepage/cwsvJudo/Makefile.heliohost
@@ -7,6 +7,9 @@ mdFiles = $(wildcard src/md/*.md)
phpFiles = $(patsubst src/md/%.md, build/materialize/%.php, $(mdFiles))
ampFiles = $(patsubst src/md/%.md, build/amp/%.php, $(mdFiles))
phpLibFiles = $(wildcard phpLib/cwsvJudo/*.php) phpLib/phpcount/phpcount.php
+wallpapersSrc = $(wildcard graphiken/wallpapers/*.*)
+wallpapers = $(patsubst graphiken/wallpapers/%, build/graphiken/wallpapers/%, $(wallpapersSrc))
+
configFiles = $(wildcard config/*.php)
LN = ln -f
@@ -17,9 +20,17 @@ all: build/css/cwsvJudo.css pages images
make -j graphiken
make build/css/cwsvJudo.css
+# minimizing wallpaper sizes
+build/graphiken/wallpapers/%.jpg: graphiken/wallpapers/%.jpg
+ guetzli $^ $@
+build/graphiken/wallpapers/%.svg: graphiken/wallpapers/%.svg
+ cp $^ $@
+
.PHONY: images
-images:
- cp -r graphiken/wallpapers build/graphiken
+images: $(wallpapers)
+ echo $(wallpapersSrc)
+ echo $(wallpapers)
+
.PHONY: clean
clean:
diff --git a/homepage/cwsvJudo/Makefile.heliohost.config b/homepage/cwsvJudo/Makefile.heliohost.config
index 509c02b..28f9826 100644
--- a/homepage/cwsvJudo/Makefile.heliohost.config
+++ b/homepage/cwsvJudo/Makefile.heliohost.config
@@ -1,5 +1,9 @@
# Config settings
+
+# which pandoc template to use
+pandocTemplate = pandocTemplate/materialize-parallax.pandocTemplate
+
# versions (git branches) to use
VERSION_MATERIALIZE = v2.1.1
# version of google material icons to use
@@ -7,9 +11,6 @@ VERSION_GOOGLE_MATERIAL_ICONS = 4.0.0
# where to put the distribution
distDir = ./build/dist/heliohost
-# which pandoc template to use
-pandocTemplate = pandocTemplate/materialize-parallax.html
-
# css optimizer to use
CSSO = node_modules/csso-cli/bin/csso
diff --git a/homepage/cwsvJudo/pandocTemplate/materialize-parallax.html b/homepage/cwsvJudo/pandocTemplate/materialize-parallax.html
deleted file mode 100644
index 391765a..0000000
--- a/homepage/cwsvJudo/pandocTemplate/materialize-parallax.html
+++ /dev/null
@@ -1,50 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- Lorem Ipsum
-
-
-
-
-
- Lorem Ipsum
-
-
-
-
-
- Lorem Ipsum
-
-
-
-
-
-
-
-
\ No newline at end of file
diff --git a/homepage/cwsvJudo/pandocTemplate/materialize-parallax.pandocTemplate b/homepage/cwsvJudo/pandocTemplate/materialize-parallax.pandocTemplate
new file mode 100644
index 0000000..cbd7b88
--- /dev/null
+++ b/homepage/cwsvJudo/pandocTemplate/materialize-parallax.pandocTemplate
@@ -0,0 +1,102 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Lorem Ipsum
+
+
+
+
+
+ Lorem Ipsum
+
+
+
+
+
+ Lorem Ipsum
+
+
+
+
+
+
+
+
\ No newline at end of file
diff --git a/homepage/cwsvJudo/src/css/materialize/fonts.css b/homepage/cwsvJudo/src/css/materialize/fonts.css
index 0df3735..f7c9973 100644
--- a/homepage/cwsvJudo/src/css/materialize/fonts.css
+++ b/homepage/cwsvJudo/src/css/materialize/fonts.css
@@ -3,3 +3,25 @@
font-display: fallback;
src: url(/ressourcen/fonts/Orbitron-Medium.otf);
}
+
+@font-face {
+ font-family: 'Material Icons';
+ font-style: normal;
+ font-weight: 400;
+ src: url(/ressourcen/fonts/MaterialIcons-Regular.ttf);
+}
+
+.material-icons {
+ font-family: 'Material Icons';
+ font-weight: normal;
+ font-style: normal;
+ font-size: 24px;
+ line-height: 1;
+ letter-spacing: normal;
+ text-transform: none;
+ display: inline-block;
+ white-space: nowrap;
+ word-wrap: normal;
+ direction: ltr;
+ font-feature-settings: 'liga';
+}
\ No newline at end of file
diff --git a/homepage/cwsvJudo/src/css/materialize/parallax.css b/homepage/cwsvJudo/src/css/materialize/parallax.css
new file mode 100644
index 0000000..7eea56f
--- /dev/null
+++ b/homepage/cwsvJudo/src/css/materialize/parallax.css
@@ -0,0 +1,14 @@
+.parallax-container {
+ height: 50vw;
+}
+
+.parallax-container > .parallax > img{
+/*
+ prevent scaling that screws the ratio while still "filling" the parallax element
+ - @todo What would be the conditions to the resolution (ratio?) of the wallpaper to work well with it?
+*/
+ width: auto;
+ min-width: 100%;
+ min-height: 150%;
+ max-height: 300%;
+}
\ No newline at end of file
