init

2026-02-01 18:45:50 +01:00 · 2026-02-01 18:45:50 +01:00 · 81b7baeac7
commit 81b7baeac7
61 changed files with 281 additions and 0 deletions
--- a/photography/convert.sh
+++ b/photography/convert.sh
@ -0,0 +1,6 @@
+#!/bin/sh
+
+for f in *.jpg *.JPG *.JPEG *.png; do
+    [ -e "$f" ] || continue   # skip if no match
+    avifenc --min 30 --max 40 "$f" "images/${f%.*}.avif"
+done
--- a/photography/images/448087014_436171172524258_3270192954732431304_n.avif
+++ b/photography/images/448087014_436171172524258_3270192954732431304_n.avif
--- a/photography/images/448550273_1040076344352099_4631886881760265285_n.avif
+++ b/photography/images/448550273_1040076344352099_4631886881760265285_n.avif
--- a/photography/images/448609138_1158655605468527_5617318776463058920_n.avif
+++ b/photography/images/448609138_1158655605468527_5617318776463058920_n.avif
--- a/photography/images/448670934_1106843440424147_98290233300769447_n.avif
+++ b/photography/images/448670934_1106843440424147_98290233300769447_n.avif
--- a/photography/images/448721530_1108051306921644_348103644021142171_n.avif
+++ b/photography/images/448721530_1108051306921644_348103644021142171_n.avif
--- a/photography/images/448750264_2391363344388219_3957568798567637443_n.avif
+++ b/photography/images/448750264_2391363344388219_3957568798567637443_n.avif
--- a/photography/images/448762731_1677776913054166_358214089438840814_n.avif
+++ b/photography/images/448762731_1677776913054166_358214089438840814_n.avif
--- a/photography/images/448784109_2100046017035648_3576732266758673287_n.avif
+++ b/photography/images/448784109_2100046017035648_3576732266758673287_n.avif
--- a/photography/images/448797075_435393492653720_8646043293011122127_n.avif
+++ b/photography/images/448797075_435393492653720_8646043293011122127_n.avif
--- a/photography/images/448817777_331278703407922_5026728298304165137_n.avif
+++ b/photography/images/448817777_331278703407922_5026728298304165137_n.avif
--- a/photography/images/R1-07722-0007.avif
+++ b/photography/images/R1-07722-0007.avif
--- a/photography/images/R1-07722-0015.avif
+++ b/photography/images/R1-07722-0015.avif
--- a/photography/images/R1-07722-0022.avif
+++ b/photography/images/R1-07722-0022.avif
--- a/photography/images/R1-07722-0032.avif
+++ b/photography/images/R1-07722-0032.avif
--- a/photography/images/R1-07722-0033.avif
+++ b/photography/images/R1-07722-0033.avif
--- a/photography/images/R1-07722-0034.avif
+++ b/photography/images/R1-07722-0034.avif
--- a/photography/images/R1-07722-0037.avif
+++ b/photography/images/R1-07722-0037.avif
--- a/photography/images/abstract.avif
+++ b/photography/images/abstract.avif
--- a/photography/images/abstract2.avif
+++ b/photography/images/abstract2.avif
--- a/photography/images/abstract3.avif
+++ b/photography/images/abstract3.avif
--- a/photography/images/ant.avif
+++ b/photography/images/ant.avif
--- a/photography/images/bib.avif
+++ b/photography/images/bib.avif
--- a/photography/images/biene.avif
+++ b/photography/images/biene.avif
--- a/photography/images/biene2.avif
+++ b/photography/images/biene2.avif
--- a/photography/images/birb.avif
+++ b/photography/images/birb.avif
--- a/photography/images/birb2.avif
+++ b/photography/images/birb2.avif
--- a/photography/images/birb3.avif
+++ b/photography/images/birb3.avif
--- a/photography/images/blume.avif
+++ b/photography/images/blume.avif
--- a/photography/images/blumen.avif
+++ b/photography/images/blumen.avif
--- a/photography/images/blumen2.avif
+++ b/photography/images/blumen2.avif
--- a/photography/images/chamomile.avif
+++ b/photography/images/chamomile.avif
--- a/photography/images/clouds.avif
+++ b/photography/images/clouds.avif
--- a/photography/images/clouds2.avif
+++ b/photography/images/clouds2.avif
--- a/photography/images/clouds3.avif
+++ b/photography/images/clouds3.avif
--- a/photography/images/decke.avif
+++ b/photography/images/decke.avif
--- a/photography/images/ducks.avif
+++ b/photography/images/ducks.avif
--- a/photography/images/feld.avif
+++ b/photography/images/feld.avif
--- a/photography/images/field.avif
+++ b/photography/images/field.avif
--- a/photography/images/fliege.avif
+++ b/photography/images/fliege.avif
--- a/photography/images/gondel.avif
+++ b/photography/images/gondel.avif
--- a/photography/images/jelly.avif
+++ b/photography/images/jelly.avif
--- a/photography/images/jelly2.avif
+++ b/photography/images/jelly2.avif
--- a/photography/images/jelly3.avif
+++ b/photography/images/jelly3.avif
--- a/photography/images/leafes.avif
+++ b/photography/images/leafes.avif
--- a/photography/images/manfred.avif
+++ b/photography/images/manfred.avif
--- a/photography/images/manfred2.avif
+++ b/photography/images/manfred2.avif
--- a/photography/images/moon.avif
+++ b/photography/images/moon.avif
--- a/photography/images/moon2.avif
+++ b/photography/images/moon2.avif
--- a/photography/images/morning.avif
+++ b/photography/images/morning.avif
--- a/photography/images/poppies.avif
+++ b/photography/images/poppies.avif
--- a/photography/images/sheep.avif
+++ b/photography/images/sheep.avif
--- a/photography/images/snail.avif
+++ b/photography/images/snail.avif
--- a/photography/images/tree.avif
+++ b/photography/images/tree.avif
--- a/photography/images/trees.avif
+++ b/photography/images/trees.avif
--- a/photography/images/trees2.avif
+++ b/photography/images/trees2.avif
--- a/photography/images/windmills.avif
+++ b/photography/images/windmills.avif
--- a/photography/index.html
+++ b/photography/index.html
@ -0,0 +1,104 @@
+<!DOCTYPE html>
+
+<html>
+
+<head>
+    <title>Damian Simon</title>
+    <link rel="stylesheet" href="photography.css">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <meta name="description" content="Photography">
+</head>
+
+<body>
+
+    <div id="container" aria-hidden="true">
+
+    </div>
+    
+
+    <script>
+        let photos = [
+            "images/bib.avif",
+            'images/448750264_2391363344388219_3957568798567637443_n.avif',
+            "images/R1-07722-0007.avif",
+            "images/manfred.avif",
+            "images/manfred2.avif",
+            "images/R1-07722-0022.avif",
+            "images/field.avif",
+            "images/448721530_1108051306921644_348103644021142171_n.avif",
+            "images/R1-07722-0032.avif",
+            "images/R1-07722-0033.avif",
+            "images/R1-07722-0034.avif",
+            "images/R1-07722-0037.avif",
+            "images/birb.avif",
+            "images/blumen.avif",
+            "images/blumen2.avif",
+            "images/448784109_2100046017035648_3576732266758673287_n.avif",
+            "images/blume.avif",
+            "images/chamomile.avif",
+            "images/ant.avif",
+            "images/windmills.avif",
+            "images/448609138_1158655605468527_5617318776463058920_n.avif",
+            "images/448797075_435393492653720_8646043293011122127_n.avif",
+            "images/448762731_1677776913054166_358214089438840814_n.avif",
+            "images/448087014_436171172524258_3270192954732431304_n.avif",
+            "images/448550273_1040076344352099_4631886881760265285_n.avif",
+            "images/448670934_1106843440424147_98290233300769447_n.avif",
+            "images/448817777_331278703407922_5026728298304165137_n.avif",
+            "images/R1-07722-0015.avif",
+            "images/decke.avif",
+            "images/feld.avif",
+            "images/poppies.avif",
+            "images/fliege.avif",
+            "images/biene.avif",
+            "images/biene2.avif",
+            "images/ducks.avif",
+            "images/moon.avif",
+            "images/morning.avif",
+            "images/moon2.avif",
+            "images/clouds.avif",
+            "images/jelly.avif",
+            "images/jelly2.avif",
+            "images/jelly3.avif",
+            "images/clouds2.avif",
+            "images/sheep.avif",
+            "images/clouds3.avif",
+            "images/abstract.avif",
+            "images/abstract2.avif",
+            "images/abstract3.avif",
+            "images/birb2.avif",
+            "images/birb3.avif",
+            "images/gondel.avif",
+            "images/tree.avif",
+            "images/leafes.avif",
+            "images/trees2.avif"
+        ];
+
+        const container = document.getElementById('container'); // Replace `document.body` if you want a specific container
+
+        // Loop through each photo in the photos array and create the required elements
+        photos.forEach(photo => {
+
+            // Create a new div with the class "photo"
+            const photoDiv = document.createElement("div");
+            photoDiv.classList.add("photo");
+
+            // Create an img element with lazy loading, the src, and alt attributes
+            const imgElement = document.createElement("img");
+            imgElement.loading = "lazy";
+            imgElement.src = `/photography/${photo}`;
+            imgElement.alt = "loading";
+
+            // Append the img element to the div
+            photoDiv.appendChild(imgElement);
+
+            // Append the div to the container
+            container.appendChild(photoDiv);
+        });
+
+    </script>
+
+
+</body>
+
+</html> 
--- a/photography/photography.css
+++ b/photography/photography.css
@ -0,0 +1,24 @@
+#container {
+    width: 100%;
+    display: flex;
+    flex-direction: column;
+}
+
+.photo {
+    width: 38em;
+    max-width: 100%;
+    background-color: aliceblue;
+    margin-bottom: 8px;
+    
+    aspect-ratio: 3/2;
+    overflow: hidden;
+    display: flex;
+    align-items: center; 
+    justify-content: center; 
+}
+
+.photo img {
+    width: 100%;
+    vertical-align: middle; 
+
+}