From 8bbb7aaeb5ad7bb023046979240f7086663a9aaf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Andreas=20Kr=C3=BChlmann?= <andreas@kruhlmann.dev>
Date: Mon, 5 Jan 2026 14:59:58 +0100
Subject: [PATCH] Use fragments for download

---
 src/main/resources/templates/dashboard.html   | 47 +------------------
 .../templates/fragments/downloads.html        | 44 +++++++++++++++++
 src/main/resources/templates/index.html       | 45 +-----------------
 3 files changed, 46 insertions(+), 90 deletions(-)
 create mode 100644 src/main/resources/templates/fragments/downloads.html

diff --git a/src/main/resources/templates/dashboard.html b/src/main/resources/templates/dashboard.html
index 2338567..9d98303 100644
--- a/src/main/resources/templates/dashboard.html
+++ b/src/main/resources/templates/dashboard.html
@@ -106,52 +106,7 @@
         </ul>
       </section>
 
-      <section class="card download-card-block">
-        <div class="download-header">
-          <div>
-            <p class="eyebrow">Desktop app</p>
-            <h3>Download Imgfloat</h3>
-          </div>
-        </div>
-        <div class="download-grid">
-          <div class="download-card" data-platform="mac">
-            <div class="download-card-header">
-              <p class="eyebrow">macOS</p>
-              <span class="badge soft recommended-badge hidden">Recommended</span>
-            </div>
-            <p class="muted">Apple Silicon build (ARM64)</p>
-            <a
-              class="button block"
-              th:href="'https://github.com/Kruhlmann/imgfloat-j/releases/download/' + ${releaseVersion} + '/Imgfloat-' + ${releaseVersion} + '-arm64.dmg'"
-              >Download DMG</a
-            >
-          </div>
-          <div class="download-card" data-platform="windows">
-            <div class="download-card-header">
-              <p class="eyebrow">Windows</p>
-              <span class="badge soft recommended-badge hidden">Recommended</span>
-            </div>
-            <p class="muted">Installer for Windows 10 and 11</p>
-            <a
-              class="button block"
-              th:href="'https://github.com/Kruhlmann/imgfloat-j/releases/download/' + ${releaseVersion} + '/Imgfloat.Setup.' + ${releaseVersion} + '.exe'"
-              >Download EXE</a
-            >
-          </div>
-          <div class="download-card" data-platform="linux">
-            <div class="download-card-header">
-              <p class="eyebrow">Linux</p>
-              <span class="badge soft recommended-badge hidden">Recommended</span>
-            </div>
-            <p class="muted">AppImage for most distributions</p>
-            <a
-              class="button block"
-              th:href="'https://github.com/Kruhlmann/imgfloat-j/releases/download/' + ${releaseVersion} + '/Imgfloat-' + ${releaseVersion} + '.AppImage'"
-              >Download AppImage</a
-            >
-          </div>
-        </div>
-      </section>
+      <section class="card download-card-block" th:insert="fragments/downloads :: downloads"></section>
     </div>
     <script src="/js/cookie-consent.js"></script>
     <script src="/js/toast.js"></script>
diff --git a/src/main/resources/templates/fragments/downloads.html b/src/main/resources/templates/fragments/downloads.html
new file mode 100644
index 0000000..b4504cd
--- /dev/null
+++ b/src/main/resources/templates/fragments/downloads.html
@@ -0,0 +1,44 @@
+<th:block th:fragment="downloads">
+  <div class="download-header">
+    <p class="eyebrow">Desktop app</p>
+    <h2>Download Imgfloat</h2>
+  </div>
+  <div class="download-grid">
+    <div class="download-card" data-platform="mac">
+      <div class="download-card-header">
+        <p class="eyebrow">macOS</p>
+        <span class="badge soft recommended-badge hidden">Recommended</span>
+      </div>
+      <p class="muted">Apple Silicon build (ARM64)</p>
+      <a
+        class="button block"
+        th:href="'https://github.com/Kruhlmann/imgfloat-j/releases/download/' + ${releaseVersion} + '/Imgfloat-' + ${releaseVersion} + '-arm64.dmg'"
+        >Download DMG</a
+      >
+    </div>
+    <div class="download-card" data-platform="windows">
+      <div class="download-card-header">
+        <p class="eyebrow">Windows</p>
+        <span class="badge soft recommended-badge hidden">Recommended</span>
+      </div>
+      <p class="muted">Installer for Windows 10 and 11</p>
+      <a
+        class="button block"
+        th:href="'https://github.com/Kruhlmann/imgfloat-j/releases/download/' + ${releaseVersion} + '/Imgfloat.Setup.' + ${releaseVersion} + '.exe'"
+        >Download EXE</a
+      >
+    </div>
+    <div class="download-card" data-platform="linux">
+      <div class="download-card-header">
+        <p class="eyebrow">Linux</p>
+        <span class="badge soft recommended-badge hidden">Recommended</span>
+      </div>
+      <p class="muted">AppImage for most distributions</p>
+      <a
+        class="button block"
+        th:href="'https://github.com/Kruhlmann/imgfloat-j/releases/download/' + ${releaseVersion} + '/Imgfloat-' + ${releaseVersion} + '.AppImage'"
+        >Download AppImage</a
+      >
+    </div>
+  </div>
+</th:block>
diff --git a/src/main/resources/templates/index.html b/src/main/resources/templates/index.html
index af7476e..34b3a53 100644
--- a/src/main/resources/templates/index.html
+++ b/src/main/resources/templates/index.html
@@ -29,50 +29,7 @@
         </div>
       </main>
 
-      <section class="download-section">
-        <div class="download-header">
-          <p class="eyebrow">Desktop app</p>
-          <h2>Download Imgfloat</h2>
-        </div>
-        <div class="download-grid">
-          <div class="download-card" data-platform="mac">
-            <div class="download-card-header">
-              <p class="eyebrow">macOS</p>
-              <span class="badge soft recommended-badge hidden">Recommended</span>
-            </div>
-            <p class="muted">Apple Silicon build (ARM64)</p>
-            <a
-              class="button block"
-              th:href="'https://github.com/Kruhlmann/imgfloat-j/releases/download/' + ${releaseVersion} + '/Imgfloat-' + ${releaseVersion} + '-arm64.dmg'"
-              >Download DMG</a
-            >
-          </div>
-          <div class="download-card" data-platform="windows">
-            <div class="download-card-header">
-              <p class="eyebrow">Windows</p>
-              <span class="badge soft recommended-badge hidden">Recommended</span>
-            </div>
-            <p class="muted">Installer for Windows 10 and 11</p>
-            <a
-              class="button block"
-              th:href="'https://github.com/Kruhlmann/imgfloat-j/releases/download/' + ${releaseVersion} + '/Imgfloat.Setup.' + ${releaseVersion} + '.exe'"
-              >Download EXE</a
-            >
-          </div>
-          <div class="download-card" data-platform="linux">
-            <div class="download-card-header">
-              <p class="eyebrow">Linux</p>
-              <span class="badge soft recommended-badge hidden">Recommended</span>
-            </div>
-            <p class="muted">AppImage for most distributions</p>
-            <a
-              class="button block"
-              th:href="'https://github.com/Kruhlmann/imgfloat-j/releases/download/' + ${releaseVersion} + '/Imgfloat-' + ${releaseVersion} + '.AppImage'"
-              >Download AppImage</a
-            >
-          </div>
-        </div>
-      </section>
+      <section class="download-section" th:insert="fragments/downloads :: downloads"></section>
 
       <footer class="landing-meta">
         <div class="build-chip">