This commit is contained in:
Damian 2026-02-01 18:45:50 +01:00
commit 81b7baeac7
61 changed files with 281 additions and 0 deletions

104
photography/index.html Normal file
View file

@ -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>