Merge branch 'main' of https://github.com/hs-furtwangen/KinderImZoo

hs-furtwangen · Apr 21, 2024 · 7de67f5 · 7de67f5
2 parents 81bcc54 + 670cea4
commit 7de67f5
Show file tree

Hide file tree

Showing 14 changed files with 20,842 additions and 67 deletions.
diff --git a/assets/video/affe_happy.jpg → assets/img/affe_happy.jpg b/assets/video/affe_happy.jpg → assets/img/affe_happy.jpg
diff --git a/assets/img/icon/Affe.svg b/assets/img/icon/Affe.svg
diff --git a/assets/img/icon/Eisbar.svg b/assets/img/icon/Eisbar.svg
diff --git a/assets/img/icon/Elefant.svg b/assets/img/icon/Elefant.svg
diff --git a/assets/img/icon/Orka.svg b/assets/img/icon/Orka.svg
diff --git a/assets/img/Pfeil.svg → assets/img/icon/Pfeil.svg b/assets/img/Pfeil.svg → assets/img/icon/Pfeil.svg
diff --git a/assets/img/icon/Pinguin.svg b/assets/img/icon/Pinguin.svg
diff --git a/assets/img/icon/Strauss.svg b/assets/img/icon/Strauss.svg
diff --git a/assets/img/paw.png b/assets/img/paw.png
diff --git a/assets/video/Elefant.gif b/assets/video/Elefant.gif
diff --git a/assets/video/Strauss.gif b/assets/video/Strauss.gif
diff --git a/index.html b/index.html
diff --git a/styles/pages-animation.css b/styles/pages-animation.css
@@ -26,7 +26,7 @@
 }
 
 .page.turn-overlay {
-    display: block;
+    display: flex;
     position: absolute;
     top: 0;
     left: 0;
@@ -67,7 +67,7 @@
 }
 
 .page.turn {
-    display: block;
+    display: flex;
     position: absolute;
     top: 0;
     left: 0;
@@ -155,7 +155,7 @@
 }
 
 .page.turn-underlay {
-    display: block;
+    display: flex;
     position: absolute;
     top: 0;
     left: 0;
@@ -193,7 +193,7 @@
 
 
 .page.turn {
-    display: block;
+    display: flex;
     position: absolute;
     top: 0;
     left: 0;

diff --git a/styles/pages.css b/styles/pages.css
@@ -7,7 +7,7 @@
 }
 
 .page.active {
-    display: block;
+    display: flex;
 }
 
 .page .background {
@@ -22,4 +22,14 @@
 }
 .page .background.overlay {
     background-size: auto 100%;
+}
+
+.page .facts {
+    flex-grow: 1;
+    text-align: center;
+    padding: 1em;
+
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
 }