show version in footer

This commit is contained in:
tree🌴 2024-02-21 11:46:41 +01:00
parent 6ed7bfa0f0
commit cb225eec37
3 changed files with 8 additions and 3 deletions

View File

@ -1,7 +1,7 @@
{ {
"name": "w3pn-web", "name": "w3pn-web",
"type": "module", "type": "module",
"version": "1.0.0", "version": "1.1.0",
"scripts": { "scripts": {
"dev": "astro dev", "dev": "astro dev",
"start": "astro dev", "start": "astro dev",

View File

@ -30,6 +30,9 @@ header:
- matrix - matrix
footer: footer:
menu: menu:
- title: Docs
ico: docs
link: docs
- title: "@web3privacy" - title: "@web3privacy"
ico: twitter ico: twitter
link: twitter link: twitter

View File

@ -2,6 +2,7 @@
//import { ViewTransitions } from 'astro:transitions'; //import { ViewTransitions } from 'astro:transitions';
import * as config from '../config.yaml'; import * as config from '../config.yaml';
import * as pkg from '../../package.json';
import core from '../core.json'; import core from '../core.json';
import '../styles/base.css'; import '../styles/base.css';
const {banner, title, description} = Astro.props; const {banner, title, description} = Astro.props;
@ -107,8 +108,9 @@ function genHeading(str) {
<div class="middle-pane-big"> <div class="middle-pane-big">
<div class="flex gap-10 text-lg items-center flex-wrap align-top" id="footerMenu"> <div class="flex gap-10 text-lg items-center flex-wrap align-top" id="footerMenu">
<a href="/" class="w3pn-logo w-32"></a> <a href="/" class="w3pn-logo w-32"></a>
<div class="grow flex justify-end"> <div class="text-md"><a href="https://github.com/web3privacy/web" class="text-white hover:underline">v{pkg.version}</a></div>
<div class="lg:flex justify-center flex-wrap gap-4 lg:gap-10"> <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) => ( {config.footer.menu.map((item) => (
<div class="flex gap-4 items-center menuItem lg:mb-0 mb-2"> <div class="flex gap-4 items-center menuItem lg:mb-0 mb-2">
<div class="icon small opacity-50" class:list={[item.ico]}></div> <div class="icon small opacity-50" class:list={[item.ico]}></div>