feat: sticky navbar and sidebar, minor fixes

(cherry picked from commit cd3c1444ab72dbab172f9135f293b29ac5eee14e)
This commit is contained in:
saicaca 2023-10-11 22:30:20 +08:00
parent f4dc88e982
commit eb7c408b6a
7 changed files with 106 additions and 118 deletions

View File

@ -14,7 +14,7 @@
"@astrojs/tailwind": "^4.0.0", "@astrojs/tailwind": "^4.0.0",
"@astrojs/vue": "^3.0.1", "@astrojs/vue": "^3.0.1",
"@fontsource/roboto": "^5.0.8", "@fontsource/roboto": "^5.0.8",
"astro": "^3.2.3", "astro": "^3.2.4",
"astro-icon": "1.0.0-next.2", "astro-icon": "1.0.0-next.2",
"colorjs.io": "^0.4.5", "colorjs.io": "^0.4.5",
"mdast-util-to-string": "^4.0.0", "mdast-util-to-string": "^4.0.0",

View File

@ -10,16 +10,16 @@ dependencies:
version: 0.2.0(typescript@5.2.2) version: 0.2.0(typescript@5.2.2)
'@astrojs/tailwind': '@astrojs/tailwind':
specifier: ^4.0.0 specifier: ^4.0.0
version: 4.0.0(astro@3.2.3)(tailwindcss@3.3.3) version: 4.0.0(astro@3.2.4)(tailwindcss@3.3.3)
'@astrojs/vue': '@astrojs/vue':
specifier: ^3.0.1 specifier: ^3.0.1
version: 3.0.1(@babel/core@7.23.0)(astro@3.2.3)(vite@4.4.11)(vue@3.3.4) version: 3.0.1(@babel/core@7.23.0)(astro@3.2.4)(vite@4.4.11)(vue@3.3.4)
'@fontsource/roboto': '@fontsource/roboto':
specifier: ^5.0.8 specifier: ^5.0.8
version: 5.0.8 version: 5.0.8
astro: astro:
specifier: ^3.2.3 specifier: ^3.2.4
version: 3.2.3(stylus@0.59.0) version: 3.2.4(stylus@0.59.0)
astro-icon: astro-icon:
specifier: 1.0.0-next.2 specifier: 1.0.0-next.2
version: 1.0.0-next.2 version: 1.0.0-next.2
@ -135,33 +135,33 @@ packages:
dependencies: dependencies:
'@astrojs/compiler': 1.5.7 '@astrojs/compiler': 1.5.7
'@jridgewell/sourcemap-codec': 1.4.15 '@jridgewell/sourcemap-codec': 1.4.15
'@volar/kit': 1.10.1(typescript@5.2.2) '@volar/kit': 1.10.3(typescript@5.2.2)
'@volar/language-core': 1.10.1 '@volar/language-core': 1.10.3
'@volar/language-server': 1.10.1 '@volar/language-server': 1.10.3
'@volar/language-service': 1.10.1 '@volar/language-service': 1.10.3
'@volar/source-map': 1.10.1 '@volar/source-map': 1.10.3
'@volar/typescript': 1.10.1 '@volar/typescript': 1.10.3
fast-glob: 3.3.1 fast-glob: 3.3.1
muggle-string: 0.3.1 muggle-string: 0.3.1
volar-service-css: 0.0.13(@volar/language-service@1.10.1) volar-service-css: 0.0.13(@volar/language-service@1.10.3)
volar-service-emmet: 0.0.13(@volar/language-service@1.10.1) volar-service-emmet: 0.0.13(@volar/language-service@1.10.3)
volar-service-html: 0.0.13(@volar/language-service@1.10.1) volar-service-html: 0.0.13(@volar/language-service@1.10.3)
volar-service-prettier: 0.0.13(@volar/language-service@1.10.1) volar-service-prettier: 0.0.13(@volar/language-service@1.10.3)
volar-service-typescript: 0.0.13(@volar/language-service@1.10.1)(@volar/typescript@1.10.1) volar-service-typescript: 0.0.13(@volar/language-service@1.10.3)(@volar/typescript@1.10.3)
volar-service-typescript-twoslash-queries: 0.0.13(@volar/language-service@1.10.1) volar-service-typescript-twoslash-queries: 0.0.13(@volar/language-service@1.10.3)
vscode-html-languageservice: 5.1.0 vscode-html-languageservice: 5.1.0
vscode-uri: 3.0.8 vscode-uri: 3.0.8
transitivePeerDependencies: transitivePeerDependencies:
- typescript - typescript
dev: false dev: false
/@astrojs/markdown-remark@3.2.1(astro@3.2.3): /@astrojs/markdown-remark@3.2.1(astro@3.2.4):
resolution: {integrity: sha512-Z4YNMRtgFZeHhB29uCZl0B9MbMZddW9ZKCNucapoysbvygbDFF1gGtqpVnf+Lyv3rUBHwM/J5qWB2MSZuTuz1g==} resolution: {integrity: sha512-Z4YNMRtgFZeHhB29uCZl0B9MbMZddW9ZKCNucapoysbvygbDFF1gGtqpVnf+Lyv3rUBHwM/J5qWB2MSZuTuz1g==}
peerDependencies: peerDependencies:
astro: ^3.2.3 astro: ^3.2.3
dependencies: dependencies:
'@astrojs/prism': 3.0.0 '@astrojs/prism': 3.0.0
astro: 3.2.3(stylus@0.59.0) astro: 3.2.4(stylus@0.59.0)
github-slugger: 2.0.0 github-slugger: 2.0.0
import-meta-resolve: 3.0.0 import-meta-resolve: 3.0.0
mdast-util-definitions: 6.0.0 mdast-util-definitions: 6.0.0
@ -186,13 +186,13 @@ packages:
prismjs: 1.29.0 prismjs: 1.29.0
dev: false dev: false
/@astrojs/tailwind@4.0.0(astro@3.2.3)(tailwindcss@3.3.3): /@astrojs/tailwind@4.0.0(astro@3.2.4)(tailwindcss@3.3.3):
resolution: {integrity: sha512-HmCAXFFes7MUBt5ihdfH1goa8QyGkHejIpz6Z4XBKK9VNYY9G2E3brCn8+pNn5zAOzcwl3FYcuH2AiOa/NGoMQ==} resolution: {integrity: sha512-HmCAXFFes7MUBt5ihdfH1goa8QyGkHejIpz6Z4XBKK9VNYY9G2E3brCn8+pNn5zAOzcwl3FYcuH2AiOa/NGoMQ==}
peerDependencies: peerDependencies:
astro: ^2.6.5 astro: ^2.6.5
tailwindcss: ^3.0.24 tailwindcss: ^3.0.24
dependencies: dependencies:
astro: 3.2.3(stylus@0.59.0) astro: 3.2.4(stylus@0.59.0)
autoprefixer: 10.4.16(postcss@8.4.31) autoprefixer: 10.4.16(postcss@8.4.31)
postcss: 8.4.31 postcss: 8.4.31
postcss-load-config: 4.0.1(postcss@8.4.31) postcss-load-config: 4.0.1(postcss@8.4.31)
@ -221,12 +221,12 @@ packages:
dependencies: dependencies:
'@astrojs/compiler': 1.5.7 '@astrojs/compiler': 1.5.7
'@jridgewell/sourcemap-codec': 1.4.15 '@jridgewell/sourcemap-codec': 1.4.15
'@volar/language-core': 1.10.1 '@volar/language-core': 1.10.3
'@volar/typescript': 1.10.1 '@volar/typescript': 1.10.3
vscode-languageserver-textdocument: 1.0.11 vscode-languageserver-textdocument: 1.0.11
dev: true dev: true
/@astrojs/vue@3.0.1(@babel/core@7.23.0)(astro@3.2.3)(vite@4.4.11)(vue@3.3.4): /@astrojs/vue@3.0.1(@babel/core@7.23.0)(astro@3.2.4)(vite@4.4.11)(vue@3.3.4):
resolution: {integrity: sha512-qXn99sQ60zUPoHsMXGt43IySMKN5VXZz5VJlTKqkXG+CFV9DOWw0+syj/5iYKZSouH3nyNNb5a9uAkdz+X6Cew==} resolution: {integrity: sha512-qXn99sQ60zUPoHsMXGt43IySMKN5VXZz5VJlTKqkXG+CFV9DOWw0+syj/5iYKZSouH3nyNNb5a9uAkdz+X6Cew==}
engines: {node: '>=18.14.1'} engines: {node: '>=18.14.1'}
peerDependencies: peerDependencies:
@ -237,7 +237,7 @@ packages:
'@vitejs/plugin-vue-jsx': 3.0.2(vite@4.4.11)(vue@3.3.4) '@vitejs/plugin-vue-jsx': 3.0.2(vite@4.4.11)(vue@3.3.4)
'@vue/babel-plugin-jsx': 1.1.5(@babel/core@7.23.0) '@vue/babel-plugin-jsx': 1.1.5(@babel/core@7.23.0)
'@vue/compiler-sfc': 3.3.4 '@vue/compiler-sfc': 3.3.4
astro: 3.2.3(stylus@0.59.0) astro: 3.2.4(stylus@0.59.0)
vue: 3.3.4 vue: 3.3.4
transitivePeerDependencies: transitivePeerDependencies:
- '@babel/core' - '@babel/core'
@ -1127,7 +1127,7 @@ packages:
/@types/cheerio@0.22.32: /@types/cheerio@0.22.32:
resolution: {integrity: sha512-4RrpCp5ufWTLb6/1RCOjazRhUM6DTD79l763det29n8kLmPB7XeN46cxlUf2GsSF+0g6CbWT5nYl8C/Gs15bdg==} resolution: {integrity: sha512-4RrpCp5ufWTLb6/1RCOjazRhUM6DTD79l763det29n8kLmPB7XeN46cxlUf2GsSF+0g6CbWT5nYl8C/Gs15bdg==}
dependencies: dependencies:
'@types/node': 20.8.2 '@types/node': 20.8.4
dev: false dev: false
/@types/debug@4.1.9: /@types/debug@4.1.9:
@ -1181,8 +1181,10 @@ packages:
'@types/unist': 2.0.8 '@types/unist': 2.0.8
dev: false dev: false
/@types/node@20.8.2: /@types/node@20.8.4:
resolution: {integrity: sha512-Vvycsc9FQdwhxE3y3DzeIxuEJbWGDsnrxvMADzTDF/lcdR9/K+AQIeAghTQsHtotg/q0j3WEOYS/jQgSdWue3w==} resolution: {integrity: sha512-ZVPnqU58giiCjSxjVUESDtdPk4QR5WQhhINbc9UBrKLU68MX5BF6kbQzTrkwbolyr0X8ChBpXfavr5mZFKZQ5A==}
dependencies:
undici-types: 5.25.3
dev: false dev: false
/@types/parse5@6.0.3: /@types/parse5@6.0.3:
@ -1196,7 +1198,7 @@ packages:
/@types/tar@6.1.6: /@types/tar@6.1.6:
resolution: {integrity: sha512-HQ06kiiDXz9uqtmE9ksQUn1ovcPr1gGV9EgaCWo6FGYKD0onNBCetBzL0kfcS8Kbj1EFxJWY9jL2W4ZvvtGI8Q==} resolution: {integrity: sha512-HQ06kiiDXz9uqtmE9ksQUn1ovcPr1gGV9EgaCWo6FGYKD0onNBCetBzL0kfcS8Kbj1EFxJWY9jL2W4ZvvtGI8Q==}
dependencies: dependencies:
'@types/node': 20.8.2 '@types/node': 20.8.4
minipass: 4.2.8 minipass: 4.2.8
dev: false dev: false
@ -1212,7 +1214,7 @@ packages:
resolution: {integrity: sha512-CHzgNU3qYBnp/O4S3yv2tXPlvMTq0YWSTVg2/JYLqWZGHwwgJGAwd00poay/11asPq8wLFwHzubyInqHIFmmiw==} resolution: {integrity: sha512-CHzgNU3qYBnp/O4S3yv2tXPlvMTq0YWSTVg2/JYLqWZGHwwgJGAwd00poay/11asPq8wLFwHzubyInqHIFmmiw==}
requiresBuild: true requiresBuild: true
dependencies: dependencies:
'@types/node': 20.8.2 '@types/node': 20.8.4
dev: false dev: false
optional: true optional: true
@ -1243,57 +1245,57 @@ packages:
vue: 3.3.4 vue: 3.3.4
dev: false dev: false
/@volar/kit@1.10.1(typescript@5.2.2): /@volar/kit@1.10.3(typescript@5.2.2):
resolution: {integrity: sha512-+aR3rvgER14VfjFflhD6k161uLdshpuK1tQUrnl8phpKtSGJDXHkTl/WkNk2xCEuE4goShS9nTvruTyrI9gGBw==} resolution: {integrity: sha512-o3ec9b3LdqG60Uj8fixnzbj4i5/aspIZjjPTtFhSOOdLYOv/3e6m/CpFmhadyJCukgCmuG40oTaeVhaz2zhSeg==}
peerDependencies: peerDependencies:
typescript: '*' typescript: '*'
dependencies: dependencies:
'@volar/language-service': 1.10.1 '@volar/language-service': 1.10.3
typesafe-path: 0.2.2 typesafe-path: 0.2.2
typescript: 5.2.2 typescript: 5.2.2
vscode-languageserver-textdocument: 1.0.11 vscode-languageserver-textdocument: 1.0.11
vscode-uri: 3.0.8 vscode-uri: 3.0.8
dev: false dev: false
/@volar/language-core@1.10.1: /@volar/language-core@1.10.3:
resolution: {integrity: sha512-JnsM1mIPdfGPxmoOcK1c7HYAsL6YOv0TCJ4aW3AXPZN/Jb4R77epDyMZIVudSGjWMbvv/JfUa+rQ+dGKTmgwBA==} resolution: {integrity: sha512-7Qgwu9bWUHN+cLrOkCbIVBkL+RVPREhvY07wY89dGxi4mY9mQCsUVRRp64F61lX7Nc27meMnvy0sWlzY0x6oQQ==}
dependencies: dependencies:
'@volar/source-map': 1.10.1 '@volar/source-map': 1.10.3
/@volar/language-server@1.10.1: /@volar/language-server@1.10.3:
resolution: {integrity: sha512-UXgRMAPKoy4EZBcBT1SFp8YIb5AJqe7Is1/TnqRUq0LBBV2M7HpEeHHI8E4fy05Eg4TlSVRcrlZtiTrY9fRjJg==} resolution: {integrity: sha512-uYrZTMGmMPpXINklWzWp5jDWRij6yN6i8ObDpNwENwhg647jxzuEOxjQFvmHrfAJpqYNnZPWY/G0hwsrv45Xnw==}
dependencies: dependencies:
'@volar/language-core': 1.10.1 '@volar/language-core': 1.10.3
'@volar/language-service': 1.10.1 '@volar/language-service': 1.10.3
'@volar/typescript': 1.10.1 '@volar/typescript': 1.10.3
'@vscode/l10n': 0.0.11 '@vscode/l10n': 0.0.16
request-light: 0.7.0 request-light: 0.7.0
typesafe-path: 0.2.2 typesafe-path: 0.2.2
vscode-languageserver: 8.1.0 vscode-languageserver: 9.0.1
vscode-languageserver-protocol: 3.17.5 vscode-languageserver-protocol: 3.17.5
vscode-languageserver-textdocument: 1.0.11 vscode-languageserver-textdocument: 1.0.11
vscode-uri: 3.0.8 vscode-uri: 3.0.8
dev: false dev: false
/@volar/language-service@1.10.1: /@volar/language-service@1.10.3:
resolution: {integrity: sha512-9AfMd8DeBuiw5twyXCL4Dw/9dg7djs2GAMQ5YY6LlN4v6u5IwU+foM/un5F7yzE94v2cuI+NN9LtHeR87AXpRA==} resolution: {integrity: sha512-nz7Gh8bm+aLFuVxJ0wn18d7ihr2XEtJ9Ed8bD74m3IQlmdqNwSILh5jEMNXOI7DW0R5loxtBHN1HYiNJPXDcvA==}
dependencies: dependencies:
'@volar/language-core': 1.10.1 '@volar/language-core': 1.10.3
'@volar/source-map': 1.10.1 '@volar/source-map': 1.10.3
vscode-languageserver-protocol: 3.17.5 vscode-languageserver-protocol: 3.17.5
vscode-languageserver-textdocument: 1.0.11 vscode-languageserver-textdocument: 1.0.11
vscode-uri: 3.0.8 vscode-uri: 3.0.8
dev: false dev: false
/@volar/source-map@1.10.1: /@volar/source-map@1.10.3:
resolution: {integrity: sha512-3/S6KQbqa7pGC8CxPrg69qHLpOvkiPHGJtWPkI/1AXCsktkJ6gIk/5z4hyuMp8Anvs6eS/Kvp/GZa3ut3votKA==} resolution: {integrity: sha512-QE9nwK3xsdBQGongHnC9SCR0itx7xUKQFsUDn5HbZY3pHpyXxdY1hSBG0eh9mE+aTKoM4KlqMvrb+19Tv9vS1Q==}
dependencies: dependencies:
muggle-string: 0.3.1 muggle-string: 0.3.1
/@volar/typescript@1.10.1: /@volar/typescript@1.10.3:
resolution: {integrity: sha512-+iiO9yUSRHIYjlteT+QcdRq8b44qH19/eiUZtjNtuh6D9ailYM7DVR0zO2sEgJlvCaunw/CF9Ov2KooQBpR4VQ==} resolution: {integrity: sha512-n0ar6xGYpRoSvgGMetm/JXP0QAXx+NOUvxCaWCfCjiFivQRSLJeydYDijhoGBUl5KSKosqq9In5L3e/m2TqTcQ==}
dependencies: dependencies:
'@volar/language-core': 1.10.1 '@volar/language-core': 1.10.3
/@vscode/emmet-helper@2.9.2: /@vscode/emmet-helper@2.9.2:
resolution: {integrity: sha512-MaGuyW+fa13q3aYsluKqclmh62Hgp0BpKIqS66fCxfOaBcVQ1OnMQxRRgQUYnCkxFISAQlkJ0qWWPyXjro1Qrg==} resolution: {integrity: sha512-MaGuyW+fa13q3aYsluKqclmh62Hgp0BpKIqS66fCxfOaBcVQ1OnMQxRRgQUYnCkxFISAQlkJ0qWWPyXjro1Qrg==}
@ -1305,10 +1307,6 @@ packages:
vscode-uri: 2.1.2 vscode-uri: 2.1.2
dev: false dev: false
/@vscode/l10n@0.0.11:
resolution: {integrity: sha512-ukOMWnCg1tCvT7WnDfsUKQOFDQGsyR5tNgRpwmqi+5/vzU3ghdDXzvIM4IOPdSb3OeSsBNvmSL8nxIVOqi2WXA==}
dev: false
/@vscode/l10n@0.0.16: /@vscode/l10n@0.0.16:
resolution: {integrity: sha512-JT5CvrIYYCrmB+dCana8sUqJEcGB1ZDXNLMQ2+42bW995WmNoenijWMUdZfwmuQUTQcEVVIa2OecZzTYWUW9Cg==} resolution: {integrity: sha512-JT5CvrIYYCrmB+dCana8sUqJEcGB1ZDXNLMQ2+42bW995WmNoenijWMUdZfwmuQUTQcEVVIa2OecZzTYWUW9Cg==}
dev: false dev: false
@ -1500,14 +1498,14 @@ packages:
- supports-color - supports-color
dev: false dev: false
/astro@3.2.3(stylus@0.59.0): /astro@3.2.4(stylus@0.59.0):
resolution: {integrity: sha512-1epnxQhTbfzgdmLP1yu51E8zjIOKYxZyA8hMTD4S2E+F5gMp/D81H4hekPbbq89GDxNJiHDRNZDHtS5vrU5E5w==} resolution: {integrity: sha512-e95Yz6tYG6Q2SEOCzujqCHq9/HOB2z085KP1K36kGuGtu0qaa3mmnz3R9FpKM/W5SbmrNgUv4QaP207EUkMp5Q==}
engines: {node: '>=18.14.1', npm: '>=6.14.0'} engines: {node: '>=18.14.1', npm: '>=6.14.0'}
hasBin: true hasBin: true
dependencies: dependencies:
'@astrojs/compiler': 2.2.0 '@astrojs/compiler': 2.2.0
'@astrojs/internal-helpers': 0.2.1 '@astrojs/internal-helpers': 0.2.1
'@astrojs/markdown-remark': 3.2.1(astro@3.2.3) '@astrojs/markdown-remark': 3.2.1(astro@3.2.4)
'@astrojs/telemetry': 3.0.3 '@astrojs/telemetry': 3.0.3
'@babel/core': 7.23.0 '@babel/core': 7.23.0
'@babel/generator': 7.23.0 '@babel/generator': 7.23.0
@ -1581,7 +1579,7 @@ packages:
postcss: ^8.1.0 postcss: ^8.1.0
dependencies: dependencies:
browserslist: 4.22.1 browserslist: 4.22.1
caniuse-lite: 1.0.30001546 caniuse-lite: 1.0.30001547
fraction.js: 4.3.6 fraction.js: 4.3.6
normalize-range: 0.1.2 normalize-range: 0.1.2
picocolors: 1.0.0 picocolors: 1.0.0
@ -1663,8 +1661,8 @@ packages:
engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7} engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
hasBin: true hasBin: true
dependencies: dependencies:
caniuse-lite: 1.0.30001546 caniuse-lite: 1.0.30001547
electron-to-chromium: 1.4.542 electron-to-chromium: 1.4.548
node-releases: 2.0.13 node-releases: 2.0.13
update-browserslist-db: 1.0.13(browserslist@4.22.1) update-browserslist-db: 1.0.13(browserslist@4.22.1)
dev: false dev: false
@ -1703,8 +1701,8 @@ packages:
engines: {node: '>=14.16'} engines: {node: '>=14.16'}
dev: false dev: false
/caniuse-lite@1.0.30001546: /caniuse-lite@1.0.30001547:
resolution: {integrity: sha512-zvtSJwuQFpewSyRrI3AsftF6rM0X80mZkChIt1spBGEvRglCrjTniXvinc8JKRoqTwXAgvqTImaN9igfSMtUBw==} resolution: {integrity: sha512-W7CrtIModMAxobGhz8iXmDfuJiiKg1WADMO/9x7/CLNin5cpSbuBjooyoIUVB5eyCc36QuTVlkVa1iB2S5+/eA==}
dev: false dev: false
/ccount@2.0.1: /ccount@2.0.1:
@ -2082,8 +2080,8 @@ packages:
resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==} resolution: {integrity: sha512-I88TYZWc9XiYHRQ4/3c5rjjfgkjhLyW2luGIheGERbNQ6OY7yTybanSpDXZa8y7VUP9YmDcYa+eyq4ca7iLqWA==}
dev: false dev: false
/electron-to-chromium@1.4.542: /electron-to-chromium@1.4.548:
resolution: {integrity: sha512-6+cpa00G09N3sfh2joln4VUXHquWrOFx3FLZqiVQvl45+zS9DskDBTPvob+BhvFRmTBkyDSk0vvLMMRo/qc6mQ==} resolution: {integrity: sha512-R77KD6mXv37DOyKLN/eW1rGS61N6yHOfapNSX9w+y9DdPG83l9Gkuv7qkCFZ4Ta4JPhrjgQfYbv4Y3TnM1Hi2Q==}
dev: false dev: false
/emmet@2.4.6: /emmet@2.4.6:
@ -3694,8 +3692,8 @@ packages:
'@types/nlcst': 1.0.2 '@types/nlcst': 1.0.2
dev: false dev: false
/node-abi@3.47.0: /node-abi@3.48.0:
resolution: {integrity: sha512-2s6B2CWZM//kPgwnuI0KrYwNjfdByE25zvAaEpq9IH4zcNsarH8Ihu/UuX6XMPEogDAxkuUFeZn60pXNHAqn3A==} resolution: {integrity: sha512-uWR/uwQyVV2iN5+Wkf1/oQxOR9YjU7gBclJLg2qK7GDvVohcnY6LaBXKV89N79EQFyN4/e43O32yQYE5QdFYTA==}
engines: {node: '>=10'} engines: {node: '>=10'}
requiresBuild: true requiresBuild: true
dependencies: dependencies:
@ -3993,7 +3991,7 @@ packages:
minimist: 1.2.8 minimist: 1.2.8
mkdirp-classic: 0.5.3 mkdirp-classic: 0.5.3
napi-build-utils: 1.0.2 napi-build-utils: 1.0.2
node-abi: 3.47.0 node-abi: 3.48.0
pump: 3.0.0 pump: 3.0.0
rc: 1.2.8 rc: 1.2.8
simple-get: 4.0.1 simple-get: 4.0.1
@ -4733,6 +4731,10 @@ packages:
hasBin: true hasBin: true
dev: false dev: false
/undici-types@5.25.3:
resolution: {integrity: sha512-Ga1jfYwRn7+cP9v8auvEXN1rX3sWqlayd4HP7OKk4mZWylEmu3KzXDUGrQUN6Ol7qo1gPvB2e5gX6udnyEPgdA==}
dev: false
/unherit@3.0.1: /unherit@3.0.1:
resolution: {integrity: sha512-akOOQ/Yln8a2sgcLj4U0Jmx0R5jpIg2IUyRrWOzmEbjBtGzBdHtSeFKgoEcoH4KYIG/Pb8GQ/BwtYm0GCq1Sqg==} resolution: {integrity: sha512-akOOQ/Yln8a2sgcLj4U0Jmx0R5jpIg2IUyRrWOzmEbjBtGzBdHtSeFKgoEcoH4KYIG/Pb8GQ/BwtYm0GCq1Sqg==}
dev: false dev: false
@ -4969,7 +4971,7 @@ packages:
vite: 4.4.11(stylus@0.59.0) vite: 4.4.11(stylus@0.59.0)
dev: false dev: false
/volar-service-css@0.0.13(@volar/language-service@1.10.1): /volar-service-css@0.0.13(@volar/language-service@1.10.3):
resolution: {integrity: sha512-WAuo7oDYgTQ1cr45EqTGoPGtClj0f5PZDQARgQveXKu0CQgyXn8Bs7c4EjDR0fNLhiG3moBEs2uSUGxjSKghxw==} resolution: {integrity: sha512-WAuo7oDYgTQ1cr45EqTGoPGtClj0f5PZDQARgQveXKu0CQgyXn8Bs7c4EjDR0fNLhiG3moBEs2uSUGxjSKghxw==}
peerDependencies: peerDependencies:
'@volar/language-service': ~1.10.0 '@volar/language-service': ~1.10.0
@ -4977,12 +4979,12 @@ packages:
'@volar/language-service': '@volar/language-service':
optional: true optional: true
dependencies: dependencies:
'@volar/language-service': 1.10.1 '@volar/language-service': 1.10.3
vscode-css-languageservice: 6.2.9 vscode-css-languageservice: 6.2.10
vscode-uri: 3.0.8 vscode-uri: 3.0.8
dev: false dev: false
/volar-service-emmet@0.0.13(@volar/language-service@1.10.1): /volar-service-emmet@0.0.13(@volar/language-service@1.10.3):
resolution: {integrity: sha512-y/U3up9b3YA8DL36h6KUGnBoH/TUmr1Iv9HWuSeWJKoA6LOt57AOIgzl7+/zY8d+0+C0jGqpV4CM8V5+TjptvQ==} resolution: {integrity: sha512-y/U3up9b3YA8DL36h6KUGnBoH/TUmr1Iv9HWuSeWJKoA6LOt57AOIgzl7+/zY8d+0+C0jGqpV4CM8V5+TjptvQ==}
peerDependencies: peerDependencies:
'@volar/language-service': ~1.10.0 '@volar/language-service': ~1.10.0
@ -4990,12 +4992,12 @@ packages:
'@volar/language-service': '@volar/language-service':
optional: true optional: true
dependencies: dependencies:
'@volar/language-service': 1.10.1 '@volar/language-service': 1.10.3
'@vscode/emmet-helper': 2.9.2 '@vscode/emmet-helper': 2.9.2
volar-service-html: 0.0.13(@volar/language-service@1.10.1) volar-service-html: 0.0.13(@volar/language-service@1.10.3)
dev: false dev: false
/volar-service-html@0.0.13(@volar/language-service@1.10.1): /volar-service-html@0.0.13(@volar/language-service@1.10.3):
resolution: {integrity: sha512-Y4pfmNsIpkDTixJVdobRMDZm5Ax90magUCdYl6HUN0/RstxHb3ogEodTT1GtNmoek/YYTrxbWZYN/Yq49+9zdg==} resolution: {integrity: sha512-Y4pfmNsIpkDTixJVdobRMDZm5Ax90magUCdYl6HUN0/RstxHb3ogEodTT1GtNmoek/YYTrxbWZYN/Yq49+9zdg==}
peerDependencies: peerDependencies:
'@volar/language-service': ~1.10.0 '@volar/language-service': ~1.10.0
@ -5003,12 +5005,12 @@ packages:
'@volar/language-service': '@volar/language-service':
optional: true optional: true
dependencies: dependencies:
'@volar/language-service': 1.10.1 '@volar/language-service': 1.10.3
vscode-html-languageservice: 5.1.0 vscode-html-languageservice: 5.1.0
vscode-uri: 3.0.8 vscode-uri: 3.0.8
dev: false dev: false
/volar-service-prettier@0.0.13(@volar/language-service@1.10.1): /volar-service-prettier@0.0.13(@volar/language-service@1.10.3):
resolution: {integrity: sha512-4V/v+oNXyoC4QRNCY6JDAD4BvVatuswyH8o7flgO/XHDRIG+WwGo8Avsbmq4TLktjBGFUa4Gb9aK9+RkznEEZQ==} resolution: {integrity: sha512-4V/v+oNXyoC4QRNCY6JDAD4BvVatuswyH8o7flgO/XHDRIG+WwGo8Avsbmq4TLktjBGFUa4Gb9aK9+RkznEEZQ==}
peerDependencies: peerDependencies:
'@volar/language-service': ~1.10.0 '@volar/language-service': ~1.10.0
@ -5019,10 +5021,10 @@ packages:
prettier: prettier:
optional: true optional: true
dependencies: dependencies:
'@volar/language-service': 1.10.1 '@volar/language-service': 1.10.3
dev: false dev: false
/volar-service-typescript-twoslash-queries@0.0.13(@volar/language-service@1.10.1): /volar-service-typescript-twoslash-queries@0.0.13(@volar/language-service@1.10.3):
resolution: {integrity: sha512-KGk5ek2v7T8OSY9YdMmqGOT0KkoUQAe8RbPmoZibT9F3vgmmWVgaAoIlDZ1vwt7VfQeZvRmhvRJhqpCA80ZF8Q==} resolution: {integrity: sha512-KGk5ek2v7T8OSY9YdMmqGOT0KkoUQAe8RbPmoZibT9F3vgmmWVgaAoIlDZ1vwt7VfQeZvRmhvRJhqpCA80ZF8Q==}
peerDependencies: peerDependencies:
'@volar/language-service': ~1.10.0 '@volar/language-service': ~1.10.0
@ -5030,10 +5032,10 @@ packages:
'@volar/language-service': '@volar/language-service':
optional: true optional: true
dependencies: dependencies:
'@volar/language-service': 1.10.1 '@volar/language-service': 1.10.3
dev: false dev: false
/volar-service-typescript@0.0.13(@volar/language-service@1.10.1)(@volar/typescript@1.10.1): /volar-service-typescript@0.0.13(@volar/language-service@1.10.3)(@volar/typescript@1.10.3):
resolution: {integrity: sha512-fwpoA1L/bCXz5hl9W4EYJYNyorocfdfbLQ9lTM3rPVOzjRZVknEE8XP31RMPZhEg3sOxKh18+sLEL7j3bip8ew==} resolution: {integrity: sha512-fwpoA1L/bCXz5hl9W4EYJYNyorocfdfbLQ9lTM3rPVOzjRZVknEE8XP31RMPZhEg3sOxKh18+sLEL7j3bip8ew==}
peerDependencies: peerDependencies:
'@volar/language-service': ~1.10.0 '@volar/language-service': ~1.10.0
@ -5042,8 +5044,8 @@ packages:
'@volar/language-service': '@volar/language-service':
optional: true optional: true
dependencies: dependencies:
'@volar/language-service': 1.10.1 '@volar/language-service': 1.10.3
'@volar/typescript': 1.10.1 '@volar/typescript': 1.10.3
semver: 7.5.4 semver: 7.5.4
typescript-auto-import-cache: 0.3.0 typescript-auto-import-cache: 0.3.0
vscode-languageserver-textdocument: 1.0.11 vscode-languageserver-textdocument: 1.0.11
@ -5051,12 +5053,12 @@ packages:
vscode-uri: 3.0.8 vscode-uri: 3.0.8
dev: false dev: false
/vscode-css-languageservice@6.2.9: /vscode-css-languageservice@6.2.10:
resolution: {integrity: sha512-9MsOvAi+VycKomQ7KEq4o/hLtjHHrtRLLl8lM9nMcH8cxfNI7/6jVXmsV/7pdbDWu9L3DZhsspN1eMXZwiOymw==} resolution: {integrity: sha512-sYUZPku4mQ06AWGCbMyjv2tdR6juBW6hTbVPFwbJvNVzdtEfBioQOgkdXg7yMJNWnXkvWSU1FL2kb4Vxu5Cdyw==}
dependencies: dependencies:
'@vscode/l10n': 0.0.16 '@vscode/l10n': 0.0.16
vscode-languageserver-textdocument: 1.0.11 vscode-languageserver-textdocument: 1.0.11
vscode-languageserver-types: 3.17.3 vscode-languageserver-types: 3.17.5
vscode-uri: 3.0.8 vscode-uri: 3.0.8
dev: false dev: false
@ -5069,23 +5071,11 @@ packages:
vscode-uri: 3.0.8 vscode-uri: 3.0.8
dev: false dev: false
/vscode-jsonrpc@8.1.0:
resolution: {integrity: sha512-6TDy/abTQk+zDGYazgbIPc+4JoXdwC8NHU9Pbn4UJP1fehUyZmM4RHp5IthX7A6L5KS30PRui+j+tbbMMMafdw==}
engines: {node: '>=14.0.0'}
dev: false
/vscode-jsonrpc@8.2.0: /vscode-jsonrpc@8.2.0:
resolution: {integrity: sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA==} resolution: {integrity: sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA==}
engines: {node: '>=14.0.0'} engines: {node: '>=14.0.0'}
dev: false dev: false
/vscode-languageserver-protocol@3.17.3:
resolution: {integrity: sha512-924/h0AqsMtA5yK22GgMtCYiMdCOtWTSGgUOkgEDX+wk2b0x4sAfLiO4NxBxqbiVtz7K7/1/RgVrVI0NClZwqA==}
dependencies:
vscode-jsonrpc: 8.1.0
vscode-languageserver-types: 3.17.3
dev: false
/vscode-languageserver-protocol@3.17.5: /vscode-languageserver-protocol@3.17.5:
resolution: {integrity: sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg==} resolution: {integrity: sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg==}
dependencies: dependencies:
@ -5096,19 +5086,15 @@ packages:
/vscode-languageserver-textdocument@1.0.11: /vscode-languageserver-textdocument@1.0.11:
resolution: {integrity: sha512-X+8T3GoiwTVlJbicx/sIAF+yuJAqz8VvwJyoMVhwEMoEKE/fkDmrqUgDMyBECcM2A2frVZIUj5HI/ErRXCfOeA==} resolution: {integrity: sha512-X+8T3GoiwTVlJbicx/sIAF+yuJAqz8VvwJyoMVhwEMoEKE/fkDmrqUgDMyBECcM2A2frVZIUj5HI/ErRXCfOeA==}
/vscode-languageserver-types@3.17.3:
resolution: {integrity: sha512-SYU4z1dL0PyIMd4Vj8YOqFvHu7Hz/enbWtpfnVbJHU4Nd1YNYx8u0ennumc6h48GQNeOLxmwySmnADouT/AuZA==}
dev: false
/vscode-languageserver-types@3.17.5: /vscode-languageserver-types@3.17.5:
resolution: {integrity: sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg==} resolution: {integrity: sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg==}
dev: false dev: false
/vscode-languageserver@8.1.0: /vscode-languageserver@9.0.1:
resolution: {integrity: sha512-eUt8f1z2N2IEUDBsKaNapkz7jl5QpskN2Y0G01T/ItMxBxw1fJwvtySGB9QMecatne8jFIWJGWI61dWjyTLQsw==} resolution: {integrity: sha512-woByF3PDpkHFUreUa7Hos7+pUWdeWMXRd26+ZX2A8cFx6v/JPTtd4/uN0/jB6XQHYaOlHbio03NTHCqrgG5n7g==}
hasBin: true hasBin: true
dependencies: dependencies:
vscode-languageserver-protocol: 3.17.3 vscode-languageserver-protocol: 3.17.5
dev: false dev: false
/vscode-nls@5.2.0: /vscode-nls@5.2.0:

View File

@ -1,10 +1,12 @@
--- ---
import {getConfig} from "../utils/config-utils";
--- ---
<div class="card-base max-w-[var(--page-width)] min-h-[72px] rounded-b-none mx-auto flex items-center px-6"> <div class="card-base max-w-[var(--page-width)] min-h-[72px] rounded-b-none mx-auto flex items-center px-6">
<div class="text-black/50 dark:text-white/50 text-sm"> <div class="text-black/50 dark:text-white/50 text-sm">
© 2023 Author. All Rights Reserved. © 2023 {getConfig().profile.author}. All Rights Reserved.
<br> <br>
Powered by Vivia Powered by Vivia
</div> </div>

View File

@ -54,6 +54,7 @@ rainbow-dark = linear-gradient(to right, oklch(0.70 0.10 0), oklch(0.70 0.10 30)
color_set({ color_set({
--primary: oklch(0.70 0.14 var(--hue)) oklch(0.75 0.14 var(--hue)) --primary: oklch(0.70 0.14 var(--hue)) oklch(0.75 0.14 var(--hue))
--page-bg: oklch(0.95 0.01 var(--hue)) oklch(0.16 0.014 var(--hue))
--card-bg: white oklch(0.23 0.015 var(--hue)) --card-bg: white oklch(0.23 0.015 var(--hue))
--btn-content: oklch(0.55 0.12 var(--hue)) oklch(0.75 0.1 var(--hue)) --btn-content: oklch(0.55 0.12 var(--hue)) oklch(0.75 0.1 var(--hue))

View File

@ -4,7 +4,7 @@ import Button from "./Button.astro";
--- ---
<!-- There can't be a filter on parent element, or it will break `fixed` --> <!-- There can't be a filter on parent element, or it will break `fixed` -->
<div class="back-to-top-wrapper" transition:persist> <div class="back-to-top-wrapper hidden lg:block" transition:persist>
<div id="back-to-top-btn" class="back-to-top-btn hide flex items-center rounded-2xl overflow-hidden transition" onclick="topFunction()"> <div id="back-to-top-btn" class="back-to-top-btn hide flex items-center rounded-2xl overflow-hidden transition" onclick="topFunction()">
<Button card height="60px" width="60px"> <Button card height="60px" width="60px">
<Icon name="material-symbols:keyboard-arrow-up-rounded" class="mx-auto"></Icon> <Icon name="material-symbols:keyboard-arrow-up-rounded" class="mx-auto"></Icon>

View File

@ -62,7 +62,7 @@ if (title) {
--- ---
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en" isHome={isHomePage} pathname={testPathName}> <html lang="en" isHome={isHomePage} pathname={testPathName} class="bg-[var(--page-bg)] transition">
<head> <head>
<ViewTransitions /> <ViewTransitions />
@ -81,10 +81,12 @@ if (title) {
<link rel="icon" media="(prefers-color-scheme: dark)" href="/favicon/favicon-dark-180.png" sizes="180x180"> <link rel="icon" media="(prefers-color-scheme: dark)" href="/favicon/favicon-dark-180.png" sizes="180x180">
<link rel="icon" media="(prefers-color-scheme: dark)" href="/favicon/favicon-dark-192.png" sizes="192x192"> <link rel="icon" media="(prefers-color-scheme: dark)" href="/favicon/favicon-dark-192.png" sizes="192x192">
<link rel="stylesheet" href="https://cdn.staticfile.org/KaTeX/0.16.9/katex.min.css" integrity="sha384-n8MVd4RsNIU0tAv4ct0nTaAbDJwPJzDEaqSD1odI+WdtXRGWt2kTvGFasHpSy3SV" crossorigin="anonymous">
<style define:vars={{ configHue }}></style> <!-- defines global css variables. This will be applied to <html> <body> and some other elements idk why --> <style define:vars={{ configHue }}></style> <!-- defines global css variables. This will be applied to <html> <body> and some other elements idk why -->
</head> </head>
<body class="bg-[oklch(0.95_0.01_var(--hue))] dark:bg-[oklch(0.16_0.014_var(--hue))] min-h-screen transition "> <body class=" min-h-screen transition ">
<GlobalStyles> <GlobalStyles>
<div id="banner-wrapper" class="absolute w-full transition-all" <div id="banner-wrapper" class="absolute w-full transition-all"
class:list={{'banner-home': isHomePage, 'banner-else': !isHomePage}} class:list={{'banner-home': isHomePage, 'banner-else': !isHomePage}}
@ -167,6 +169,7 @@ html::view-transition-new(banner-ani) {
/* TODO This is a temporary solution for style flicker issue when the transition is activated */ /* TODO This is a temporary solution for style flicker issue when the transition is activated */
/* issue link: https://github.com/withastro/astro/issues/8711, the solution get from here too */ /* issue link: https://github.com/withastro/astro/issues/8711, the solution get from here too */
/* update: fixed in Astro 3.2.4 */
function disableAnimation() { function disableAnimation() {
const css = document.createElement('style') const css = document.createElement('style')
css.appendChild( css.appendChild(
@ -180,7 +183,6 @@ function disableAnimation() {
}` }`
) )
) )
console.log("add")
document.head.appendChild(css) document.head.appendChild(css)
return () => { return () => {
@ -189,7 +191,6 @@ function disableAnimation() {
// Wait for next tick before removing // Wait for next tick before removing
setTimeout(() => { setTimeout(() => {
console.log("remove")
document.head.removeChild(css) document.head.removeChild(css)
}, 1) }, 1)
} }
@ -268,7 +269,8 @@ function setBannerHeight() {
} }
/* Load settings when entering the site */ /* Load settings when entering the site */
disableAnimation()() // TODO // disableAnimation()() // TODO
setBannerHeight();
loadTheme(); loadTheme();
loadHue(); loadHue();
activateDisplaySettings(); activateDisplaySettings();
@ -279,9 +281,8 @@ document.addEventListener('astro:after-swap', () => {
setBannerHeight(); setBannerHeight();
loadTheme(); loadTheme();
loadHue(); loadHue();
disableAnimation()(); // TODO // disableAnimation()(); // TODO
activateDisplaySettings(); activateDisplaySettings();
fb();
}); });
</script> </script>

View File

@ -17,15 +17,13 @@ const { title, banner } = Astro.props;
const isHomePage = pathsEqual(Astro.url.pathname, '/') || pathsEqual(Astro.url.pathname, '/page/1'); const isHomePage = pathsEqual(Astro.url.pathname, '/') || pathsEqual(Astro.url.pathname, '/page/1');
const pageWidth = "1200px";
const sidebarWidth = "280px";
const enableBanner = getConfig().banner.enable; const enableBanner = getConfig().banner.enable;
--- ---
<Layout title={title} banner={banner}> <Layout title={title} banner={banner}>
<div class=`max-w-[1200px] min-h-screen grid grid-cols-[280px_auto] grid-rows-[auto_auto_1fr_auto] lg:grid-rows-[auto_1fr_auto] <div class=`max-w-[var(--page-width)] min-h-screen grid grid-cols-[280px_auto] grid-rows-[auto_auto_1fr_auto] lg:grid-rows-[auto_1fr_auto]
mx-auto gap-4 relative md:px-4 lg:px-0` mx-auto gap-4 relative md:px-4 lg:px-0`
transition:animate="none" transition:animate="none"
> >