From 3bd97e9235eedbdf5359c1fdecfc4339bfc3e07b Mon Sep 17 00:00:00 2001 From: Martin Trapp <94928215+martrapp@users.noreply.github.com> Date: Sat, 9 Nov 2024 18:05:28 +0100 Subject: [PATCH] butterflies --- package-lock.json | 117 ++++++++++++++++++++----------------- package.json | 2 +- src/components/Bsky.astro | 2 +- src/content/docs/index.mdx | 29 ++++++++- src/styles/custom.css | 76 ++++++++++++++++++++++++ 5 files changed, 169 insertions(+), 57 deletions(-) diff --git a/package-lock.json b/package-lock.json index 7cf877f..8978499 100644 --- a/package-lock.json +++ b/package-lock.json @@ -12,7 +12,7 @@ }, "devDependencies": { "@astrojs/check": "^0.9.4", - "@astrojs/starlight": "^0.28.6", + "@astrojs/starlight": "^0.29.0", "@playwright/test": "^1.48.2", "@types/node": "^22.9.0", "@vtbag/cam-shaft": "^1.0.1", @@ -190,9 +190,9 @@ } }, "node_modules/@astrojs/starlight": { - "version": "0.28.6", - "resolved": "https://registry.npmjs.org/@astrojs/starlight/-/starlight-0.28.6.tgz", - "integrity": "sha512-lY+rbRMIVxDGiXhS4lBuVrU2jTUezEt4QeTxUTHxfj2tuKBwquG7Jg+alON6l+uaV+anbOkFb001MMXZF8X85w==", + "version": "0.29.0", + "resolved": "https://registry.npmjs.org/@astrojs/starlight/-/starlight-0.29.0.tgz", + "integrity": "sha512-0HRr7LiI0XJUA5n0Mj5LPSLZtw80ttkL6eh824y6t/DCcvJzC6e+HRQZ0hIolU8jsEMc7Qs07mMQIvPTpX9KMg==", "dev": true, "license": "MIT", "dependencies": { @@ -201,7 +201,7 @@ "@pagefind/default-ui": "^1.0.3", "@types/hast": "^3.0.4", "@types/mdast": "^4.0.4", - "astro-expressive-code": "^0.35.6", + "astro-expressive-code": "^0.38.3", "bcp-47": "^2.1.0", "hast-util-from-html": "^2.0.1", "hast-util-select": "^6.0.2", @@ -555,6 +555,7 @@ "resolved": "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-4.1.0.tgz", "integrity": "sha512-WyOx8cJQ+FQus4Mm4uPIZA64gbk3Wxh0so5Lcii0aJifqwoVOlfFtorjLE0Hen4OYyHZMXDWqMmaQemBhgxFRQ==", "dev": true, + "license": "MIT", "engines": { "node": ">=14" } @@ -992,10 +993,11 @@ } }, "node_modules/@expressive-code/core": { - "version": "0.35.6", - "resolved": "https://registry.npmjs.org/@expressive-code/core/-/core-0.35.6.tgz", - "integrity": "sha512-xGqCkmfkgT7lr/rvmfnYdDSeTdCSp1otAHgoFS6wNEeO7wGDPpxdosVqYiIcQ8CfWUABh/pGqWG90q+MV3824A==", + "version": "0.38.3", + "resolved": "https://registry.npmjs.org/@expressive-code/core/-/core-0.38.3.tgz", + "integrity": "sha512-s0/OtdRpBONwcn23O8nVwDNQqpBGKscysejkeBkwlIeHRLZWgiTVrusT5Idrdz1d8cW5wRk9iGsAIQmwDPXgJg==", "dev": true, + "license": "MIT", "dependencies": { "@ctrl/tinycolor": "^4.0.4", "hast-util-select": "^6.0.2", @@ -1009,31 +1011,34 @@ } }, "node_modules/@expressive-code/plugin-frames": { - "version": "0.35.6", - "resolved": "https://registry.npmjs.org/@expressive-code/plugin-frames/-/plugin-frames-0.35.6.tgz", - "integrity": "sha512-CqjSWjDJ3wabMJZfL9ZAzH5UAGKg7KWsf1TBzr4xvUbZvWoBtLA/TboBML0U1Ls8h/4TRCIvR4VEb8dv5+QG3w==", + "version": "0.38.3", + "resolved": "https://registry.npmjs.org/@expressive-code/plugin-frames/-/plugin-frames-0.38.3.tgz", + "integrity": "sha512-qL2oC6FplmHNQfZ8ZkTR64/wKo9x0c8uP2WDftR/ydwN/yhe1ed7ZWYb8r3dezxsls+tDokCnN4zYR594jbpvg==", "dev": true, + "license": "MIT", "dependencies": { - "@expressive-code/core": "^0.35.6" + "@expressive-code/core": "^0.38.3" } }, "node_modules/@expressive-code/plugin-shiki": { - "version": "0.35.6", - "resolved": "https://registry.npmjs.org/@expressive-code/plugin-shiki/-/plugin-shiki-0.35.6.tgz", - "integrity": "sha512-xm+hzi9BsmhkDUGuyAWIydOAWer7Cs9cj8FM0t4HXaQ+qCubprT6wJZSKUxuvFJIUsIOqk1xXFaJzGJGnWtKMg==", + "version": "0.38.3", + "resolved": "https://registry.npmjs.org/@expressive-code/plugin-shiki/-/plugin-shiki-0.38.3.tgz", + "integrity": "sha512-kqHnglZeesqG3UKrb6e9Fq5W36AZ05Y9tCREmSN2lw8LVTqENIeCIkLDdWtQ5VoHlKqwUEQFTVlRehdwoY7Gmw==", "dev": true, + "license": "MIT", "dependencies": { - "@expressive-code/core": "^0.35.6", - "shiki": "^1.1.7" + "@expressive-code/core": "^0.38.3", + "shiki": "^1.22.2" } }, "node_modules/@expressive-code/plugin-text-markers": { - "version": "0.35.6", - "resolved": "https://registry.npmjs.org/@expressive-code/plugin-text-markers/-/plugin-text-markers-0.35.6.tgz", - "integrity": "sha512-/k9eWVZSCs+uEKHR++22Uu6eIbHWEciVHbIuD8frT8DlqTtHYaaiwHPncO6KFWnGDz5i/gL7oyl6XmOi/E6GVg==", + "version": "0.38.3", + "resolved": "https://registry.npmjs.org/@expressive-code/plugin-text-markers/-/plugin-text-markers-0.38.3.tgz", + "integrity": "sha512-dPK3+BVGTbTmGQGU3Fkj3jZ3OltWUAlxetMHI6limUGCWBCucZiwoZeFM/WmqQa71GyKRzhBT+iEov6kkz2xVA==", "dev": true, + "license": "MIT", "dependencies": { - "@expressive-code/core": "^0.35.6" + "@expressive-code/core": "^0.38.3" } }, "node_modules/@img/sharp-darwin-arm64": { @@ -2444,15 +2449,16 @@ } }, "node_modules/astro-expressive-code": { - "version": "0.35.6", - "resolved": "https://registry.npmjs.org/astro-expressive-code/-/astro-expressive-code-0.35.6.tgz", - "integrity": "sha512-1U4KrvFuodaCV3z4I1bIR16SdhQlPkolGsYTtiANxPZUVv/KitGSCTjzksrkPonn1XuwVqvnwmUUVzTLWngnBA==", + "version": "0.38.3", + "resolved": "https://registry.npmjs.org/astro-expressive-code/-/astro-expressive-code-0.38.3.tgz", + "integrity": "sha512-Tvdc7RV0G92BbtyEOsfJtXU35w41CkM94fOAzxbQP67Wj5jArfserJ321FO4XA7WG9QMV0GIBmQq77NBIRDzpQ==", "dev": true, + "license": "MIT", "dependencies": { - "rehype-expressive-code": "^0.35.6" + "rehype-expressive-code": "^0.38.3" }, "peerDependencies": { - "astro": "^4.0.0-beta || ^3.3.0" + "astro": "^4.0.0-beta || ^5.0.0-beta || ^3.3.0" } }, "node_modules/astro-integration-kit": { @@ -2553,6 +2559,7 @@ "resolved": "https://registry.npmjs.org/bcp-47-match/-/bcp-47-match-2.0.3.tgz", "integrity": "sha512-JtTezzbAibu8G0R9op9zb3vcWZd9JF6M0xOYGPn0fNCd7wOpRB1mU2mH9T8gaBGbAAyIIVgB2G7xG0GP98zMAQ==", "dev": true, + "license": "MIT", "funding": { "type": "github", "url": "https://github.com/sponsors/wooorm" @@ -2562,7 +2569,8 @@ "version": "1.0.0", "resolved": "https://registry.npmjs.org/boolbase/-/boolbase-1.0.0.tgz", "integrity": "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==", - "dev": true + "dev": true, + "license": "ISC" }, "node_modules/boxen": { "version": "8.0.1", @@ -2997,7 +3005,8 @@ "type": "patreon", "url": "https://patreon.com/mdevils" } - ] + ], + "license": "MIT" }, "node_modules/cssesc": { "version": "3.0.0", @@ -3105,6 +3114,7 @@ "resolved": "https://registry.npmjs.org/direction/-/direction-2.0.1.tgz", "integrity": "sha512-9S6m9Sukh1cZNknO1CWAr2QAWsbKLafQiyM5gZ7VgXHeuaoUwffKN4q6NC4A/Mf9iiPlOXQEKW/Mv/mh9/3YFA==", "dev": true, + "license": "MIT", "bin": { "direction": "cli.js" }, @@ -3317,15 +3327,16 @@ "integrity": "sha512-GWkBvjiSZK87ELrYOSESUYeVIc9mvLLf/nXalMOS5dYrgZq9o5OVkbZAVM06CVxYsCwH9BDZFPlQTlPA1j4ahA==" }, "node_modules/expressive-code": { - "version": "0.35.6", - "resolved": "https://registry.npmjs.org/expressive-code/-/expressive-code-0.35.6.tgz", - "integrity": "sha512-+mx+TPTbMqgo0mL92Xh9QgjW0kSQIsEivMgEcOnaqKqL7qCw8Vkqc5Rg/di7ZYw4aMUSr74VTc+w8GQWu05j1g==", + "version": "0.38.3", + "resolved": "https://registry.npmjs.org/expressive-code/-/expressive-code-0.38.3.tgz", + "integrity": "sha512-COM04AiUotHCKJgWdn7NtW2lqu8OW8owAidMpkXt1qxrZ9Q2iC7+tok/1qIn2ocGnczvr9paIySgGnEwFeEQ8Q==", "dev": true, + "license": "MIT", "dependencies": { - "@expressive-code/core": "^0.35.6", - "@expressive-code/plugin-frames": "^0.35.6", - "@expressive-code/plugin-shiki": "^0.35.6", - "@expressive-code/plugin-text-markers": "^0.35.6" + "@expressive-code/core": "^0.38.3", + "@expressive-code/plugin-frames": "^0.38.3", + "@expressive-code/plugin-shiki": "^0.38.3", + "@expressive-code/plugin-text-markers": "^0.38.3" } }, "node_modules/extend": { @@ -3708,10 +3719,11 @@ } }, "node_modules/hast-util-select": { - "version": "6.0.2", - "resolved": "https://registry.npmjs.org/hast-util-select/-/hast-util-select-6.0.2.tgz", - "integrity": "sha512-hT/SD/d/Meu+iobvgkffo1QecV8WeKWxwsNMzcTJsKw1cKTQKSR/7ArJeURLNJF9HDjp9nVoORyNNJxrvBye8Q==", + "version": "6.0.3", + "resolved": "https://registry.npmjs.org/hast-util-select/-/hast-util-select-6.0.3.tgz", + "integrity": "sha512-OVRQlQ1XuuLP8aFVLYmC2atrfWHS5UD3shonxpnyrjcCkwtvmt/+N6kYJdcY4mkMJhxp4kj2EFIxQ9kvkkt/eQ==", "dev": true, + "license": "MIT", "dependencies": { "@types/hast": "^3.0.0", "@types/unist": "^3.0.0", @@ -3723,7 +3735,6 @@ "hast-util-has-property": "^3.0.0", "hast-util-to-string": "^3.0.0", "hast-util-whitespace": "^3.0.0", - "not": "^0.1.0", "nth-check": "^2.0.0", "property-information": "^6.0.0", "space-separated-tokens": "^2.0.0", @@ -3890,6 +3901,7 @@ "resolved": "https://registry.npmjs.org/hastscript/-/hastscript-9.0.0.tgz", "integrity": "sha512-jzaLBGavEDKHrc5EfFImKN7nZKKBdSLIdGvCwDZ9TfzbF2ffXiov8CKE445L2Z1Ek2t/m4SKQ2j6Ipv7NyUolw==", "dev": true, + "license": "MIT", "dependencies": { "@types/hast": "^3.0.0", "comma-separated-tokens": "^2.0.0", @@ -5491,17 +5503,12 @@ "integrity": "sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==", "license": "MIT" }, - "node_modules/not": { - "version": "0.1.0", - "resolved": "https://registry.npmjs.org/not/-/not-0.1.0.tgz", - "integrity": "sha512-5PDmaAsVfnWUgTUbJ3ERwn7u79Z0dYxN9ErxCpVJJqe2RK0PJ3z+iFUxuqjwtlDDegXvtWoxD/3Fzxox7tFGWA==", - "dev": true - }, "node_modules/nth-check": { "version": "2.1.1", "resolved": "https://registry.npmjs.org/nth-check/-/nth-check-2.1.1.tgz", "integrity": "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==", "dev": true, + "license": "BSD-2-Clause", "dependencies": { "boolbase": "^1.0.0" }, @@ -5902,6 +5909,7 @@ "url": "https://github.com/sponsors/ai" } ], + "license": "MIT", "dependencies": { "postcss-selector-parser": "^6.1.1" }, @@ -5913,10 +5921,11 @@ } }, "node_modules/postcss-selector-parser": { - "version": "6.1.1", - "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.1.tgz", - "integrity": "sha512-b4dlw/9V8A71rLIDsSwVmak9z2DuBUB7CA1/wSdelNEzqsjoSPeADTWNO09lpH49Diy3/JIZ2bSPB1dI3LJCHg==", + "version": "6.1.2", + "resolved": "https://registry.npmjs.org/postcss-selector-parser/-/postcss-selector-parser-6.1.2.tgz", + "integrity": "sha512-Q8qQfPiZ+THO/3ZrOrO0cJJKfpYCagtMUkXbnEfmgUjwXg6z/WBeOyS9APBBPCTSiDV+s4SwQGu8yFsiMRIudg==", "dev": true, + "license": "MIT", "dependencies": { "cssesc": "^3.0.0", "util-deprecate": "^1.0.2" @@ -6095,12 +6104,13 @@ } }, "node_modules/rehype-expressive-code": { - "version": "0.35.6", - "resolved": "https://registry.npmjs.org/rehype-expressive-code/-/rehype-expressive-code-0.35.6.tgz", - "integrity": "sha512-pPdE+pRcRw01kxMOwHQjuRxgwlblZt5+wAc3w2aPGgmcnn57wYjn07iKO7zaznDxYVxMYVvYlnL+R3vWFQS4Gw==", + "version": "0.38.3", + "resolved": "https://registry.npmjs.org/rehype-expressive-code/-/rehype-expressive-code-0.38.3.tgz", + "integrity": "sha512-RYSSDkMBikoTbycZPkcWp6ELneANT4eTpND1DSRJ6nI2eVFUwTBDCvE2vO6jOOTaavwnPiydi4i/87NRyjpdOA==", "dev": true, + "license": "MIT", "dependencies": { - "expressive-code": "^0.35.6" + "expressive-code": "^0.38.3" } }, "node_modules/rehype-external-links": { @@ -7072,7 +7082,8 @@ "version": "1.0.2", "resolved": "https://registry.npmjs.org/util-deprecate/-/util-deprecate-1.0.2.tgz", "integrity": "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw==", - "dev": true + "dev": true, + "license": "MIT" }, "node_modules/vfile": { "version": "6.0.3", diff --git a/package.json b/package.json index 7c1cecb..955ff66 100644 --- a/package.json +++ b/package.json @@ -10,7 +10,7 @@ }, "devDependencies": { "@astrojs/check": "^0.9.4", - "@astrojs/starlight": "^0.28.6", + "@astrojs/starlight": "^0.29.0", "@playwright/test": "^1.48.2", "@types/node": "^22.9.0", "@vtbag/cam-shaft": "^1.0.1", diff --git a/src/components/Bsky.astro b/src/components/Bsky.astro index 7386ed3..20f6cfb 100644 --- a/src/components/Bsky.astro +++ b/src/components/Bsky.astro @@ -6,4 +6,4 @@ const { text } = Astro.props; const encodedText = encodeURIComponent(text); --- -🦋 + diff --git a/src/content/docs/index.mdx b/src/content/docs/index.mdx index d8f3271..09cf8f4 100644 --- a/src/content/docs/index.mdx +++ b/src/content/docs/index.mdx @@ -30,7 +30,7 @@ head: content: '{"@context": "https://schema.org", "@type": "WebSite", "name": "@vtbag", "url": "https://vtbag.dev/"}' --- -import Bsky from "../../components/Bsky.astro" +import Bsky from "../../components/Bsky.astro"; -If you’re enjoying this site, feel free to spread the word! \ No newline at end of file +

If you're enjoying this site, please follow me and The Bag on 🦋 Bluesky!
And maybe you want to share something with your followers 🦋 about this site?

+ + diff --git a/src/styles/custom.css b/src/styles/custom.css index 266c693..e4d9943 100644 --- a/src/styles/custom.css +++ b/src/styles/custom.css @@ -218,3 +218,79 @@ main kbd { font-size: 16px; } } + +::view-transition-old(butterfly1) { + animation: 1s ease-in both butterfly1; +} +::view-transition-old(butterfly2) { + animation: 1s ease-out both butterfly2; +} + +@keyframes butterfly1 { + 10% { + transform: rotateZ(-13deg) scale(0.5, 1); + } + 20% { + transform: scale(1, 1) translate(2vw, -2vh); + } + 30% { + transform: rotateZ(13deg) scale(0.75, 1.5) translate(4vw, -4vh); + } + 40% { + transform: scale(2, 2) scale(3vw, -4vw); + } + 50% { + transform: rotateZ(-13deg) scale(1.25, 2.5) translate(3vw, -4vw); + } + 60% { + transform: scale(3, 3) translate(3vw, -5vh); + } + 70% { + transform: rotateZ(13deg) scale(1.75, 3.5) translate(3vw,-5vw); + } + 80% { + opacity: 1; + transform: scale(2, 4) translate(5vw, -6vh); + } + 90% { + transform: rotateZ(-13deg) scale(2.25, 4.5) translate(5vw, -6vh); + } + 100% { + opacity: 0; + transform: scale(4, 4) translate(5vw, -6vh); + } +} +@keyframes butterfly2 { + 10% { + transform: rotateZ(-13deg) scale(0.5, 1); + } + 20% { + transform: scale(1, 1); + } + 30% { + transform: rotateZ(13deg) scale(0.75, 1.5) translate(-30%, -30%); + } + 40% { + transform: scale(2, 2); + } + 50% { + transform: rotateZ(-13deg) scale(1.25, 2.5); + } + 60% { + transform: scale(3, 3) translate(30%, -30%); + } + 70% { + transform: rotateZ(13deg) scale(1.75, 3.5); + } + 80% { + opacity: 1; + transform: scale(2, 4); + } + 90% { + transform: rotateZ(-13deg) scale(2.25, 4.5) translate(-30%, -30%); + } + 100% { + opacity: 0; + transform: scale(5, 5) translate(-30%, -100%); + } +}