Signed-off-by: darkicewolf50 <brock@darkicewolf50.dev>

Update .forgejo/workflows/deploy_to_cloudflare.yaml

Update .forgejo/workflows/deploy_to_cloudflare.yaml

Update .forgejo/workflows/deploy_to_cloudflare.yaml

Update .forgejo/workflows/deploy_to_cloudflare.yaml

Update .forgejo/workflows/deploy_to_cloudflare.yaml

fix(actions): fixed project name

Signed-off-by: darkicewolf50 <brock@darkicewolf50.dev>

fix(actions): fixed project name

Signed-off-by: darkicewolf50 <brock@darkicewolf50.dev>

feat(actions): more detailed webhook notification

Signed-off-by: darkicewolf50 <brock@darkicewolf50.dev>

feat(actions): more detailed webhook notification using curl

Signed-off-by: darkicewolf50 <brock@darkicewolf50.dev>

feat(Sponsors): Added static sponsors, updated sponsor logos.

fix(action): syntax

Signed-off-by: darkicewolf50 <brock@darkicewolf50.dev>

Fix(action): removing tailing /

Signed-off-by: darkicewolf50 <brock@darkicewolf50.dev>

fix(actions): using <> instead of []()

Signed-off-by: darkicewolf50 <brock@darkicewolf50.dev>

@@ -0,0 +8,4 @@
+			'https://pictures.altai-travel.com/1920x1040/mount-everest-aerial-view-himalayas-istock-3745.jpg'
+		]
+	} = $props();
+

@@ -0,0 +20,4 @@
+	function prevSet() {
+		current_index = (current_index - 1 + photos.length) % photos.length;
+	}
+

@@ -0,0 +38,4 @@
+	}, 5000);
+</script>
+
+<div class="gallery-container">

@@ -0,0 +44,4 @@
+			src={photos[(current_index - 1 + photos.length) % photos.length]}
+			alt=""
+			class="main-photo"
+			on:click={() => openDialog(photos[(current_index - 1 + photos.length) % photos.length])}

@@ -0,0 +58,4 @@
+			class="main-photo"
+			on:click={() => openDialog(photos[(current_index + 1) % photos.length])}
+		/>
+	</div>

@@ -0,0 +68,4 @@
+
+{#if dialogOpen}
+	<dialog open class="image-dialog" onclick={closeDialog}>
+		<div class="dialog-content">

@@ -0,0 +70,4 @@
+
+{#if dialogOpen}
+	<dialog open class="image-dialog" on:click={closeDialog}>
+		<div class="dialog-content" on:click|stopPropagation>

@@ -0,0 +118,4 @@
+	}
+
+	.button-container button.selected {
+		background-color: rgba(255, 255, 255, 0.7);

@@ -0,0 +142,4 @@
+		position: fixed;
+		max-width: 90%;
+		max-height: 90%;
+	}

@@ -132,4 +135,1 @@
 		max-width: 700px;
-		padding: 0 1svw;
-	}
-

@@ -121,4 +128,0 @@
-		height: 400px;
-		width: 400px;
-	}
-

@@ -0,0 +32,4 @@
+		current_index = (current_index + step + photos.length) % photos.length;
+	}
+
+	function openDialog(image) {

@@ -0,0 +42,4 @@
+		dialogOpen = false;
+		selected = 0;
+		startTimer();
+	}

@@ -0,0 +197,4 @@
+		padding: 0;
+	}
+
+	div div:nth-child(2) .selected {

@@ -0,0 +169,4 @@
+		}
+
+		div:first-of-type > div:first-child > img:nth-child(1),
+		div:first-of-type > div:first-child > img:nth-child(3) {

@@ -0,0 +94,4 @@
+	}
+
+	/**
+	 * @param {event} - takes the event at which the finger mves across the screen

@@ -0,0 +95,4 @@
+	}
+
+	/**
+	 * @param {null} event - takes the event at which the finger mves across the screen

@@ -0,0 +269,4 @@
+		max-height: 90%;
+	}
+
+	dialog #window-image {