From cb225eec37ed988e21f81f1e27f65d589814d691 Mon Sep 17 00:00:00 2001
From: tree <tree@hidden.cz>
Date: Wed, 21 Feb 2024 11:46:41 +0100
Subject: [PATCH] show version in footer

---
 package.json           | 2 +-
 src/config.yaml        | 3 +++
 src/layouts/base.astro | 6 ++++--
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 2224572..f6e28e7 100644
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "w3pn-web",
   "type": "module",
-  "version": "1.0.0",
+  "version": "1.1.0",
   "scripts": {
     "dev": "astro dev",
     "start": "astro dev",
diff --git a/src/config.yaml b/src/config.yaml
index 5ec2992..4e6668a 100644
--- a/src/config.yaml
+++ b/src/config.yaml
@@ -30,6 +30,9 @@ header:
     - matrix
 footer:
   menu:
+    - title: Docs
+      ico: docs
+      link: docs
     - title: "@web3privacy"
       ico: twitter
       link: twitter
diff --git a/src/layouts/base.astro b/src/layouts/base.astro
index 84601a6..41363cf 100644
--- a/src/layouts/base.astro
+++ b/src/layouts/base.astro
@@ -2,6 +2,7 @@
 //import { ViewTransitions } from 'astro:transitions';
 
 import * as config from '../config.yaml';
+import * as pkg from '../../package.json';
 import core from '../core.json';
 import '../styles/base.css';
 const {banner, title, description} = Astro.props;
@@ -107,8 +108,9 @@ function genHeading(str) {
 			<div class="middle-pane-big">
 				<div class="flex gap-10 text-lg items-center flex-wrap align-top" id="footerMenu">
 					<a href="/" class="w3pn-logo w-32"></a>
-					<div class="grow flex justify-end">
-						<div class="lg:flex justify-center flex-wrap gap-4 lg:gap-10">
+					<div class="text-md"><a href="https://github.com/web3privacy/web" class="text-white hover:underline">v{pkg.version}</a></div>
+					<div class="grow flex sm:justify-end">
+						<div class="sm:flex justify-center flex-wrap gap-4 lg:gap-10">
 							{config.footer.menu.map((item) => (
 								<div class="flex gap-4 items-center menuItem lg:mb-0 mb-2">
 									<div class="icon small opacity-50" class:list={[item.ico]}></div>