Added build information

.gitea/workflows/release.yml

@@ -37,6 +37,9 @@ jobs:
           push: true
           tags: "${{ vars.DOCKER_IMAGE }}:latest,${{ vars.DOCKER_IMAGE }}:${{ steps.date.outputs.date }}"
           platforms: linux/amd64
+          build-args: |
+            PUBLIC_GIT_REF=${{ env.GITHUB_SHA }}
+            PUBLIC_BUILD_DATE=${{ steps.date.outputs.date }}
           cache-to: "mode=max,image-manifest=true,oci-mediatypes=true,type=registry,ref=${{ vars.DOCKER_IMAGE }}:cache"
           cache-from: "mode=max,image-manifest=true,oci-mediatypes=true,type=registry,ref=${{ vars.DOCKER_IMAGE }}:cache"
           labels: |

Dockerfile

@@ -9,6 +9,12 @@ RUN npm prune --production
 
 
 FROM node:22-alpine
+
+ARG PUBLIC_GIT_REF
+ARG PUBLIC_BUILD_DATE
+ENV PUBLIC_GIT_REF=$PUBLIC_GIT_REF
+ENV PUBLIC_BUILD_DATE=$PUBLIC_BUILD_DATE
+
 USER node:node
 WORKDIR /app
 COPY --from=builder --chown=node:node /app/build build/

src/lib/components/Splash.svelte

@@ -1,13 +1,18 @@
 <script lang="ts">
 	import { currentStep } from '$lib/stores.js';
 	import FeatureList from './splash/FeatureList.svelte';
+	import { env } from '$env/dynamic/public';
+
+	const buildDate = env.PUBLIC_BUILD_DATE || '2025-01-01';
+	const vcsRef = env.PUBLIC_VCS_REF ? env.PUBLIC_VCS_REF.substring(0, 7) : 'abcdef';
+
 
 	function startWizard() {
 		currentStep.set(1); // Move to auth step
 	}
 </script>
 
-<div class="flex min-h-screen items-center justify-center bg-gray-100 p-4">
+<div class="flex min-h-screen flex-col items-center justify-center bg-gray-100 p-4">
 	<div
 		class="container mx-auto max-w-4xl rounded-lg border border-gray-200 bg-white/90 p-10 text-center shadow-xl"
 	>
@@ -23,13 +28,12 @@
 			>
 				Card Forge
 			</h1>
-			<p class="mb-4 text-xl leading-relaxed font-medium text-gray-700">
+			<p class="mb-4 text-xl font-medium leading-relaxed text-gray-700">
 				Transform your Google Sheets into professional ESNcards with photos.
 			</p>
 			<p class="mb-4 text-lg leading-relaxed text-gray-600">
-				<span class="font-semibold text-black-800"
-					>Privacy-first</span
-				>: all processing happens in your browser.
+				<span class="font-semibold text-black-800">Privacy-first</span>: all processing happens in
+				your browser.
 			</p>
 			<div class="mb-6">
 				<a
@@ -58,4 +62,11 @@
 			Start Creating Cards
 		</button>
 	</div>
+	<footer class="mt-4 text-center">
+		{#if buildDate && vcsRef}
+			<p class="text-xs text-gray-400">
+				Build: {vcsRef} {buildDate}
+			</p>
+		{/if}
+	</footer>
 </div>