From ebeca949a7d9bb345100c0073a80532ed944e7ff Mon Sep 17 00:00:00 2001
From: Dilson's Pickles <a.dawson@mu.se>
Date: Tue, 28 Feb 2023 10:06:01 +0000
Subject: [PATCH] Add version number to download page

---
 src/layouts/PageLayout.astro                   | 18 +++++++++++-------
 src/pages/downloads/download-for-windows.astro |  2 +-
 2 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/src/layouts/PageLayout.astro b/src/layouts/PageLayout.astro
index ea18b26..a6741f2 100644
--- a/src/layouts/PageLayout.astro
+++ b/src/layouts/PageLayout.astro
@@ -3,22 +3,26 @@ import BaseLayout from "./BaseLayout.astro";
 
 export interface Props {
   title: string;
+  subtitle: string;
 }
-const { title } = Astro.props;
+const { title, subtitle} = Astro.props;
 ---
 
 <BaseLayout title={title}>
-  <div
-    class="mx-auto max-w-lg sm:max-w-xl md:max-w-2xl lg:max-w-4xl xl:max-w-6xl mt-24 md:mt-40 lg:mt-48 px-3 sm:px-0 mb-24 xl:mb-40"
-  >
-    <section>
+  <section class="mt-12 bg-gradient-to-b from-blue-600 to-indigo-600 ">
+    <div class="max-w-6xl mx-auto pt-40 pb-12">
       <h1
-        class="text-xl sm:text-2xl md:text-3xl lg:text-4xl font-bold text-gray-700"
+        class="text-xl sm:text-2xl md:text-3xl lg:text-4xl font-bold text-white"
       >
         {title}
       </h1>
-    </section>
+      <p class="text-white">{subtitle}</p>
+    </div>
+  </section>
 
+  <div
+    class="mx-auto max-w-lg sm:max-w-xl md:max-w-2xl lg:max-w-4xl xl:max-w-6xl px-3 sm:px-0 mb-24 xl:mb-40"
+  >
     <slot />
   </div>
 </BaseLayout>
diff --git a/src/pages/downloads/download-for-windows.astro b/src/pages/downloads/download-for-windows.astro
index e137268..e8ece8a 100644
--- a/src/pages/downloads/download-for-windows.astro
+++ b/src/pages/downloads/download-for-windows.astro
@@ -7,7 +7,7 @@ import PageLayout from "../../layouts/PageLayout.astro";
 const { win } = releaseData;
 ---
 
-<PageLayout title="Download for Windows">
+<PageLayout title="Download for Windows" subtitle="Latest version 3.2.3">
   <div class="lg:grid lg:grid-cols-12">
     <section class="col-span-6 mt-4 md:mt-8 lg:mt-12">
       <div class="flex flex-col gap-y-4">