diff --git a/assets/css/main.css b/assets/css/main.css index e08ea65..7586f42 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -507,28 +507,48 @@ footer { } } -.galerie-table { - align-items: center; - display:inline-block; - margin-right: auto; - margin-left: auto; - line-height: 0; - -webkit-column-count: 5; - -webkit-column-gap: 0px; - -moz-column-count: 5; - -moz-column-gap: 0px; - column-count: 5; - column-gap: 0px; -} - -.galerie-entry { - padding: 8px; +.galerie-table { + columns: 3 300px; + column-gap: 1.5rem; + width: 90%; + margin: 10px auto; + line-height: 0; } -.galerie-image { - width: 100%; - border-radius: 8px; - box-shadow: 0 0 16px #333; - width: 100% !important; - height: auto !important; -} +.galerie-entry { + cursor: pointer; + display: inline-block; + width: 100%; + overflow: hidden; + height: 100%; + margin: 10px 0; + border-radius: 8px; + box-shadow: 0 0 16px #333; +} + +.galerie-image { + width: 100%; + display: inline-block; + border: 0; + position: relative; + -webkit-transition: all 200ms ease-in; + -webkit-transform: scale(1); + -ms-transition: all 200ms ease-in; + -ms-transform: scale(1); + -moz-transition: all 200ms ease-in; + -moz-transform: scale(1); + transition: all 200ms ease-in; + transform: scale(1); +} + +.galerie-image:hover { + z-index: 2; + -webkit-transition: all 200ms ease-in; + -webkit-transform: scale(1.1); + -ms-transition: all 200ms ease-in; + -ms-transform: scale(1.1); + -moz-transition: all 200ms ease-in; + -moz-transform: scale(1.1); + transition: all 200ms ease-in; + transform: scale(1.1); +} diff --git a/content/galerie/index.md b/content/galerie/index.md index 6085535..7ca72fc 100644 --- a/content/galerie/index.md +++ b/content/galerie/index.md @@ -7,8 +7,11 @@ type: "galerie" | | | | | - | - | - | -| Test 2 | volcan4.jpeg | -| Test 1 | volcan1.jpeg | -| Test 2 | volcan3.jpeg | -| Test 2 | volcan2.jpeg | -| Test 2 | volcan5.jpeg | +| v | volcanv1.jpeg | +| h | volcanh1.jpeg | +| h | volcanv2.jpeg | +| h | volcanh2.jpeg | +| h | volcanv3.jpeg | +| h | volcanh3.jpeg | +| h | volcanv4.jpeg | +| h | volcanh4.jpeg | diff --git a/content/galerie/volcanh1.jpeg b/content/galerie/volcanh1.jpeg new file mode 100644 index 0000000..b75b75c Binary files /dev/null and b/content/galerie/volcanh1.jpeg differ diff --git a/content/galerie/volcanh2.jpeg b/content/galerie/volcanh2.jpeg new file mode 100644 index 0000000..1d4771f Binary files /dev/null and b/content/galerie/volcanh2.jpeg differ diff --git a/content/galerie/volcanh3.jpeg b/content/galerie/volcanh3.jpeg new file mode 100644 index 0000000..e4b94ef Binary files /dev/null and b/content/galerie/volcanh3.jpeg differ diff --git a/content/galerie/volcanh4.jpeg b/content/galerie/volcanh4.jpeg new file mode 100644 index 0000000..8b2f6f5 Binary files /dev/null and b/content/galerie/volcanh4.jpeg differ diff --git a/content/galerie/volcanh5.jpeg b/content/galerie/volcanh5.jpeg new file mode 100644 index 0000000..cc8520e Binary files /dev/null and b/content/galerie/volcanh5.jpeg differ diff --git a/content/galerie/volcanh6.jpeg b/content/galerie/volcanh6.jpeg new file mode 100644 index 0000000..304171c Binary files /dev/null and b/content/galerie/volcanh6.jpeg differ diff --git a/content/galerie/volcanv1.jpeg b/content/galerie/volcanv1.jpeg new file mode 100644 index 0000000..4274bb5 Binary files /dev/null and b/content/galerie/volcanv1.jpeg differ diff --git a/content/galerie/volcanv2.jpeg b/content/galerie/volcanv2.jpeg new file mode 100644 index 0000000..a077960 Binary files /dev/null and b/content/galerie/volcanv2.jpeg differ diff --git a/content/galerie/volcanv3.jpeg b/content/galerie/volcanv3.jpeg new file mode 100644 index 0000000..f7bda67 Binary files /dev/null and b/content/galerie/volcanv3.jpeg differ diff --git a/content/galerie/volcanv4.jpeg b/content/galerie/volcanv4.jpeg new file mode 100644 index 0000000..914f07c Binary files /dev/null and b/content/galerie/volcanv4.jpeg differ diff --git a/content/galerie/volcanv5.jpeg b/content/galerie/volcanv5.jpeg new file mode 100644 index 0000000..cc9153c Binary files /dev/null and b/content/galerie/volcanv5.jpeg differ diff --git a/layouts/galerie/_markup/render-table.html b/layouts/galerie/_markup/render-table.html index d370d73..cbc1c09 100644 --- a/layouts/galerie/_markup/render-table.html +++ b/layouts/galerie/_markup/render-table.html @@ -1,13 +1,16 @@