From 7bc86a7e08a91cd3e9c0c24d13100e37cb237cc2 Mon Sep 17 00:00:00 2001
From: VDawg <vdawg@tuta.io>
Date: Mon, 13 Nov 2023 21:40:55 +0100
Subject: [PATCH] Add OpenSus

---
 src/routes/InstallButton.svelte |  3 ++-
 src/routes/InstallSlice.svelte  | 13 +++++++++++--
 2 files changed, 13 insertions(+), 3 deletions(-)

diff --git a/src/routes/InstallButton.svelte b/src/routes/InstallButton.svelte
index 3e60b3e..55afef7 100755
--- a/src/routes/InstallButton.svelte
+++ b/src/routes/InstallButton.svelte
@@ -25,7 +25,7 @@
 
 <div class="group flex flex-col items-center gap-2 md:flex-row md:gap-4">
 	<div
-		class="flex h-32 w-32 flex-col items-center justify-center gap-3 rounded-full text-lg font-medium text-primary transition-transform group-focus-within:-translate-y-1"
+		class="relative flex h-32 w-32 flex-col items-center justify-center gap-3 rounded-full text-lg font-medium text-primary transition-transform group-focus-within:-translate-y-1"
 	>
 		<img
 			src={image}
@@ -33,6 +33,7 @@
 			alt="Distrubution Logo"
 			loading="lazy"
 		/>{name}
+		<slot name="imageExtra" />
 	</div>
 
 	<div class="relative mb-2 flex flex-col font-mono">
diff --git a/src/routes/InstallSlice.svelte b/src/routes/InstallSlice.svelte
index 6635606..734a34b 100755
--- a/src/routes/InstallSlice.svelte
+++ b/src/routes/InstallSlice.svelte
@@ -8,6 +8,7 @@
 	import InstallButton from './InstallButton.svelte'
 	import Button from '$lib/components/Button.svelte'
 	import Title from '$lib/components/Title.svelte'
+	import amongus from '$lib/images/amongus/green.webp'
 </script>
 
 <section class="pb-6">
@@ -38,8 +39,16 @@
 			>
 			<InstallButton name="FreeBSD" command="pkg install hyprland" image={bsdLogo} />
 			<InstallButton name="openSUSE" command="zypper in hyprland" image={suseLogo}
-				><div slot="extra">or install “hyprland” via YaST2 Software.</div></InstallButton
-			>
+				><div slot="extra">or install “hyprland” via YaST2 Software.</div>
+
+				<img
+					class=" absolute inset-0 -z-10 translate-y-1 scale-90 opacity-0 transition-all duration-700 [transition-delay:2s] group-hover:-translate-y-0 group-hover:scale-100 group-hover:opacity-90"
+					src={amongus}
+					slot="imageExtra"
+					alt=""
+					srcset=""
+				/>
+			</InstallButton>
 		</div>
 
 		<a