diff --git a/example/_images/README.txt b/example/_images/README.txt
new file mode 100644
index 00000000..5a632c07
--- /dev/null
+++ b/example/_images/README.txt
@@ -0,0 +1,11 @@
+Basis für SS:
+ 847 x 656 ( Dart-Playground settings)
+
+ImageMagick
+ convert bottombar.png -resize 300x bottombar-300.png
+
+ find . -regex './[a-z0-9A-Z]*\.png'
+ mogrify -resize 300x -set filename:name "%t-300.%e" -write "%[filename:name]" bottombar.png
+
+ find . -regex './[a-z0-9A-Z]*\.png' -exec mogrify -resize 300x -set filename:name "%t-300.%e" -write "%[filename:name]" {} \;
+ find example/_images -regex '.*/[a-z0-9A-Z]*\.png' -exec mogrify -resize 300x -set filename:name "%t-300.%e" -write "example/_images/%[filename:name]" {} \;
diff --git a/example/_images/bottombar-300.jpg b/example/_images/bottombar-300.jpg
new file mode 100644
index 00000000..f12dbd45
Binary files /dev/null and b/example/_images/bottombar-300.jpg differ
diff --git a/example/_images/bottombar.png b/example/_images/bottombar.png
new file mode 100644
index 00000000..f687e9aa
Binary files /dev/null and b/example/_images/bottombar.png differ
diff --git a/example/_images/headerfooter-300.jpg b/example/_images/headerfooter-300.jpg
new file mode 100644
index 00000000..5b54b0ca
Binary files /dev/null and b/example/_images/headerfooter-300.jpg differ
diff --git a/example/_images/headerfooter.png b/example/_images/headerfooter.png
new file mode 100644
index 00000000..4328435c
Binary files /dev/null and b/example/_images/headerfooter.png differ
diff --git a/example/index.html b/example/index.html
index 3cce436e..71ba1432 100644
--- a/example/index.html
+++ b/example/index.html
@@ -17,7 +17,7 @@
a { text-decoration: none; }
ol a {
- min-width: 200px;
+ min-width: 230px;
display: inline-block;
}
.links { padding: 2em; }
@@ -28,11 +28,21 @@
flex-direction: row;
flex-wrap: wrap;
}
- .cols > div:first-child { margin-right: 2em;}
+ .cols > div:first-child { margin-right: 1em;}
.layouts li {
padding-bottom: 0.5em;;
}
+
+ .layouts img {
+ width: 300px;
+ margin-top: 10px;
+ border: 1px solid darkgray;
+ }
+
+ ol li,.script {
+ white-space: nowrap;
+ }
@@ -83,11 +93,15 @@ WSK-Material-Samples
+
- 
+