Merge remote-tracking branch 'origin/add-toc' into add-toc
This commit is contained in:
commit
616346ef9f
5 changed files with 81 additions and 45 deletions
|
@ -609,6 +609,8 @@ Configure the compressor in `astro.config.mjs` file:
|
||||||
});
|
});
|
||||||
```
|
```
|
||||||
|
|
||||||
|
- [Bag of Tricks for Astro's View Transitions](https://github.com/martrapp/astro-vtbot#readme): is a collection of extensions and support aimed at enhancing Astro's view transitions. Whether you're looking to add flair to your website or streamline user experience, this toolkit offers various techniques to elevate your projects. In the template, it was used to add View Transitions to a Starlight docs.
|
||||||
|
|
||||||
### Flexibility with Integrations
|
### Flexibility with Integrations
|
||||||
|
|
||||||
The great thing about Astro is its rich ecosystem of integrations, allowing you to tailor project functionalities to your exact needs. Feel free to explore [Astro integrations page](https://astro.build/integrations/) and add additional capabilities as you see fit.
|
The great thing about Astro is its rich ecosystem of integrations, allowing you to tailor project functionalities to your exact needs. Feel free to explore [Astro integrations page](https://astro.build/integrations/) and add additional capabilities as you see fit.
|
||||||
|
|
|
@ -79,21 +79,16 @@ export default defineConfig({
|
||||||
favicon: "/favicon.ico",
|
favicon: "/favicon.ico",
|
||||||
components: {
|
components: {
|
||||||
SiteTitle: "./src/components/ui/starlight/SiteTitle.astro",
|
SiteTitle: "./src/components/ui/starlight/SiteTitle.astro",
|
||||||
|
Head: "./src/components/ui/starlight/Head.astro",
|
||||||
},
|
},
|
||||||
head: [
|
head: [
|
||||||
{
|
{
|
||||||
tag: "meta",
|
tag: "meta",
|
||||||
attrs: {
|
attrs: { property: "og:image", content: "https://screwfast.uk" + "/social.webp" },
|
||||||
property: "og:image",
|
|
||||||
content: "https://screwfast.uk" + "/social.png",
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
tag: "meta",
|
tag: "meta",
|
||||||
attrs: {
|
attrs: { property: "twitter:image", content: "https://screwfast.uk" + "/social.webp" },
|
||||||
property: "twitter:image",
|
|
||||||
content: "https://screwfast.uk" + "/social.png",
|
|
||||||
},
|
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
}),
|
}),
|
||||||
|
|
76
package-lock.json
generated
76
package-lock.json
generated
|
@ -8,12 +8,12 @@
|
||||||
"version": "0.0.1",
|
"version": "0.0.1",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@astrojs/check": "^0.5.10",
|
"@astrojs/check": "^0.5.10",
|
||||||
"@astrojs/sitemap": "^3.1.1",
|
"@astrojs/sitemap": "^3.1.2",
|
||||||
"@astrojs/starlight": "^0.21.2",
|
"@astrojs/starlight": "^0.21.3",
|
||||||
"@astrojs/starlight-tailwind": "^2.0.1",
|
"@astrojs/starlight-tailwind": "^2.0.1",
|
||||||
"@astrojs/tailwind": "^5.1.0",
|
"@astrojs/tailwind": "^5.1.0",
|
||||||
"@astrojs/vercel": "^7.4.0",
|
"@astrojs/vercel": "^7.5.0",
|
||||||
"astro": "^4.5.9",
|
"astro": "^4.5.12",
|
||||||
"astro-compressor": "^0.4.1",
|
"astro-compressor": "^0.4.1",
|
||||||
"globby": "^14.0.1",
|
"globby": "^14.0.1",
|
||||||
"gsap": "^3.12.5",
|
"gsap": "^3.12.5",
|
||||||
|
@ -25,9 +25,10 @@
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@tailwindcss/forms": "^0.5.7",
|
"@tailwindcss/forms": "^0.5.7",
|
||||||
|
"astro-vtbot": "^1.7.1",
|
||||||
"prettier": "^3.2.5",
|
"prettier": "^3.2.5",
|
||||||
"prettier-plugin-astro": "^0.13.0",
|
"prettier-plugin-astro": "^0.13.0",
|
||||||
"prettier-plugin-tailwindcss": "^0.5.12",
|
"prettier-plugin-tailwindcss": "^0.5.13",
|
||||||
"typescript": "^5.4.3"
|
"typescript": "^5.4.3"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
@ -78,9 +79,9 @@
|
||||||
"integrity": "sha512-XpC8MAaWjD1ff6/IfkRq/5k1EFj6zhCNqXRd5J43SVJEBj/Bsmizkm8N0xOYscGcDFQkRgEw6/eKnI5x/1l6aA=="
|
"integrity": "sha512-XpC8MAaWjD1ff6/IfkRq/5k1EFj6zhCNqXRd5J43SVJEBj/Bsmizkm8N0xOYscGcDFQkRgEw6/eKnI5x/1l6aA=="
|
||||||
},
|
},
|
||||||
"node_modules/@astrojs/internal-helpers": {
|
"node_modules/@astrojs/internal-helpers": {
|
||||||
"version": "0.3.0",
|
"version": "0.4.0",
|
||||||
"resolved": "https://registry.npmjs.org/@astrojs/internal-helpers/-/internal-helpers-0.3.0.tgz",
|
"resolved": "https://registry.npmjs.org/@astrojs/internal-helpers/-/internal-helpers-0.4.0.tgz",
|
||||||
"integrity": "sha512-tGmHvrhpzuz0JBHaJX8GywN9g4rldVNHtkoVDC3m/DdzBO70jGoVuc0uuNVglRYnsdwkbG0K02Iw3nOOR3/Y4g=="
|
"integrity": "sha512-6B13lz5n6BrbTqCTwhXjJXuR1sqiX/H6rTxzlXx+lN1NnV4jgnq/KJldCQaUWJzPL5SiWahQyinxAbxQtwgPHA=="
|
||||||
},
|
},
|
||||||
"node_modules/@astrojs/language-server": {
|
"node_modules/@astrojs/language-server": {
|
||||||
"version": "2.8.4",
|
"version": "2.8.4",
|
||||||
|
@ -193,18 +194,18 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@astrojs/sitemap": {
|
"node_modules/@astrojs/sitemap": {
|
||||||
"version": "3.1.1",
|
"version": "3.1.2",
|
||||||
"resolved": "https://registry.npmjs.org/@astrojs/sitemap/-/sitemap-3.1.1.tgz",
|
"resolved": "https://registry.npmjs.org/@astrojs/sitemap/-/sitemap-3.1.2.tgz",
|
||||||
"integrity": "sha512-qPgdBIcDUaea98mTtLfi5z9oXZpzSjEn/kes70/Ex8FOZZ+DIHVKRYOLOtvy8p+FTXr/9oc7BjmIbTYmYLLJVg==",
|
"integrity": "sha512-FxOJldIl5ltZ5CNjocQxHkAO9orwHBjqtaU28o4smobp9vowS0nbGp+I9CrPxkzWdl1crSDm9vjL9tnvG1DSug==",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"sitemap": "^7.1.1",
|
"sitemap": "^7.1.1",
|
||||||
"zod": "^3.22.4"
|
"zod": "^3.22.4"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@astrojs/starlight": {
|
"node_modules/@astrojs/starlight": {
|
||||||
"version": "0.21.2",
|
"version": "0.21.3",
|
||||||
"resolved": "https://registry.npmjs.org/@astrojs/starlight/-/starlight-0.21.2.tgz",
|
"resolved": "https://registry.npmjs.org/@astrojs/starlight/-/starlight-0.21.3.tgz",
|
||||||
"integrity": "sha512-ziDfrbhBjw/+HwMITk6yz7SbkQKQJZY9GlaPHntSPq4kYs+b2ru3toIxj2l3T9LUFtUpNWHkj+C1wJTmfLZfaw==",
|
"integrity": "sha512-SvIKB8ECR+RhYdTg3bKsTL2e5Yac75eTatfOMGjkp3ced9Bx34xXMSURuKx/AHBWo1X/+WoWzKT3Y3d2y7kkVg==",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@astrojs/mdx": "^2.1.1",
|
"@astrojs/mdx": "^2.1.1",
|
||||||
"@astrojs/sitemap": "^3.0.5",
|
"@astrojs/sitemap": "^3.0.5",
|
||||||
|
@ -287,11 +288,11 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/@astrojs/vercel": {
|
"node_modules/@astrojs/vercel": {
|
||||||
"version": "7.4.0",
|
"version": "7.5.0",
|
||||||
"resolved": "https://registry.npmjs.org/@astrojs/vercel/-/vercel-7.4.0.tgz",
|
"resolved": "https://registry.npmjs.org/@astrojs/vercel/-/vercel-7.5.0.tgz",
|
||||||
"integrity": "sha512-KMCDCOV+UwsJnDX4Q/FE18S0+XwOlu3e6UA/Jr/v2vh0v24aDpkbA0L9DmV4c1ETHLY/vxfjey40gk30iSXNKw==",
|
"integrity": "sha512-RYFZNHkfNgFNb41nblG26ubw5924hAjLYs+Bpp4kttcsYJAX/wavIfDbfZQ/XesDTKwIH+Gi/+3c5bldZePFDA==",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@astrojs/internal-helpers": "0.3.0",
|
"@astrojs/internal-helpers": "0.4.0",
|
||||||
"@vercel/analytics": "^1.0.2",
|
"@vercel/analytics": "^1.0.2",
|
||||||
"@vercel/edge": "^1.1.1",
|
"@vercel/edge": "^1.1.1",
|
||||||
"@vercel/nft": "^0.26.4",
|
"@vercel/nft": "^0.26.4",
|
||||||
|
@ -2807,13 +2808,13 @@
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
"node_modules/astro": {
|
"node_modules/astro": {
|
||||||
"version": "4.5.9",
|
"version": "4.5.12",
|
||||||
"resolved": "https://registry.npmjs.org/astro/-/astro-4.5.9.tgz",
|
"resolved": "https://registry.npmjs.org/astro/-/astro-4.5.12.tgz",
|
||||||
"integrity": "sha512-GheU72Goz7dYQNKaqTxB2H49cNvHfahGSbNkTvMXk+gyHf/g633qadqlO2ZQbTUacoUWmDzvS5fhMZt2/w4naQ==",
|
"integrity": "sha512-xIJcFI2hbyV8+h5pWjL7SKD1jIP0K01fYVAH+gdAt0mJaXy+u8Mj+goD0cPlK6sEaykR+7zxQLYGKJ44U4qarg==",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@astrojs/compiler": "^2.7.0",
|
"@astrojs/compiler": "^2.7.0",
|
||||||
"@astrojs/internal-helpers": "0.3.0",
|
"@astrojs/internal-helpers": "0.4.0",
|
||||||
"@astrojs/markdown-remark": "4.3.1",
|
"@astrojs/markdown-remark": "4.3.2",
|
||||||
"@astrojs/telemetry": "3.0.4",
|
"@astrojs/telemetry": "3.0.4",
|
||||||
"@babel/core": "^7.24.3",
|
"@babel/core": "^7.24.3",
|
||||||
"@babel/generator": "^7.23.3",
|
"@babel/generator": "^7.23.3",
|
||||||
|
@ -3149,10 +3150,20 @@
|
||||||
"url": "https://opencollective.com/unified"
|
"url": "https://opencollective.com/unified"
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
"node_modules/astro-vtbot": {
|
||||||
|
"version": "1.7.1",
|
||||||
|
"resolved": "https://registry.npmjs.org/astro-vtbot/-/astro-vtbot-1.7.1.tgz",
|
||||||
|
"integrity": "sha512-LTOs5d5Y1A7I/19RDeZKfur/oRsAD9Rlf9fp5pvidlp8kHbagWcI96EiDewNyK+j9gdROu9mw46WExOj1BQ4dg==",
|
||||||
|
"dev": true,
|
||||||
|
"funding": {
|
||||||
|
"type": "github",
|
||||||
|
"url": "https://github.com/sponsors/martrapp"
|
||||||
|
}
|
||||||
|
},
|
||||||
"node_modules/astro/node_modules/@astrojs/markdown-remark": {
|
"node_modules/astro/node_modules/@astrojs/markdown-remark": {
|
||||||
"version": "4.3.1",
|
"version": "4.3.2",
|
||||||
"resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-4.3.1.tgz",
|
"resolved": "https://registry.npmjs.org/@astrojs/markdown-remark/-/markdown-remark-4.3.2.tgz",
|
||||||
"integrity": "sha512-eJFi600tkRjTFiwzY9oD8AgCgB7gFqyWCKWuZ33dATVBgLiROD+zlMZ8STZzU7+ZALvmiUAun/K7umTmP5YfVQ==",
|
"integrity": "sha512-4Oa4VaYiBd0MatB+rWIU/0A8pZH/sK3c2QkRYb+OO2lPl+qzevJtWaZY8hAQc4qurIOlRdn6B6ofDAGhWw+DSg==",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@astrojs/prism": "^3.0.0",
|
"@astrojs/prism": "^3.0.0",
|
||||||
"github-slugger": "^2.0.0",
|
"github-slugger": "^2.0.0",
|
||||||
|
@ -7740,9 +7751,9 @@
|
||||||
"devOptional": true
|
"devOptional": true
|
||||||
},
|
},
|
||||||
"node_modules/prettier-plugin-tailwindcss": {
|
"node_modules/prettier-plugin-tailwindcss": {
|
||||||
"version": "0.5.12",
|
"version": "0.5.13",
|
||||||
"resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.12.tgz",
|
"resolved": "https://registry.npmjs.org/prettier-plugin-tailwindcss/-/prettier-plugin-tailwindcss-0.5.13.tgz",
|
||||||
"integrity": "sha512-o74kiDBVE73oHW+pdkFSluHBL3cYEvru5YgEqNkBMFF7Cjv+w1vI565lTlfoJT4VLWDe0FMtZ7FkE/7a4pMXSQ==",
|
"integrity": "sha512-2tPWHCFNC+WRjAC4SIWQNSOdcL1NNkydXim8w7TDqlZi+/ulZYz2OouAI6qMtkggnPt7lGamboj6LcTMwcCvoQ==",
|
||||||
"dev": true,
|
"dev": true,
|
||||||
"engines": {
|
"engines": {
|
||||||
"node": ">=14.21.3"
|
"node": ">=14.21.3"
|
||||||
|
@ -7752,6 +7763,7 @@
|
||||||
"@prettier/plugin-pug": "*",
|
"@prettier/plugin-pug": "*",
|
||||||
"@shopify/prettier-plugin-liquid": "*",
|
"@shopify/prettier-plugin-liquid": "*",
|
||||||
"@trivago/prettier-plugin-sort-imports": "*",
|
"@trivago/prettier-plugin-sort-imports": "*",
|
||||||
|
"@zackad/prettier-plugin-twig-melody": "*",
|
||||||
"prettier": "^3.0",
|
"prettier": "^3.0",
|
||||||
"prettier-plugin-astro": "*",
|
"prettier-plugin-astro": "*",
|
||||||
"prettier-plugin-css-order": "*",
|
"prettier-plugin-css-order": "*",
|
||||||
|
@ -7777,6 +7789,9 @@
|
||||||
"@trivago/prettier-plugin-sort-imports": {
|
"@trivago/prettier-plugin-sort-imports": {
|
||||||
"optional": true
|
"optional": true
|
||||||
},
|
},
|
||||||
|
"@zackad/prettier-plugin-twig-melody": {
|
||||||
|
"optional": true
|
||||||
|
},
|
||||||
"prettier-plugin-astro": {
|
"prettier-plugin-astro": {
|
||||||
"optional": true
|
"optional": true
|
||||||
},
|
},
|
||||||
|
@ -7806,9 +7821,6 @@
|
||||||
},
|
},
|
||||||
"prettier-plugin-svelte": {
|
"prettier-plugin-svelte": {
|
||||||
"optional": true
|
"optional": true
|
||||||
},
|
|
||||||
"prettier-plugin-twig-melody": {
|
|
||||||
"optional": true
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
},
|
},
|
||||||
|
|
11
package.json
11
package.json
|
@ -11,12 +11,12 @@
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@astrojs/check": "^0.5.10",
|
"@astrojs/check": "^0.5.10",
|
||||||
"@astrojs/sitemap": "^3.1.1",
|
"@astrojs/sitemap": "^3.1.2",
|
||||||
"@astrojs/starlight": "^0.21.2",
|
"@astrojs/starlight": "^0.21.3",
|
||||||
"@astrojs/starlight-tailwind": "^2.0.1",
|
"@astrojs/starlight-tailwind": "^2.0.1",
|
||||||
"@astrojs/tailwind": "^5.1.0",
|
"@astrojs/tailwind": "^5.1.0",
|
||||||
"@astrojs/vercel": "^7.4.0",
|
"@astrojs/vercel": "^7.5.0",
|
||||||
"astro": "^4.5.9",
|
"astro": "^4.5.12",
|
||||||
"astro-compressor": "^0.4.1",
|
"astro-compressor": "^0.4.1",
|
||||||
"globby": "^14.0.1",
|
"globby": "^14.0.1",
|
||||||
"gsap": "^3.12.5",
|
"gsap": "^3.12.5",
|
||||||
|
@ -28,9 +28,10 @@
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@tailwindcss/forms": "^0.5.7",
|
"@tailwindcss/forms": "^0.5.7",
|
||||||
|
"astro-vtbot": "^1.7.1",
|
||||||
"prettier": "^3.2.5",
|
"prettier": "^3.2.5",
|
||||||
"prettier-plugin-astro": "^0.13.0",
|
"prettier-plugin-astro": "^0.13.0",
|
||||||
"prettier-plugin-tailwindcss": "^0.5.12",
|
"prettier-plugin-tailwindcss": "^0.5.13",
|
||||||
"typescript": "^5.4.3"
|
"typescript": "^5.4.3"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
26
src/components/ui/starlight/Head.astro
Normal file
26
src/components/ui/starlight/Head.astro
Normal file
|
@ -0,0 +1,26 @@
|
||||||
|
---
|
||||||
|
import StarlightHead from "@astrojs/starlight/components/Head.astro";
|
||||||
|
import {
|
||||||
|
default as VtbotStarlight,
|
||||||
|
type Props,
|
||||||
|
} from "astro-vtbot/components/starlight/Base.astro";
|
||||||
|
|
||||||
|
// https://docs.astro.build/en/guides/view-transitions/#fallback-control
|
||||||
|
Astro.props.viewTransitionsFallback = "animate";
|
||||||
|
---
|
||||||
|
|
||||||
|
<VtbotStarlight {...Astro.props}>
|
||||||
|
<StarlightHead {...Astro.props} />
|
||||||
|
</VtbotStarlight>
|
||||||
|
|
||||||
|
<style is:global>
|
||||||
|
/* Slow down Chrome's default animation */
|
||||||
|
::view-transition-group(root) {
|
||||||
|
animation-duration: 250ms;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Do not slide over the sidebars */
|
||||||
|
::view-transition-group(*) {
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
</style>
|
Loading…
Add table
Reference in a new issue