about page

nwolff · nwolff · commit 6a7fea35539c · 2026-04-16T08:21:50.000+02:00
diff --git a/.github/workflows/pages.yml b/.github/workflows/pages.yml
@@ -33,6 +33,20 @@ jobs:
       - name: Setup Pages
         uses: actions/configure-pages@v5
 
+      - name: Compute build metadata
+        id: meta
+        run: |
+          echo "short_sha=$(echo ${{ github.sha }} | cut -c1-7)" >> $GITHUB_OUTPUT
+          echo "timestamp=$(TZ=Europe/Zurich date '+%Y-%m-%d %H:%M %Z')" >> $GITHUB_OUTPUT
+
+      - name: Inject build info into about.html
+        uses: cschleiden/replace-tokens@v1
+        with:
+          files: '["about.html"]'
+        env:
+          SHORT_SHA: ${{ steps.meta.outputs.short_sha }}
+          TIMESTAMP: ${{ steps.meta.outputs.timestamp }}
+
       - name: Upload artifact
         uses: actions/upload-pages-artifact@v4
         with:
diff --git a/about.html b/about.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <title>À propos — Morpion</title>
+  <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
+</head>
+<body class="bg-light">
+<div class="container py-4" style="max-width: 480px">
+  <h1 class="mb-4">À propos</h1>
+  <dl class="row">
+    <dt class="col-4">Dépôt</dt>
+    <dd class="col-8 font-monospace"><a href="https://github.com/#{GITHUB_REPOSITORY}#">#{GITHUB_REPOSITORY}#</a></dd>
+    <dt class="col-4">Branche</dt>
+    <dd class="col-8 font-monospace">#{GITHUB_REF_NAME}#</dd>
+    <dt class="col-4">Commit</dt>
+    <dd class="col-8 font-monospace"><a href="https://github.com/#{GITHUB_REPOSITORY}#/commit/#{SHORT_SHA}#">#{SHORT_SHA}#</a></dd>
+    <dt class="col-4">Construit le</dt>
+    <dd class="col-8 font-monospace">#{TIMESTAMP}#</dd>
+  </dl>
+</div>
+</body>
+</html>
