From 1777f5376ccbf6c7ed7491cdd4a7eab2adc4c5f3 Mon Sep 17 00:00:00 2001 From: Martin Trapp <94928215+martrapp@users.noreply.github.com> Date: Mon, 29 Jul 2024 07:32:51 +0200 Subject: [PATCH] updates --- package-lock.json | 159 +++++++++++++++++----------------- package.json | 16 ++-- playwright.config.ts | 11 --- src/components/Head.astro | 87 +++++++++++++++---- src/content/docs/index.mdx | 1 - src/content/docs/overview.mdx | 12 ++- src/styles/custom.css | 10 +++ tsconfig.json | 9 +- 8 files changed, 183 insertions(+), 122 deletions(-) diff --git a/package-lock.json b/package-lock.json index d8b9121..c829b2b 100644 --- a/package-lock.json +++ b/package-lock.json @@ -8,20 +8,20 @@ "name": "@vtbag/website", "version": "0.0.1", "devDependencies": { - "@astrojs/check": "^0.8.1", - "@astrojs/starlight": "^0.25.1", - "@playwright/test": "^1.45.2", - "@types/node": "^20.14.11", - "@vtbag/inspection-chamber": "^1.0.2", - "astro": "^4.10.2", - "astro-vtbot": "^1.8.2", + "@astrojs/check": "^0.8.3", + "@astrojs/starlight": "^0.25.2", + "@playwright/test": "^1.45.3", + "@types/node": "^22.0.0", + "@vtbag/inspection-chamber": "^1.0.3", + "astro": "^4.12.2", + "astro-vtbot": "^1.8.3", "rehype-autolink-headings": "^7.1.0", "rehype-external-links": "^3.0.0", "rehype-slug": "^6.0.0", "rollup-plugin-visualizer": "^5.12.0", "sharp": "^0.33.4", "starlight-image-zoom": "^0.7.0", - "typescript": "^5.5.3" + "typescript": "^5.5.4" } }, "node_modules/@ampproject/remapping": { @@ -38,12 +38,12 @@ } }, "node_modules/@astrojs/check": { - "version": "0.8.2", - "resolved": "https://registry.npmjs.org/@astrojs/check/-/check-0.8.2.tgz", - "integrity": "sha512-L0V9dGb2PGvK9Mf3kby99Y+qm7EqxaC9tN1MVCvaqp/3pPPZBadR4XAySHipxXqQsxwJS25WQow8/1kMl1e25g==", + "version": "0.8.3", + "resolved": "https://registry.npmjs.org/@astrojs/check/-/check-0.8.3.tgz", + "integrity": "sha512-ajcSe+ezX5jCc3dreQlWzbknzXgSGnDETNe3C1mawUOtGpO4t5z2YGaD0y+wzB84lmgPWaWZa0fKSPwLq/wUHw==", "dev": true, "dependencies": { - "@astrojs/language-server": "^2.12.1", + "@astrojs/language-server": "^2.12.7", "chokidar": "^3.5.3", "fast-glob": "^3.3.1", "kleur": "^4.1.5", @@ -69,9 +69,9 @@ "dev": true }, "node_modules/@astrojs/language-server": { - "version": "2.12.1", - "resolved": "https://registry.npmjs.org/@astrojs/language-server/-/language-server-2.12.1.tgz", - "integrity": "sha512-CCibE6XwSmrZEKlPDr48LZJN7NWxOurOJK1yOzqZFMNV8Y6DIqF6s1e60gbNNHMZkthWYBNTPno4Ni/XyviinQ==", + "version": "2.12.8", + "resolved": "https://registry.npmjs.org/@astrojs/language-server/-/language-server-2.12.8.tgz", + "integrity": "sha512-aUppjqbCdFkd2Cdr8tDtd9id7lAZAmpwpYTQrOm69z8P4NaGUE/ksMIhd0Q99zXfSBjDVC7HlxSjPg8Y7xakfg==", "dev": true, "dependencies": { "@astrojs/compiler": "^2.9.1", @@ -187,9 +187,9 @@ } }, "node_modules/@astrojs/starlight": { - "version": "0.25.1", - "resolved": "https://registry.npmjs.org/@astrojs/starlight/-/starlight-0.25.1.tgz", - "integrity": "sha512-tniE870QpwDs7stJk/qb1LwE78761Fi77qF/UsWedDU90gC6gPjGOHNrbQYUABAmkQ63t3/Jpq9/kmS6sfHT0g==", + "version": "0.25.2", + "resolved": "https://registry.npmjs.org/@astrojs/starlight/-/starlight-0.25.2.tgz", + "integrity": "sha512-VcFe9yXB0oUIoEU0lLdDA3jnbtjVzSXXpX/oI8OW4ofEHCt8L9V27f+NzRjB0A1+2D6FxAEoAw3NKoP06PLRQA==", "dev": true, "dependencies": { "@astrojs/mdx": "^3.1.0", @@ -205,6 +205,7 @@ "hastscript": "^9.0.0", "mdast-util-directive": "^3.0.0", "mdast-util-to-markdown": "^2.1.0", + "mdast-util-to-string": "^4.0.0", "pagefind": "^1.0.3", "rehype": "^13.0.1", "rehype-format": "^5.0.0", @@ -1728,12 +1729,12 @@ ] }, "node_modules/@playwright/test": { - "version": "1.45.2", - "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.45.2.tgz", - "integrity": "sha512-JxG9eq92ET75EbVi3s+4sYbcG7q72ECeZNbdBlaMkGcNbiDQ4cAi8U2QP5oKkOx+1gpaiL1LDStmzCaEM1Z6fQ==", + "version": "1.45.3", + "resolved": "https://registry.npmjs.org/@playwright/test/-/test-1.45.3.tgz", + "integrity": "sha512-UKF4XsBfy+u3MFWEH44hva1Q8Da28G6RFtR2+5saw+jgAFQV5yYnB1fu68Mz7fO+5GJF3wgwAIs0UelU8TxFrA==", "dev": true, "dependencies": { - "playwright": "1.45.2" + "playwright": "1.45.3" }, "bin": { "playwright": "cli.js" @@ -2079,12 +2080,12 @@ } }, "node_modules/@types/node": { - "version": "20.14.11", - "resolved": "https://registry.npmjs.org/@types/node/-/node-20.14.11.tgz", - "integrity": "sha512-kprQpL8MMeszbz6ojB5/tU8PLN4kesnN8Gjzw349rDlNgsSzg90lAVj3llK99Dh7JON+t9AuscPPFW6mPbTnSA==", + "version": "22.0.0", + "resolved": "https://registry.npmjs.org/@types/node/-/node-22.0.0.tgz", + "integrity": "sha512-VT7KSYudcPOzP5Q0wfbowyNLaVR8QWUdw+088uFWwfvpY6uCWaXpqV6ieLAu9WBcnTa7H4Z5RLK8I5t2FuOcqw==", "dev": true, "dependencies": { - "undici-types": "~5.26.4" + "undici-types": "~6.11.1" } }, "node_modules/@types/sax": { @@ -2109,13 +2110,13 @@ "dev": true }, "node_modules/@volar/kit": { - "version": "2.4.0-alpha.16", - "resolved": "https://registry.npmjs.org/@volar/kit/-/kit-2.4.0-alpha.16.tgz", - "integrity": "sha512-jRPfMrxl8N53UkFINMoY777FBqG49RUqWkJt4yOlNEW8CmUS8fmUw4cz/jMv08KnQUyD3IeZWFtt3XZcQqe4Zw==", + "version": "2.4.0-alpha.18", + "resolved": "https://registry.npmjs.org/@volar/kit/-/kit-2.4.0-alpha.18.tgz", + "integrity": "sha512-dZMSNhesh23lhd61ax2l04IgIcYofAjm8M+5BKAmX47ROweyc8RrrslszCFUJynlmXx6JS1PoHqvo8+E0aAYQQ==", "dev": true, "dependencies": { - "@volar/language-service": "2.4.0-alpha.16", - "@volar/typescript": "2.4.0-alpha.16", + "@volar/language-service": "2.4.0-alpha.18", + "@volar/typescript": "2.4.0-alpha.18", "typesafe-path": "^0.2.2", "vscode-languageserver-textdocument": "^1.0.11", "vscode-uri": "^3.0.8" @@ -2125,24 +2126,24 @@ } }, "node_modules/@volar/language-core": { - "version": "2.4.0-alpha.16", - "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.0-alpha.16.tgz", - "integrity": "sha512-oOTnIZlx0P/idFwVw+W0NbzKDtZAQMzXSdIFfTePCKcXlb4Ys12GaGkx8NF9dsvPYV3nbv3ZsSxnkZWBmNKd7A==", + "version": "2.4.0-alpha.18", + "resolved": "https://registry.npmjs.org/@volar/language-core/-/language-core-2.4.0-alpha.18.tgz", + "integrity": "sha512-JAYeJvYQQROmVRtSBIczaPjP3DX4QW1fOqW1Ebs0d3Y3EwSNRglz03dSv0Dm61dzd0Yx3WgTW3hndDnTQqgmyg==", "dev": true, "dependencies": { - "@volar/source-map": "2.4.0-alpha.16" + "@volar/source-map": "2.4.0-alpha.18" } }, "node_modules/@volar/language-server": { - "version": "2.4.0-alpha.16", - "resolved": "https://registry.npmjs.org/@volar/language-server/-/language-server-2.4.0-alpha.16.tgz", - "integrity": "sha512-DswMBlmmXPo9fb1Dmb2qrCtxRDgQPej5jUjAoUm+1wO5k02Tk+jIvbbd/R3EzyHFTARmiRH5/bSOfRefHyuMsg==", + "version": "2.4.0-alpha.18", + "resolved": "https://registry.npmjs.org/@volar/language-server/-/language-server-2.4.0-alpha.18.tgz", + "integrity": "sha512-dciHEE/R5kzI0bY71QfkoCVQ3cQI6g9MHfA4oIP6UhnJy0CdleUalWSygOXoD3Nq7Yk6wn2BRrb1PP5MsadY/Q==", "dev": true, "dependencies": { - "@volar/language-core": "2.4.0-alpha.16", - "@volar/language-service": "2.4.0-alpha.16", - "@volar/snapshot-document": "2.4.0-alpha.16", - "@volar/typescript": "2.4.0-alpha.16", + "@volar/language-core": "2.4.0-alpha.18", + "@volar/language-service": "2.4.0-alpha.18", + "@volar/snapshot-document": "2.4.0-alpha.18", + "@volar/typescript": "2.4.0-alpha.18", "path-browserify": "^1.0.1", "request-light": "^0.7.0", "vscode-languageserver": "^9.0.1", @@ -2152,21 +2153,21 @@ } }, "node_modules/@volar/language-service": { - "version": "2.4.0-alpha.16", - "resolved": "https://registry.npmjs.org/@volar/language-service/-/language-service-2.4.0-alpha.16.tgz", - "integrity": "sha512-iIRUY0EL9jp8Od7Py/GlYpCu469GFDYl7ai716pQgwipjpjEjRQiuGAD2+cSFjOVXDsMPFpJ+Dpei7aSvE/8pQ==", + "version": "2.4.0-alpha.18", + "resolved": "https://registry.npmjs.org/@volar/language-service/-/language-service-2.4.0-alpha.18.tgz", + "integrity": "sha512-EuetrtbEtudi9buinWAG5U3Jam5dY27zXd/7GYnx542kBwanWOBM8i4DAQd0z7M11fOxXgybxPA933uaSyaOog==", "dev": true, "dependencies": { - "@volar/language-core": "2.4.0-alpha.16", + "@volar/language-core": "2.4.0-alpha.18", "vscode-languageserver-protocol": "^3.17.5", "vscode-languageserver-textdocument": "^1.0.11", "vscode-uri": "^3.0.8" } }, "node_modules/@volar/snapshot-document": { - "version": "2.4.0-alpha.16", - "resolved": "https://registry.npmjs.org/@volar/snapshot-document/-/snapshot-document-2.4.0-alpha.16.tgz", - "integrity": "sha512-X9xZeLvkmhjkrz27J6nq9JhYWV8AUT1KS9fi4s+Mo1FOh5HHUIx/QzhrwsUN/pY1z3kO+vtrl2DE6NVJRYwwbw==", + "version": "2.4.0-alpha.18", + "resolved": "https://registry.npmjs.org/@volar/snapshot-document/-/snapshot-document-2.4.0-alpha.18.tgz", + "integrity": "sha512-JAeclEly/wnILhR4Pu9MpgBLInZJH49O1zoy8fU+pk5I+zpv7JIEby5z2UFAS60+sIDnxBdAGd7rZ5VibE70vg==", "dev": true, "dependencies": { "vscode-languageserver-protocol": "^3.17.5", @@ -2174,18 +2175,18 @@ } }, "node_modules/@volar/source-map": { - "version": "2.4.0-alpha.16", - "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.0-alpha.16.tgz", - "integrity": "sha512-sL9vNG7iR2hiKZor7UkD5Sufu3QCia4cbp2gX/nGRNSdaPbhOpdAoavwlBm0PrVkpiA19NZuavZoobD8krviFg==", + "version": "2.4.0-alpha.18", + "resolved": "https://registry.npmjs.org/@volar/source-map/-/source-map-2.4.0-alpha.18.tgz", + "integrity": "sha512-MTeCV9MUwwsH0sNFiZwKtFrrVZUK6p8ioZs3xFzHc2cvDXHWlYN3bChdQtwKX+FY2HG6H3CfAu1pKijolzIQ8g==", "dev": true }, "node_modules/@volar/typescript": { - "version": "2.4.0-alpha.16", - "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.0-alpha.16.tgz", - "integrity": "sha512-WCx7z5O81McCQp2cC0c8081y+MgTiAR2WAiJjVL4tr4Qh4GgqK0lgn3CqAjcKizaK1R5y3wfrUqgIYr+QeFYcw==", + "version": "2.4.0-alpha.18", + "resolved": "https://registry.npmjs.org/@volar/typescript/-/typescript-2.4.0-alpha.18.tgz", + "integrity": "sha512-sXh5Y8sqGUkgxpMWUGvRXggxYHAVxg0Pa1C42lQZuPDrW6vHJPR0VCK8Sr7WJsAW530HuNQT/ZIskmXtxjybMQ==", "dev": true, "dependencies": { - "@volar/language-core": "2.4.0-alpha.16", + "@volar/language-core": "2.4.0-alpha.18", "path-browserify": "^1.0.1", "vscode-uri": "^3.0.8" } @@ -2216,9 +2217,9 @@ "dev": true }, "node_modules/@vtbag/inspection-chamber": { - "version": "1.0.2", - "resolved": "https://registry.npmjs.org/@vtbag/inspection-chamber/-/inspection-chamber-1.0.2.tgz", - "integrity": "sha512-TpodnFfljDlxaNTDu0Bs4rcQ5KF9vPzEoU4vj2Rh2c+l5uQG9FXEagpNXEU4UWaVj1AJM6s0jNB3dsWrThdpWQ==", + "version": "1.0.3", + "resolved": "https://registry.npmjs.org/@vtbag/inspection-chamber/-/inspection-chamber-1.0.3.tgz", + "integrity": "sha512-0usp0hsnfrKSM8VQM5W0SGFuyFq0OHAoVlgM6av/AKSJCw28MkAwDxz+h5DgaHI9sJm8E+XVxaMcVpDOj3rcFQ==", "dev": true, "funding": { "type": "github", @@ -2374,9 +2375,9 @@ } }, "node_modules/astro": { - "version": "4.12.0", - "resolved": "https://registry.npmjs.org/astro/-/astro-4.12.0.tgz", - "integrity": "sha512-JCfrJemDRgc87KVBQ9x4zIwadSuWdG1WjzR3b59nUY+mVeph8W5Y68DrYU5s1JMhQN3+yn2p3lexg4lJM41rsg==", + "version": "4.12.2", + "resolved": "https://registry.npmjs.org/astro/-/astro-4.12.2.tgz", + "integrity": "sha512-l6OmqlL+FiuSi9x6F+EGZitteOznq1JffOil7st7cdqeMCTEIym4oagI1a6zp6QekliKWEEZWdplGhgh1k1f7Q==", "dev": true, "dependencies": { "@astrojs/compiler": "^2.9.0", @@ -2467,12 +2468,12 @@ } }, "node_modules/astro-vtbot": { - "version": "1.8.2", - "resolved": "https://registry.npmjs.org/astro-vtbot/-/astro-vtbot-1.8.2.tgz", - "integrity": "sha512-JZYVbdxnrp4tiz8uSjnVgv29/xeGtSFdZDMQPNRJbfB0a0HF95JkLcgkLieRrXTwpkhrR5Tm7Yu5QIpw5ZvFPA==", + "version": "1.8.3", + "resolved": "https://registry.npmjs.org/astro-vtbot/-/astro-vtbot-1.8.3.tgz", + "integrity": "sha512-7nzucuJOpkXWA3DFMLvkDh15XBTzUPTbuWDFEsefbhUqGpEH6kVSQMPtHhzn8fu3Hw3zpzgww9epJIo6Hl6qMg==", "dev": true, "dependencies": { - "@vtbag/inspection-chamber": "^1.0.2" + "@vtbag/inspection-chamber": "^1.0.3" }, "funding": { "type": "github", @@ -6118,12 +6119,12 @@ } }, "node_modules/playwright": { - "version": "1.45.2", - "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.45.2.tgz", - "integrity": "sha512-ReywF2t/0teRvNBpfIgh5e4wnrI/8Su8ssdo5XsQKpjxJj+jspm00jSoz9BTg91TT0c9HRjXO7LBNVrgYj9X0g==", + "version": "1.45.3", + "resolved": "https://registry.npmjs.org/playwright/-/playwright-1.45.3.tgz", + "integrity": "sha512-QhVaS+lpluxCaioejDZ95l4Y4jSFCsBvl2UZkpeXlzxmqS+aABr5c82YmfMHrL6x27nvrvykJAFpkzT2eWdJww==", "dev": true, "dependencies": { - "playwright-core": "1.45.2" + "playwright-core": "1.45.3" }, "bin": { "playwright": "cli.js" @@ -6136,9 +6137,9 @@ } }, "node_modules/playwright-core": { - "version": "1.45.2", - "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.45.2.tgz", - "integrity": "sha512-ha175tAWb0dTK0X4orvBIqi3jGEt701SMxMhyujxNrgd8K0Uy5wMSwwcQHtyB4om7INUkfndx02XnQ2p6dvLDw==", + "version": "1.45.3", + "resolved": "https://registry.npmjs.org/playwright-core/-/playwright-core-1.45.3.tgz", + "integrity": "sha512-+ym0jNbcjikaOwwSZycFbwkWgfruWvYlJfThKYAlImbxUgdWFO2oW70ojPm4OpE4t6TAo2FY/smM+hpVTtkhDA==", "dev": true, "bin": { "playwright-core": "cli.js" @@ -7202,9 +7203,9 @@ "dev": true }, "node_modules/typescript": { - "version": "5.5.3", - "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.3.tgz", - "integrity": "sha512-/hreyEujaB0w76zKo6717l3L0o/qEUtRgdvUBvlkhoWeOVMjMuHNHk0BRBzikzuGDqNmPQbg5ifMEqsHLiIUcQ==", + "version": "5.5.4", + "resolved": "https://registry.npmjs.org/typescript/-/typescript-5.5.4.tgz", + "integrity": "sha512-Mtq29sKDAEYP7aljRgtPOpTvOfbwRWlS6dPRzwjdE+C0R4brX/GUyhHSecbHMFLNBLcJIPt9nl9yG5TZ1weH+Q==", "dev": true, "bin": { "tsc": "bin/tsc", @@ -7224,9 +7225,9 @@ } }, "node_modules/undici-types": { - "version": "5.26.5", - "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-5.26.5.tgz", - "integrity": "sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==", + "version": "6.11.1", + "resolved": "https://registry.npmjs.org/undici-types/-/undici-types-6.11.1.tgz", + "integrity": "sha512-mIDEX2ek50x0OlRgxryxsenE5XaQD4on5U2inY7RApK3SOJpofyw7uW2AyfMKkhAxXIceo2DeWGVGwyvng1GNQ==", "dev": true }, "node_modules/unified": { diff --git a/package.json b/package.json index cb832e1..f77485e 100644 --- a/package.json +++ b/package.json @@ -9,19 +9,19 @@ "test": "npx playwright test" }, "devDependencies": { - "@astrojs/check": "^0.8.1", - "@astrojs/starlight": "^0.25.1", - "@playwright/test": "^1.45.2", - "@types/node": "^20.14.11", - "@vtbag/inspection-chamber": "^1.0.2", - "astro": "^4.10.2", - "astro-vtbot": "^1.8.2", + "@astrojs/check": "^0.8.3", + "@astrojs/starlight": "^0.25.2", + "@playwright/test": "^1.45.3", + "@types/node": "^22.0.0", + "@vtbag/inspection-chamber": "^1.0.3", + "astro": "^4.12.2", + "astro-vtbot": "^1.8.3", "rehype-autolink-headings": "^7.1.0", "rehype-external-links": "^3.0.0", "rehype-slug": "^6.0.0", "rollup-plugin-visualizer": "^5.12.0", "sharp": "^0.33.4", "starlight-image-zoom": "^0.7.0", - "typescript": "^5.5.3" + "typescript": "^5.5.4" } } diff --git a/playwright.config.ts b/playwright.config.ts index 03fb49f..989dc3b 100644 --- a/playwright.config.ts +++ b/playwright.config.ts @@ -37,17 +37,6 @@ export default defineConfig({ name: 'chromium', use: { ...devices['Desktop Chrome'] }, }, - - /* Test against mobile viewports. */ - // { - // name: 'Mobile Chrome', - // use: { ...devices['Pixel 5'] }, - // }, - // { - // name: 'Mobile Safari', - // use: { ...devices['iPhone 12'] }, - // }, - ], /* Run your local dev server before starting the tests */ diff --git a/src/components/Head.astro b/src/components/Head.astro index ffc7cd5..de6622e 100644 --- a/src/components/Head.astro +++ b/src/components/Head.astro @@ -1,30 +1,79 @@ --- -import type { Props } from '@astrojs/starlight/props'; -import StarlightHead from '@astrojs/starlight/components/Head.astro'; -import VtbotStarlight from 'astro-vtbot/components/starlight/Base.astro'; -import ProgressBar from 'astro-vtbot/components/ProgressBar.astro'; -import PageOffset from 'astro-vtbot/components/PageOffset.astro'; -import PageOrder from 'astro-vtbot/components/starlight/PageOrder.astro'; -import AutoNameSelected from 'astro-vtbot/components/AutoNameSelected.astro'; +import type { Props } from "@astrojs/starlight/props"; +import StarlightHead from "@astrojs/starlight/components/Head.astro"; +import VtbotStarlight from "astro-vtbot/components/starlight/Base.astro"; +import ProgressBar from "astro-vtbot/components/ProgressBar.astro"; +import PageOffset from "astro-vtbot/components/PageOffset.astro"; +import PageOrder from "astro-vtbot/components/starlight/PageOrder.astro"; +import AutoNameSelected from "astro-vtbot/components/AutoNameSelected.astro"; +import BorderControl from "astro-vtbot/components/BorderControl.astro"; --- {/* Define a view transition animation for `
`*/} - - + + {/* As an alterative to the LoadingIndicator: */} {/* Decent transitions for scrolled down pages */} @@ -34,7 +83,9 @@ import AutoNameSelected from 'astro-vtbot/components/AutoNameSelected.astro'; { - /* Without further configuration, make headings stand out during view transitions. + /* Without further configuration, make headings stand out during view transitions. Can be used to declaratively add view transition names which open a door to all kinds of funny thing. */ } + + diff --git a/src/content/docs/index.mdx b/src/content/docs/index.mdx index d51f2bd..bc17168 100644 --- a/src/content/docs/index.mdx +++ b/src/content/docs/index.mdx @@ -15,4 +15,3 @@ hero: link: https://events-3bg.pages.dev icon: external --- - diff --git a/src/content/docs/overview.mdx b/src/content/docs/overview.mdx index 823f684..c86e86a 100644 --- a/src/content/docs/overview.mdx +++ b/src/content/docs/overview.mdx @@ -9,6 +9,14 @@ You're getting a sneak peek at the very beginning stages: the first feature in t More tools are on the way, and I’m always excited to hear your suggestions and learn what would be most helpful to you. +## Technology + +@vtbag is all about the View Transition API. Find out [more about this browser API](https://events-3bg.pages.dev/jotter/api/). + +The content part of this site is build with [Starlight + View Transitions](https://events-3bg.pages.dev/jotter/starlight/guide/). Thanks to Astro's view transition simulation, you can experience some of the effects on the content pages even with browsers that do not yet offer native support for the View Transition API. + +On the other hand, the tech demos on this site are independent of Astro. They only use the View Transition API and require browsers with native support for it. Cross document effects need a level 2 compliant browser. The [Inspection Chamber](/inspection-chamber/) even requires a **current Chrome with the `chrome://flags/#view-transition-on-navigation-iframe` flag set**. + ## Relation to astro-vtbot Some of you might be familiar with [astro-vtbot](https://events-3bg.pages.dev), the big sister, or at least the spiritual predecessor, of @vtbag: Even when the new View Transition API in Chrome was only accessible behind flags, the Astro project had already anticipated parts of the level 2 specification, enabling cross-document view transitions for MPAs. Of course, Astro's client-side router isn’t technically comparable to level 2 view transitions and has its own challenges in handling scripts and state, but it allowed many users to experiment early and build expertise in view transitions. @@ -20,4 +28,6 @@ With the wider adoption of the view transition API and the introduction of level @vtbag inherits the concept of a Bag of Tricks from astro-vtbot: a diverse collection of tricks, tips, components, and tools. While astro-vtbot continues to focus on the specific needs of the Astro router, @vtbag aims at the view transition API in general, without being tied to any specific framework. -Both astro-vtbot and @vtbag might be referred to as "The Bag" as typically the context makes it clear which one is meant. \ No newline at end of file +Both astro-vtbot and @vtbag might be referred to as "The Bag" as typically the context makes it clear which one is meant. + + diff --git a/src/styles/custom.css b/src/styles/custom.css index 7a78d01..7570953 100644 --- a/src/styles/custom.css +++ b/src/styles/custom.css @@ -174,3 +174,13 @@ li a[aria-current="page"] { main h1 { view-transition-name: title-heading; } + +:root { + font-size: 12px; +} + +@media (min-width: 50em) { + :root { + font-size: 16px; + } +} diff --git a/tsconfig.json b/tsconfig.json index d088728..89aaaf3 100644 --- a/tsconfig.json +++ b/tsconfig.json @@ -1,6 +1,7 @@ { "extends": "astro/tsconfigs/strictest", - "exclude": [ - "node_modules", - "dist" - ],} \ No newline at end of file + "exclude": ["node_modules", "dist"], + "compilerOptions": { + "baseUrl": "." + } +}