Added version to About Page

src/components/navbar.astro

@@ -34,7 +34,7 @@ const hamburger_src_url = `url("${hamburger.src}")`;
     line-height: 1.5em;
   }
   header > a {
-    padding-left: 16px;
+    margin-left: 16px;
     padding-top: 8px;
     display: block;
     height: 48px;

src/layouts/customFooter.astro

@@ -3,23 +3,27 @@ import okita from '../assets/okita.png'
 import atlas from '../assets/atlas.png'
 import foxcat from '../assets/lurker.png'
 import padoru from '../assets/padoru.png'
-import { Image } from 'astro:assets';
+import { Image } from 'astro:assets'
+
+import packagejson from '../../package.json'
+const version = packagejson.version
+const release = `https://forgejo.neshweb.net/Firq/firq-dev-website/releases/tag/${version}`
 ---
 
 <footer>
   <div>
-    “Fate/Grand Order” is a trademark of Notes Co., Ltd. | Game Assets © Aniplex
-    Inc. used under fair use. | View <a
+    “Fate/Grand Order” is a trademark of Notes Co., Ltd. | Game Assets ©
+    Aniplex Inc. used under fair use. | View <a
       class="linker"
       href="https://fate-go.us"
       target="_blank"
       rel="noopener noreferrer">the official website</a
     > for more information.<br />
-    I am in no way affiliated with Fate/Grand Order, Aniplex, Type Moon or Lasengle.
-    I claim no ownership of any of the assets used that are created by any of the
-    mentioned companies.<br />
-    All of the opinions expressed are my own and may not reflect those of the asset
-    providers.
+     I am in no way affiliated with Fate/Grand Order, Aniplex, Type Moon or
+    Lasengle. I claim no ownership of any of the assets used that are created by
+    any of the mentioned companies.<br />
+     All of the opinions expressed are my own and may not reflect those of the
+    asset providers.
   </div>
   <br />
   <div>
@@ -38,8 +42,8 @@ import { Image } from 'astro:assets';
       href="https://mitsunee.com"
       target="_blank"
       rel="noopener noreferrer">Mitsunee</a
-    > for the support when building this site. I could not have done it without you
-    🧡 Check out <a
+    > for the support when building this site. I could not have done it without
+    you 🧡 Check out <a
       href="https://fgo.mitsunee.com"
       target="_blank"
       rel="noopener noreferrer">FGO Timers here</a
@@ -54,7 +58,8 @@ import { Image } from 'astro:assets';
       href="https://mastodon.neshweb.net/@neshura"
       target="_blank"
       rel="noopener noreferrer">Neshura</a
-    > for providing me with a place to develop, store and host this site. Check out
+    > for providing me with a place to develop, store and host this site. Check
+    out
     <a href="https://www.neshweb.net" target="_blank" rel="noopener noreferrer"
       >his site here</a
     >
@@ -73,6 +78,12 @@ import { Image } from 'astro:assets';
       <Image src={padoru} alt="Hashire sori yo ..." />
     </div>
   </div>
+  <br />
+  <div>
+    Website version: <a href={release} target="_blank" rel="noopener noreferrer"
+      >{version}</a
+    >
+  </div>
 </footer>
 
 <style>