init
This commit is contained in:
commit
81b7baeac7
61 changed files with 281 additions and 0 deletions
104
photography/index.html
Normal file
104
photography/index.html
Normal 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>
|
||||
Loading…
Add table
Add a link
Reference in a new issue