use german place holders and support multiple slides

1 files changed, 6 insertions, 7 deletions

diff --git a/templates/index.css b/templates/index.css
index 975c233..08f3f44 100644
--- a/templates/index.css
+++ b/templates/index.css
@@ -25,11 +25,8 @@ html {
 
 body {
   margin: 0 auto;
-  /* max-width: 36em; */
-  padding-left: 50px;
-  padding-right: 50px;
-  padding-top: 50px;
-  padding-bottom: 50px;
+  max-width: 80%;
+  padding: 50px;
   hyphens: auto;
   word-wrap: break-word;
   text-rendering: optimizeLegibility;
@@ -37,7 +34,6 @@ body {
 }
 
 footer {
-  position:absolute;
   bottom: 0;
 }
 
@@ -63,11 +59,13 @@ a:visited {
 /* Position the image container (needed to position the left and right arrows) */
 .container {
   position: relative;
+  max-height: 100%;
 }
 
 /* Hide the images by default */
-.mySlides {
+.slide {
   display: none;
+  height: 400px;
 }
 
 /* Add a pointer when hovering over the thumbnail images */
@@ -136,6 +134,7 @@ a:visited {
 /* Add a transparency effect for thumnbail images */
 .demo {
   opacity: 0.6;
+  padding: 1px;
 }
 
 .active,