From f8d91173b61b98dbb5fb9d87c6197896e9087600 Mon Sep 17 00:00:00 2001
From: Lamparter <71598437+Lamparter@users.noreply.github.com>
Date: Sun, 27 Apr 2025 12:16:47 +0100
Subject: [PATCH 1/4] Init

---
 src/routes/download/+page.svelte | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/routes/download/+page.svelte b/src/routes/download/+page.svelte
index 2158a9909..254527296 100644
--- a/src/routes/download/+page.svelte
+++ b/src/routes/download/+page.svelte
@@ -14,7 +14,7 @@
 			name: $_("download.microsoft_store.title", defaultI18nValues),
 			description: $_(
 				"download.microsoft_store.description",
-				defaultI18nValues
+				defaultI18nValues,
 			),
 			href: `ms-windows-store://pdp/?ProductId=9nghp3dx8hdx&cid=FilesWebsite`,
 			icon: "/branding/logo-light.svg",
@@ -43,7 +43,12 @@
 	<TextBlock variant="titleLarge" style="text-align: center;"
 		>{$_("download.title", defaultI18nValues)}</TextBlock
 	>
-	<InfoBar class="donation-infobar" severity="success" closable={false}>
+	<InfoBar
+		style="min-height: 75px; overflow: hidden;"
+		class="donation-infobar"
+		severity="success"
+		closable={false}
+	>
 		<div
 			style="display: flex; gap: 0.5rem; margin-block-end: 7px; margin-block-start: 7px;"
 		>

From f68e5ab104807a7d2741ae0baa14e42dd0b1e84a Mon Sep 17 00:00:00 2001
From: Lamparter <71598437+Lamparter@users.noreply.github.com>
Date: Sun, 27 Apr 2025 12:46:45 +0100
Subject: [PATCH 2/4] Remove elements if they don't fit

---
 src/routes/download/+page.svelte | 71 ++++++++++++++++++--------------
 1 file changed, 40 insertions(+), 31 deletions(-)

diff --git a/src/routes/download/+page.svelte b/src/routes/download/+page.svelte
index 254527296..758236cfc 100644
--- a/src/routes/download/+page.svelte
+++ b/src/routes/download/+page.svelte
@@ -8,6 +8,7 @@
 	import { _ } from "svelte-i18n";
 
 	let isWindows = false;
+	let innerWidth = 649;
 
 	const downloadSources = [
 		{
@@ -16,7 +17,7 @@
 				"download.microsoft_store.description",
 				defaultI18nValues,
 			),
-			href: `ms-windows-store://pdp/?ProductId=9nghp3dx8hdx&cid=FilesWebsite`,
+			href: `https://apps.microsoft.com/detail/9nghp3dx8hdx?mode=full`,
 			icon: "/branding/logo-light.svg",
 			darkModeIcon: "/branding/logo-dark.svg",
 			external: true,
@@ -24,7 +25,7 @@
 		{
 			name: $_("download.preview.title", defaultI18nValues),
 			description: $_("download.preview.description", defaultI18nValues),
-			href: "/appinstallers/Files.preview.appinstaller",
+			href: "https://apps.microsoft.com/detail/9nsqd9pkv3ss?mode=full",
 			icon: "/download-sources/preview_light.svg",
 			darkModeIcon: "/download-sources/preview_dark.svg",
 		},
@@ -32,6 +33,10 @@
 
 	onMount(() => {
 		isWindows = navigator.userAgent.includes("Windows");
+		innerWidth = window.innerWidth;
+		window.addEventListener("resize", () => {
+			innerWidth = window.innerWidth;
+		});
 	});
 </script>
 
@@ -40,43 +45,47 @@
 <slot />
 
 <main class="download-page">
-	<TextBlock variant="titleLarge" style="text-align: center;"
-		>{$_("download.title", defaultI18nValues)}</TextBlock
-	>
-	<InfoBar
-		style="min-height: 75px; overflow: hidden;"
-		class="donation-infobar"
-		severity="success"
-		closable={false}
-	>
-		<div
-			style="display: flex; gap: 0.5rem; margin-block-end: 7px; margin-block-start: 7px;"
+	{#if innerWidth > 648}
+		<TextBlock variant="titleLarge" style="text-align: center;"
+			>{$_("download.title", defaultI18nValues)}</TextBlock
 		>
-			{$_("download.donation_description", defaultI18nValues)}
-
-			<Button
-				slot="action"
-				variant="accent"
-				href="https://github.com/sponsors/yaira2"
-				{...externalLink}
+		<InfoBar
+			style="min-height: 75px; overflow: hidden;"
+			class="donation-infobar"
+			severity="success"
+			closable={false}
+		>
+			<div
+				style="display: flex; gap: 0.5rem; margin-block-end: 7px; margin-block-start: 7px;"
 			>
-				{$_("download.donation_button", defaultI18nValues)}
-			</Button>
-		</div>
+				{$_("download.donation_description", defaultI18nValues)}
+
+				<Button
+					slot="action"
+					variant="accent"
+					href="https://github.com/sponsors/yaira2"
+					{...externalLink}
+				>
+					{$_("download.donation_button", defaultI18nValues)}
+				</Button>
+			</div>
 
-		<svelte:fragment slot="icon">&nbsp;</svelte:fragment>
-	</InfoBar>
+			<svelte:fragment slot="icon">&nbsp;</svelte:fragment>
+		</InfoBar>
+	{/if}
 
 	<section class="download-sources">
 		{#each downloadSources as source}
 			<DownloadSourceCard {source} />
 		{/each}
-		<p>
-			{$_("download.self_signed.description", defaultI18nValues)}<a
-				href="/appinstallers/Files.stable.appinstaller"
-				>{$_("download.self_signed.link_text", defaultI18nValues)}</a
-			>.
-		</p>
+		{#if innerWidth > 648}
+			<p>
+				{$_("download.self_signed.description", defaultI18nValues)}<a
+					href="/appinstallers/Files.stable.appinstaller"
+					>{$_("download.self_signed.link_text", defaultI18nValues)}</a
+				>.
+			</p>
+		{/if}
 	</section>
 </main>
 

From b3a4ee1cd66928b285e8401dd819e23460bdb9ae Mon Sep 17 00:00:00 2001
From: Lamparter <71598437+Lamparter@users.noreply.github.com>
Date: Sun, 27 Apr 2025 16:18:47 +0100
Subject: [PATCH 3/4] Fix?

---
 src/routes/download/+page.svelte | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/routes/download/+page.svelte b/src/routes/download/+page.svelte
index 758236cfc..36c4b557d 100644
--- a/src/routes/download/+page.svelte
+++ b/src/routes/download/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { links } from "$data/links";
 	import { defaultI18nValues, externalLink, Metadata } from "$lib";
-	import { Button, InfoBadge, InfoBar, TextBlock } from "fluent-svelte";
+	import { Button, InfoBar, TextBlock } from "fluent-svelte";
 	import { onMount } from "svelte";
 	import DownloadSourceCard from "./DownloadSourceCard.svelte";
 	import type { DownloadSource } from "./types";
@@ -45,10 +45,10 @@
 <slot />
 
 <main class="download-page">
-	{#if innerWidth > 648}
-		<TextBlock variant="titleLarge" style="text-align: center;"
-			>{$_("download.title", defaultI18nValues)}</TextBlock
-		>
+	<TextBlock variant="titleLarge" style="text-align: center;"
+		>{$_("download.title", defaultI18nValues)}</TextBlock
+	>
+	{#if innerWidth > 510}
 		<InfoBar
 			style="min-height: 75px; overflow: hidden;"
 			class="donation-infobar"
@@ -59,10 +59,8 @@
 				style="display: flex; gap: 0.5rem; margin-block-end: 7px; margin-block-start: 7px;"
 			>
 				{$_("download.donation_description", defaultI18nValues)}
-
 				<Button
 					slot="action"
-					variant="accent"
 					href="https://github.com/sponsors/yaira2"
 					{...externalLink}
 				>

From 453a1e8b68dbd00d7a6f7a9eff01583397e86560 Mon Sep 17 00:00:00 2001
From: Lamparter <71598437+Lamparter@users.noreply.github.com>
Date: Tue, 10 Jun 2025 14:50:48 +0000
Subject: [PATCH 4/4] Resolve conversation

---
 src/routes/download/+page.svelte | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/routes/download/+page.svelte b/src/routes/download/+page.svelte
index 36c4b557d..08256153c 100644
--- a/src/routes/download/+page.svelte
+++ b/src/routes/download/+page.svelte
@@ -17,7 +17,7 @@
 				"download.microsoft_store.description",
 				defaultI18nValues,
 			),
-			href: `https://apps.microsoft.com/detail/9nghp3dx8hdx?mode=full`,
+			href: `ms-windows-store://pdp/?ProductId=9nghp3dx8hdx&cid=FilesWebsite`,
 			icon: "/branding/logo-light.svg",
 			darkModeIcon: "/branding/logo-dark.svg",
 			external: true,
@@ -25,7 +25,7 @@
 		{
 			name: $_("download.preview.title", defaultI18nValues),
 			description: $_("download.preview.description", defaultI18nValues),
-			href: "https://apps.microsoft.com/detail/9nsqd9pkv3ss?mode=full",
+			href: "/appinstallers/Files.preview.appinstaller",
 			icon: "/download-sources/preview_light.svg",
 			darkModeIcon: "/download-sources/preview_dark.svg",
 		},