implement navbar menu (closes #35)

This commit is contained in:
Akis 2022-07-27 19:45:53 +03:00
parent 58fd599ac9
commit 253e7e7193
Signed by untrusted user: akis
GPG Key ID: 267BF5C6677944ED
3 changed files with 167 additions and 112 deletions

View File

@ -13,10 +13,10 @@
"format": "prettier --write --plugin-search-dir=. ." "format": "prettier --write --plugin-search-dir=. ."
}, },
"devDependencies": { "devDependencies": {
"@iconify-json/fa6-solid": "^1.1.5", "@iconify-json/fa6-solid": "^1.1.6",
"@iconify-json/simple-icons": "^1.1.19", "@iconify-json/simple-icons": "^1.1.20",
"@sveltejs/adapter-static": "1.0.0-next.38", "@sveltejs/adapter-static": "1.0.0-next.38",
"@sveltejs/kit": "1.0.0-next.394", "@sveltejs/kit": "1.0.0-next.396",
"mdsvex": "^0.10.6", "mdsvex": "^0.10.6",
"prettier": "^2.7.1", "prettier": "^2.7.1",
"prettier-plugin-svelte": "^2.7.0", "prettier-plugin-svelte": "^2.7.0",
@ -27,7 +27,7 @@
"tslib": "^2.4.0", "tslib": "^2.4.0",
"typescript": "^4.7.4", "typescript": "^4.7.4",
"unplugin-icons": "^0.14.7", "unplugin-icons": "^0.14.7",
"vite": "^3.0.2" "vite": "^3.0.3"
}, },
"type": "module" "type": "module"
} }

188
pnpm-lock.yaml generated
View File

@ -1,10 +1,10 @@
lockfileVersion: 5.4 lockfileVersion: 5.4
specifiers: specifiers:
'@iconify-json/fa6-solid': ^1.1.5 '@iconify-json/fa6-solid': ^1.1.6
'@iconify-json/simple-icons': ^1.1.19 '@iconify-json/simple-icons': ^1.1.20
'@sveltejs/adapter-static': 1.0.0-next.38 '@sveltejs/adapter-static': 1.0.0-next.38
'@sveltejs/kit': 1.0.0-next.394 '@sveltejs/kit': 1.0.0-next.396
mdsvex: ^0.10.6 mdsvex: ^0.10.6
prettier: ^2.7.1 prettier: ^2.7.1
prettier-plugin-svelte: ^2.7.0 prettier-plugin-svelte: ^2.7.0
@ -15,13 +15,13 @@ specifiers:
tslib: ^2.4.0 tslib: ^2.4.0
typescript: ^4.7.4 typescript: ^4.7.4
unplugin-icons: ^0.14.7 unplugin-icons: ^0.14.7
vite: ^3.0.2 vite: ^3.0.3
devDependencies: devDependencies:
'@iconify-json/fa6-solid': 1.1.5 '@iconify-json/fa6-solid': 1.1.6
'@iconify-json/simple-icons': 1.1.19 '@iconify-json/simple-icons': 1.1.20
'@sveltejs/adapter-static': 1.0.0-next.38 '@sveltejs/adapter-static': 1.0.0-next.38
'@sveltejs/kit': 1.0.0-next.394_svelte@3.49.0+vite@3.0.2 '@sveltejs/kit': 1.0.0-next.396_svelte@3.49.0+vite@3.0.3
mdsvex: 0.10.6_svelte@3.49.0 mdsvex: 0.10.6_svelte@3.49.0
prettier: 2.7.1 prettier: 2.7.1
prettier-plugin-svelte: 2.7.0_o3ioganyptcsrh6x4hnxvjkpqi prettier-plugin-svelte: 2.7.0_o3ioganyptcsrh6x4hnxvjkpqi
@ -31,8 +31,8 @@ devDependencies:
svelte-seo: 1.4.1_typescript@4.7.4 svelte-seo: 1.4.1_typescript@4.7.4
tslib: 2.4.0 tslib: 2.4.0
typescript: 4.7.4 typescript: 4.7.4
unplugin-icons: 0.14.7_vite@3.0.2 unplugin-icons: 0.14.7_vite@3.0.3
vite: 3.0.2 vite: 3.0.3
packages: packages:
@ -47,14 +47,14 @@ packages:
resolution: {integrity: sha512-CQkeV+oJxUazwjlHD0/3ZD08QWKuGQkhnrKo3e6ly5pd48VUpXbb77q0xMU4+vc2CkJnDS02Eq/M9ugyX20XZA==} resolution: {integrity: sha512-CQkeV+oJxUazwjlHD0/3ZD08QWKuGQkhnrKo3e6ly5pd48VUpXbb77q0xMU4+vc2CkJnDS02Eq/M9ugyX20XZA==}
dev: true dev: true
/@iconify-json/fa6-solid/1.1.5: /@iconify-json/fa6-solid/1.1.6:
resolution: {integrity: sha512-ij9yJpXvOeD/SmQvSZar6OCSbjxcl6EvmAVV1E9ubg7ajIHYust6uclpuX46Mk28oluZTnkerd+6Wc6Df4Rcrg==} resolution: {integrity: sha512-y5eAxaM5iG+2pUzTMec48/EX4Oo9SmXcdLjNvTrqsaNXs7VLsWIeVHBqbtvmCmPjfvUEJRcslzOBxOUg6Cmh7A==}
dependencies: dependencies:
'@iconify/types': 1.1.0 '@iconify/types': 1.1.0
dev: true dev: true
/@iconify-json/simple-icons/1.1.19: /@iconify-json/simple-icons/1.1.20:
resolution: {integrity: sha512-7+a0CD4uLZNNEBvz9NP8H0RvRb7PNRGXp+fgoXs1MKSZAK2bT084shzx0xxVvL2P4YfxGIv6vRe3sNO6uOCPOg==} resolution: {integrity: sha512-IP5yZAoRU82fR5szwbBLnECWgY4JuZDgqEEXzioaOFygqZRP8Ku9ONgPK/qe2vwsUB6RWM5jTm0S4KHtMiTOEQ==}
dependencies: dependencies:
'@iconify/types': 1.1.0 '@iconify/types': 1.1.0
dev: true dev: true
@ -127,25 +127,25 @@ packages:
tiny-glob: 0.2.9 tiny-glob: 0.2.9
dev: true dev: true
/@sveltejs/kit/1.0.0-next.394_svelte@3.49.0+vite@3.0.2: /@sveltejs/kit/1.0.0-next.396_svelte@3.49.0+vite@3.0.3:
resolution: {integrity: sha512-YfRNSKdbvihHFvmQodaMlChcyf9dfU36FwK8WYQF5jqEmiRajLBb/ooU6RqPA0Z6j5okJHDSYBwxW8TP+nc+gg==} resolution: {integrity: sha512-bKFpuzp9QxPkOIOEIeNeedvxEMORNqBPxUmoJXDP/Se7MrSfcxYiamjBcKrG+bgGNWmV39nD3EvUox+CXno/Ig==}
engines: {node: '>=16.9'} engines: {node: '>=16.9'}
hasBin: true hasBin: true
peerDependencies: peerDependencies:
svelte: ^3.44.0 svelte: ^3.44.0
vite: ^3.0.0 vite: ^3.0.0
dependencies: dependencies:
'@sveltejs/vite-plugin-svelte': 1.0.1_svelte@3.49.0+vite@3.0.2 '@sveltejs/vite-plugin-svelte': 1.0.1_svelte@3.49.0+vite@3.0.3
chokidar: 3.5.3 chokidar: 3.5.3
sade: 1.8.1 sade: 1.8.1
svelte: 3.49.0 svelte: 3.49.0
vite: 3.0.2 vite: 3.0.3
transitivePeerDependencies: transitivePeerDependencies:
- diff-match-patch - diff-match-patch
- supports-color - supports-color
dev: true dev: true
/@sveltejs/vite-plugin-svelte/1.0.1_svelte@3.49.0+vite@3.0.2: /@sveltejs/vite-plugin-svelte/1.0.1_svelte@3.49.0+vite@3.0.3:
resolution: {integrity: sha512-PorCgUounn0VXcpeJu+hOweZODKmGuLHsLomwqSj+p26IwjjGffmYQfVHtiTWq+NqaUuuHWWG7vPge6UFw4Aeg==} resolution: {integrity: sha512-PorCgUounn0VXcpeJu+hOweZODKmGuLHsLomwqSj+p26IwjjGffmYQfVHtiTWq+NqaUuuHWWG7vPge6UFw4Aeg==}
engines: {node: ^14.18.0 || >= 16} engines: {node: ^14.18.0 || >= 16}
peerDependencies: peerDependencies:
@ -163,13 +163,13 @@ packages:
magic-string: 0.26.2 magic-string: 0.26.2
svelte: 3.49.0 svelte: 3.49.0
svelte-hmr: 0.14.12_svelte@3.49.0 svelte-hmr: 0.14.12_svelte@3.49.0
vite: 3.0.2 vite: 3.0.3
transitivePeerDependencies: transitivePeerDependencies:
- supports-color - supports-color
dev: true dev: true
/@types/node/18.0.6: /@types/node/18.6.1:
resolution: {integrity: sha512-/xUq6H2aQm261exT6iZTMifUySEt4GR5KX8eYyY+C4MSNPqSh9oNIP7tz2GLKTlFaiBbgZNxffoR3CVRG+cljw==} resolution: {integrity: sha512-z+2vB6yDt1fNwKOeGbckpmirO+VBDuQqecXkgeIqDlaOtmKn6hPR/viQ8cxCfqLU4fTlvM3+YjM367TukWdxpg==}
dev: true dev: true
/@types/pug/2.0.6: /@types/pug/2.0.6:
@ -179,7 +179,7 @@ packages:
/@types/sass/1.43.1: /@types/sass/1.43.1:
resolution: {integrity: sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==} resolution: {integrity: sha512-BPdoIt1lfJ6B7rw35ncdwBZrAssjcwzI5LByIrYs+tpXlj/CAkuVdRsgZDdP4lq5EjyWzwxZCqAoFyHKFwp32g==}
dependencies: dependencies:
'@types/node': 18.0.6 '@types/node': 18.6.1
dev: true dev: true
/@types/unist/2.0.6: /@types/unist/2.0.6:
@ -286,8 +286,8 @@ packages:
resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==} resolution: {integrity: sha512-SOp9Phqvqn7jtEUxPWdWfWoLmyt2VaJ6MpvP9Comy1MceMXqE6bxvaTu4iaxpYYPzhny28Lc+M87/c2cPK6lDg==}
dev: true dev: true
/esbuild-android-64/0.14.49: /esbuild-android-64/0.14.50:
resolution: {integrity: sha512-vYsdOTD+yi+kquhBiFWl3tyxnj2qZJsl4tAqwhT90ktUdnyTizgle7TjNx6Ar1bN7wcwWqZ9QInfdk2WVagSww==} resolution: {integrity: sha512-H7iUEm7gUJHzidsBlFPGF6FTExazcgXL/46xxLo6i6bMtPim6ZmXyTccS8yOMpy6HAC6dPZ/JCQqrkkin69n6Q==}
engines: {node: '>=12'} engines: {node: '>=12'}
cpu: [x64] cpu: [x64]
os: [android] os: [android]
@ -295,8 +295,8 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-android-arm64/0.14.49: /esbuild-android-arm64/0.14.50:
resolution: {integrity: sha512-g2HGr/hjOXCgSsvQZ1nK4nW/ei8JUx04Li74qub9qWrStlysaVmadRyTVuW32FGIpLQyc5sUjjZopj49eGGM2g==} resolution: {integrity: sha512-NFaoqEwa+OYfoYVpQWDMdKII7wZZkAjtJFo1WdnBeCYlYikvUhTnf2aPwPu5qEAw/ie1NYK0yn3cafwP+kP+OQ==}
engines: {node: '>=12'} engines: {node: '>=12'}
cpu: [arm64] cpu: [arm64]
os: [android] os: [android]
@ -304,8 +304,8 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-darwin-64/0.14.49: /esbuild-darwin-64/0.14.50:
resolution: {integrity: sha512-3rvqnBCtX9ywso5fCHixt2GBCUsogNp9DjGmvbBohh31Ces34BVzFltMSxJpacNki96+WIcX5s/vum+ckXiLYg==} resolution: {integrity: sha512-gDQsCvGnZiJv9cfdO48QqxkRV8oKAXgR2CGp7TdIpccwFdJMHf8hyIJhMW/05b/HJjET/26Us27Jx91BFfEVSA==}
engines: {node: '>=12'} engines: {node: '>=12'}
cpu: [x64] cpu: [x64]
os: [darwin] os: [darwin]
@ -313,8 +313,8 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-darwin-arm64/0.14.49: /esbuild-darwin-arm64/0.14.50:
resolution: {integrity: sha512-XMaqDxO846srnGlUSJnwbijV29MTKUATmOLyQSfswbK/2X5Uv28M9tTLUJcKKxzoo9lnkYPsx2o8EJcTYwCs/A==} resolution: {integrity: sha512-36nNs5OjKIb/Q50Sgp8+rYW/PqirRiFN0NFc9hEvgPzNJxeJedktXwzfJSln4EcRFRh5Vz4IlqFRScp+aiBBzA==}
engines: {node: '>=12'} engines: {node: '>=12'}
cpu: [arm64] cpu: [arm64]
os: [darwin] os: [darwin]
@ -322,8 +322,8 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-freebsd-64/0.14.49: /esbuild-freebsd-64/0.14.50:
resolution: {integrity: sha512-NJ5Q6AjV879mOHFri+5lZLTp5XsO2hQ+KSJYLbfY9DgCu8s6/Zl2prWXVANYTeCDLlrIlNNYw8y34xqyLDKOmQ==} resolution: {integrity: sha512-/1pHHCUem8e/R86/uR+4v5diI2CtBdiWKiqGuPa9b/0x3Nwdh5AOH7lj+8823C6uX1e0ufwkSLkS+aFZiBCWxA==}
engines: {node: '>=12'} engines: {node: '>=12'}
cpu: [x64] cpu: [x64]
os: [freebsd] os: [freebsd]
@ -331,8 +331,8 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-freebsd-arm64/0.14.49: /esbuild-freebsd-arm64/0.14.50:
resolution: {integrity: sha512-lFLtgXnAc3eXYqj5koPlBZvEbBSOSUbWO3gyY/0+4lBdRqELyz4bAuamHvmvHW5swJYL7kngzIZw6kdu25KGOA==} resolution: {integrity: sha512-iKwUVMQztnPZe5pUYHdMkRc9aSpvoV1mkuHlCoPtxZA3V+Kg/ptpzkcSY+fKd0kuom+l6Rc93k0UPVkP7xoqrw==}
engines: {node: '>=12'} engines: {node: '>=12'}
cpu: [arm64] cpu: [arm64]
os: [freebsd] os: [freebsd]
@ -340,8 +340,8 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-linux-32/0.14.49: /esbuild-linux-32/0.14.50:
resolution: {integrity: sha512-zTTH4gr2Kb8u4QcOpTDVn7Z8q7QEIvFl/+vHrI3cF6XOJS7iEI1FWslTo3uofB2+mn6sIJEQD9PrNZKoAAMDiA==} resolution: {integrity: sha512-sWUwvf3uz7dFOpLzYuih+WQ7dRycrBWHCdoXJ4I4XdMxEHCECd8b7a9N9u7FzT6XR2gHPk9EzvchQUtiEMRwqw==}
engines: {node: '>=12'} engines: {node: '>=12'}
cpu: [ia32] cpu: [ia32]
os: [linux] os: [linux]
@ -349,8 +349,8 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-linux-64/0.14.49: /esbuild-linux-64/0.14.50:
resolution: {integrity: sha512-hYmzRIDzFfLrB5c1SknkxzM8LdEUOusp6M2TnuQZJLRtxTgyPnZZVtyMeCLki0wKgYPXkFsAVhi8vzo2mBNeTg==} resolution: {integrity: sha512-u0PQxPhaeI629t4Y3EEcQ0wmWG+tC/LpP2K7yDFvwuPq0jSQ8SIN+ARNYfRjGW15O2we3XJvklbGV0wRuUCPig==}
engines: {node: '>=12'} engines: {node: '>=12'}
cpu: [x64] cpu: [x64]
os: [linux] os: [linux]
@ -358,8 +358,8 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-linux-arm/0.14.49: /esbuild-linux-arm/0.14.50:
resolution: {integrity: sha512-iE3e+ZVv1Qz1Sy0gifIsarJMQ89Rpm9mtLSRtG3AH0FPgAzQ5Z5oU6vYzhc/3gSPi2UxdCOfRhw2onXuFw/0lg==} resolution: {integrity: sha512-VALZq13bhmFJYFE/mLEb+9A0w5vo8z+YDVOWeaf9vOTrSC31RohRIwtxXBnVJ7YKLYfEMzcgFYf+OFln3Y0cWg==}
engines: {node: '>=12'} engines: {node: '>=12'}
cpu: [arm] cpu: [arm]
os: [linux] os: [linux]
@ -367,8 +367,8 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-linux-arm64/0.14.49: /esbuild-linux-arm64/0.14.50:
resolution: {integrity: sha512-KLQ+WpeuY+7bxukxLz5VgkAAVQxUv67Ft4DmHIPIW+2w3ObBPQhqNoeQUHxopoW/aiOn3m99NSmSV+bs4BSsdA==} resolution: {integrity: sha512-ZyfoNgsTftD7Rp5S7La5auomKdNeB3Ck+kSKXC4pp96VnHyYGjHHXWIlcbH8i+efRn9brszo1/Thl1qn8RqmhQ==}
engines: {node: '>=12'} engines: {node: '>=12'}
cpu: [arm64] cpu: [arm64]
os: [linux] os: [linux]
@ -376,8 +376,8 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-linux-mips64le/0.14.49: /esbuild-linux-mips64le/0.14.50:
resolution: {integrity: sha512-n+rGODfm8RSum5pFIqFQVQpYBw+AztL8s6o9kfx7tjfK0yIGF6tm5HlG6aRjodiiKkH2xAiIM+U4xtQVZYU4rA==} resolution: {integrity: sha512-ygo31Vxn/WrmjKCHkBoutOlFG5yM9J2UhzHb0oWD9O61dGg+Hzjz9hjf5cmM7FBhAzdpOdEWHIrVOg2YAi6rTw==}
engines: {node: '>=12'} engines: {node: '>=12'}
cpu: [mips64el] cpu: [mips64el]
os: [linux] os: [linux]
@ -385,8 +385,8 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-linux-ppc64le/0.14.49: /esbuild-linux-ppc64le/0.14.50:
resolution: {integrity: sha512-WP9zR4HX6iCBmMFH+XHHng2LmdoIeUmBpL4aL2TR8ruzXyT4dWrJ5BSbT8iNo6THN8lod6GOmYDLq/dgZLalGw==} resolution: {integrity: sha512-xWCKU5UaiTUT6Wz/O7GKP9KWdfbsb7vhfgQzRfX4ahh5NZV4ozZ4+SdzYG8WxetsLy84UzLX3Pi++xpVn1OkFQ==}
engines: {node: '>=12'} engines: {node: '>=12'}
cpu: [ppc64] cpu: [ppc64]
os: [linux] os: [linux]
@ -394,8 +394,8 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-linux-riscv64/0.14.49: /esbuild-linux-riscv64/0.14.50:
resolution: {integrity: sha512-h66ORBz+Dg+1KgLvzTVQEA1LX4XBd1SK0Fgbhhw4akpG/YkN8pS6OzYI/7SGENiN6ao5hETRDSkVcvU9NRtkMQ==} resolution: {integrity: sha512-0+dsneSEihZTopoO9B6Z6K4j3uI7EdxBP7YSF5rTwUgCID+wHD3vM1gGT0m+pjCW+NOacU9kH/WE9N686FHAJg==}
engines: {node: '>=12'} engines: {node: '>=12'}
cpu: [riscv64] cpu: [riscv64]
os: [linux] os: [linux]
@ -403,8 +403,8 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-linux-s390x/0.14.49: /esbuild-linux-s390x/0.14.50:
resolution: {integrity: sha512-DhrUoFVWD+XmKO1y7e4kNCqQHPs6twz6VV6Uezl/XHYGzM60rBewBF5jlZjG0nCk5W/Xy6y1xWeopkrhFFM0sQ==} resolution: {integrity: sha512-tVjqcu8o0P9H4StwbIhL1sQYm5mWATlodKB6dpEZFkcyTI8kfIGWiWcrGmkNGH2i1kBUOsdlBafPxR3nzp3TDA==}
engines: {node: '>=12'} engines: {node: '>=12'}
cpu: [s390x] cpu: [s390x]
os: [linux] os: [linux]
@ -412,8 +412,8 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-netbsd-64/0.14.49: /esbuild-netbsd-64/0.14.50:
resolution: {integrity: sha512-BXaUwFOfCy2T+hABtiPUIpWjAeWK9P8O41gR4Pg73hpzoygVGnj0nI3YK4SJhe52ELgtdgWP/ckIkbn2XaTxjQ==} resolution: {integrity: sha512-0R/glfqAQ2q6MHDf7YJw/TulibugjizBxyPvZIcorH0Mb7vSimdHy0XF5uCba5CKt+r4wjax1mvO9lZ4jiAhEg==}
engines: {node: '>=12'} engines: {node: '>=12'}
cpu: [x64] cpu: [x64]
os: [netbsd] os: [netbsd]
@ -421,8 +421,8 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-openbsd-64/0.14.49: /esbuild-openbsd-64/0.14.50:
resolution: {integrity: sha512-lP06UQeLDGmVPw9Rg437Btu6J9/BmyhdoefnQ4gDEJTtJvKtQaUcOQrhjTq455ouZN4EHFH1h28WOJVANK41kA==} resolution: {integrity: sha512-7PAtmrR5mDOFubXIkuxYQ4bdNS6XCK8AIIHUiZxq1kL8cFIH5731jPcXQ4JNy/wbj1C9sZ8rzD8BIM80Tqk29w==}
engines: {node: '>=12'} engines: {node: '>=12'}
cpu: [x64] cpu: [x64]
os: [openbsd] os: [openbsd]
@ -430,8 +430,8 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-sunos-64/0.14.49: /esbuild-sunos-64/0.14.50:
resolution: {integrity: sha512-4c8Zowp+V3zIWje329BeLbGh6XI9c/rqARNaj5yPHdC61pHI9UNdDxT3rePPJeWcEZVKjkiAS6AP6kiITp7FSw==} resolution: {integrity: sha512-gBxNY/wyptvD7PkHIYcq7se6SQEXcSC8Y7mE0FJB+CGgssEWf6vBPfTTZ2b6BWKnmaP6P6qb7s/KRIV5T2PxsQ==}
engines: {node: '>=12'} engines: {node: '>=12'}
cpu: [x64] cpu: [x64]
os: [sunos] os: [sunos]
@ -439,8 +439,8 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-windows-32/0.14.49: /esbuild-windows-32/0.14.50:
resolution: {integrity: sha512-q7Rb+J9yHTeKr9QTPDYkqfkEj8/kcKz9lOabDuvEXpXuIcosWCJgo5Z7h/L4r7rbtTH4a8U2FGKb6s1eeOHmJA==} resolution: {integrity: sha512-MOOe6J9cqe/iW1qbIVYSAqzJFh0p2LBLhVUIWdMVnNUNjvg2/4QNX4oT4IzgDeldU+Bym9/Tn6+DxvUHJXL5Zw==}
engines: {node: '>=12'} engines: {node: '>=12'}
cpu: [ia32] cpu: [ia32]
os: [win32] os: [win32]
@ -448,8 +448,8 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-windows-64/0.14.49: /esbuild-windows-64/0.14.50:
resolution: {integrity: sha512-+Cme7Ongv0UIUTniPqfTX6mJ8Deo7VXw9xN0yJEN1lQMHDppTNmKwAM3oGbD/Vqff+07K2gN0WfNkMohmG+dVw==} resolution: {integrity: sha512-r/qE5Ex3w1jjGv/JlpPoWB365ldkppUlnizhMxJgojp907ZF1PgLTuW207kgzZcSCXyquL9qJkMsY+MRtaZ5yQ==}
engines: {node: '>=12'} engines: {node: '>=12'}
cpu: [x64] cpu: [x64]
os: [win32] os: [win32]
@ -457,8 +457,8 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild-windows-arm64/0.14.49: /esbuild-windows-arm64/0.14.50:
resolution: {integrity: sha512-v+HYNAXzuANrCbbLFJ5nmO3m5y2PGZWLe3uloAkLt87aXiO2mZr3BTmacZdjwNkNEHuH3bNtN8cak+mzVjVPfA==} resolution: {integrity: sha512-EMS4lQnsIe12ZyAinOINx7eq2mjpDdhGZZWDwPZE/yUTN9cnc2Ze/xUTYIAyaJqrqQda3LnDpADKpvLvol6ENQ==}
engines: {node: '>=12'} engines: {node: '>=12'}
cpu: [arm64] cpu: [arm64]
os: [win32] os: [win32]
@ -466,32 +466,32 @@ packages:
dev: true dev: true
optional: true optional: true
/esbuild/0.14.49: /esbuild/0.14.50:
resolution: {integrity: sha512-/TlVHhOaq7Yz8N1OJrjqM3Auzo5wjvHFLk+T8pIue+fhnhIMpfAzsG6PLVMbFveVxqD2WOp3QHei+52IMUNmCw==} resolution: {integrity: sha512-SbC3k35Ih2IC6trhbMYW7hYeGdjPKf9atTKwBUHqMCYFZZ9z8zhuvfnZihsnJypl74FjiAKjBRqFkBkAd0rS/w==}
engines: {node: '>=12'} engines: {node: '>=12'}
hasBin: true hasBin: true
requiresBuild: true requiresBuild: true
optionalDependencies: optionalDependencies:
esbuild-android-64: 0.14.49 esbuild-android-64: 0.14.50
esbuild-android-arm64: 0.14.49 esbuild-android-arm64: 0.14.50
esbuild-darwin-64: 0.14.49 esbuild-darwin-64: 0.14.50
esbuild-darwin-arm64: 0.14.49 esbuild-darwin-arm64: 0.14.50
esbuild-freebsd-64: 0.14.49 esbuild-freebsd-64: 0.14.50
esbuild-freebsd-arm64: 0.14.49 esbuild-freebsd-arm64: 0.14.50
esbuild-linux-32: 0.14.49 esbuild-linux-32: 0.14.50
esbuild-linux-64: 0.14.49 esbuild-linux-64: 0.14.50
esbuild-linux-arm: 0.14.49 esbuild-linux-arm: 0.14.50
esbuild-linux-arm64: 0.14.49 esbuild-linux-arm64: 0.14.50
esbuild-linux-mips64le: 0.14.49 esbuild-linux-mips64le: 0.14.50
esbuild-linux-ppc64le: 0.14.49 esbuild-linux-ppc64le: 0.14.50
esbuild-linux-riscv64: 0.14.49 esbuild-linux-riscv64: 0.14.50
esbuild-linux-s390x: 0.14.49 esbuild-linux-s390x: 0.14.50
esbuild-netbsd-64: 0.14.49 esbuild-netbsd-64: 0.14.50
esbuild-openbsd-64: 0.14.49 esbuild-openbsd-64: 0.14.50
esbuild-sunos-64: 0.14.49 esbuild-sunos-64: 0.14.50
esbuild-windows-32: 0.14.49 esbuild-windows-32: 0.14.50
esbuild-windows-64: 0.14.49 esbuild-windows-64: 0.14.50
esbuild-windows-arm64: 0.14.49 esbuild-windows-arm64: 0.14.50
dev: true dev: true
/estree-walker/2.0.2: /estree-walker/2.0.2:
@ -916,8 +916,8 @@ packages:
glob: 7.2.3 glob: 7.2.3
dev: true dev: true
/rollup/2.77.0: /rollup/2.77.2:
resolution: {integrity: sha512-vL8xjY4yOQEw79DvyXLijhnhh+R/O9zpF/LEgkCebZFtb6ELeN9H3/2T0r8+mp+fFTBHZ5qGpOpW2ela2zRt3g==} resolution: {integrity: sha512-m/4YzYgLcpMQbxX3NmAqDvwLATZzxt8bIegO78FZLl+lAgKJBd1DRAOeEiZcKOIOPjxE6ewHWHNgGEalFXuz1g==}
engines: {node: '>=10.0.0'} engines: {node: '>=10.0.0'}
hasBin: true hasBin: true
optionalDependencies: optionalDependencies:
@ -1137,7 +1137,7 @@ packages:
'@types/unist': 2.0.6 '@types/unist': 2.0.6
dev: true dev: true
/unplugin-icons/0.14.7_vite@3.0.2: /unplugin-icons/0.14.7_vite@3.0.3:
resolution: {integrity: sha512-TrNnEdpaXMdiG5BsCgvU6cv/gSLYvIk1f8wGCGZmOo4wmi3nqYBuqIEuiXhmmyXdDZuRRpCaOzCnCYYZ5H7U8g==} resolution: {integrity: sha512-TrNnEdpaXMdiG5BsCgvU6cv/gSLYvIk1f8wGCGZmOo4wmi3nqYBuqIEuiXhmmyXdDZuRRpCaOzCnCYYZ5H7U8g==}
peerDependencies: peerDependencies:
'@svgr/core': '>=5.5.0' '@svgr/core': '>=5.5.0'
@ -1160,7 +1160,7 @@ packages:
debug: 4.3.4 debug: 4.3.4
kolorist: 1.5.1 kolorist: 1.5.1
local-pkg: 0.4.2 local-pkg: 0.4.2
unplugin: 0.7.2_vite@3.0.2 unplugin: 0.7.2_vite@3.0.3
transitivePeerDependencies: transitivePeerDependencies:
- esbuild - esbuild
- rollup - rollup
@ -1169,7 +1169,7 @@ packages:
- webpack - webpack
dev: true dev: true
/unplugin/0.7.2_vite@3.0.2: /unplugin/0.7.2_vite@3.0.3:
resolution: {integrity: sha512-m7thX4jP8l5sETpLdUASoDOGOcHaOVtgNyrYlToyQUvILUtEzEnngRBrHnAX3IKqooJVmXpoa/CwQ/QqzvGaHQ==} resolution: {integrity: sha512-m7thX4jP8l5sETpLdUASoDOGOcHaOVtgNyrYlToyQUvILUtEzEnngRBrHnAX3IKqooJVmXpoa/CwQ/QqzvGaHQ==}
peerDependencies: peerDependencies:
esbuild: '>=0.13' esbuild: '>=0.13'
@ -1188,7 +1188,7 @@ packages:
dependencies: dependencies:
acorn: 8.8.0 acorn: 8.8.0
chokidar: 3.5.3 chokidar: 3.5.3
vite: 3.0.2 vite: 3.0.3
webpack-sources: 3.2.3 webpack-sources: 3.2.3
webpack-virtual-modules: 0.4.4 webpack-virtual-modules: 0.4.4
dev: true dev: true
@ -1200,8 +1200,8 @@ packages:
unist-util-stringify-position: 2.0.3 unist-util-stringify-position: 2.0.3
dev: true dev: true
/vite/3.0.2: /vite/3.0.3:
resolution: {integrity: sha512-TAqydxW/w0U5AoL5AsD9DApTvGb2iNbGs3sN4u2VdT1GFkQVUfgUldt+t08TZgi23uIauh1TUOQJALduo9GXqw==} resolution: {integrity: sha512-sDIpIcl3mv1NUaSzZwiXGEy1ZoWwwC2vkxUHY6yiDacR6zf//ZFuBJrozO62gedpE43pmxnLATNR5IYUdAEkMQ==}
engines: {node: ^14.18.0 || >=16.0.0} engines: {node: ^14.18.0 || >=16.0.0}
hasBin: true hasBin: true
peerDependencies: peerDependencies:
@ -1219,10 +1219,10 @@ packages:
terser: terser:
optional: true optional: true
dependencies: dependencies:
esbuild: 0.14.49 esbuild: 0.14.50
postcss: 8.4.14 postcss: 8.4.14
resolve: 1.22.1 resolve: 1.22.1
rollup: 2.77.0 rollup: 2.77.2
optionalDependencies: optionalDependencies:
fsevents: 2.3.2 fsevents: 2.3.2
dev: true dev: true

View File

@ -1,3 +1,7 @@
<script>
import IconBars from "~icons/fa6-solid/bars";
</script>
<nav> <nav>
<a class="brand" href="/"> <a class="brand" href="/">
<img src="/logo.png" alt="Project Segfault logo" /> <img src="/logo.png" alt="Project Segfault logo" />
@ -10,6 +14,13 @@
> >
</a> </a>
<input type="checkbox" id="toggle-menu">
<label class="menu-icon" for="toggle-menu">
<a id="menu-icon">
<IconBars />
</a>
</label>
<div class="links"> <div class="links">
<a href="https://instances.projectsegfau.lt/">Instances & Gameservers</a <a href="https://instances.projectsegfau.lt/">Instances & Gameservers</a
> >
@ -21,6 +32,9 @@
<a href="https://blog.projectsegfau.lt/">Blog</a> <a href="https://blog.projectsegfau.lt/">Blog</a>
<a href="/legal">Legal</a> <a href="/legal">Legal</a>
</div> </div>
</nav> </nav>
<style> <style>
@ -32,14 +46,17 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
} }
a.brand { a.brand {
display: flex; display: flex;
flex-direction: row;
align-items: center; align-items: center;
text-decoration: none; text-decoration: none;
} }
.links {
display: flex;
gap: .5rem;
}
.links > * { .links > * {
background-color: var(--tertiary); background-color: var(--tertiary);
border: none; border: none;
@ -70,22 +87,60 @@
border-radius: 50%; border-radius: 50%;
} }
div.links { .menu-icon {
display: flex; cursor: pointer;
gap: 8px; display: none;
} }
@media only screen and (max-width: 820px) { #toggle-menu {
display: none;
}
@media screen and (max-width: 1150px) {
.links {
display: none;
width: 100%;
background-color: var(--secondary);
padding-top: 2rem;
}
nav { nav {
display: flex;
flex-direction: column; flex-direction: column;
align-items: flex-start; align-items: flex-start;
line-height: normal;
} }
div.links { .links a {
flex-direction: column; display: block;
margin-top: 10px;
gap: 19px;
} }
.menu-icon {
display: block;
z-index: 1;
position: absolute;
top: .45rem;
right: 1rem;
background-color: var(--tertiary);
border: none;
border-radius: 10px;
padding: 1rem;
cursor: pointer;
line-height: 1;
}
#menu-icon {
display: flex;
align-items: center;
color: var(--text);
}
#toggle-menu:checked ~ .links {
display: flex;
flex-direction: column;
gap: 1rem;
}
} }
</style> </style>