[Archived] Archived WIP of vielle.dev

Remove polyfill as it makes styles weird and applies in (my) chromium when it shouldnt.

Progressive enhancement is fine here.

vielle.dev 84fa8141 6be3cadc

verified
-1
package.json
··· 15 15 "@astrojs/mdx": "^4.3.0", 16 16 "@astrojs/rss": "^4.0.12", 17 17 "@astrojs/sitemap": "^3.4.1", 18 - "@oddbird/css-anchor-positioning": "^0.6.1", 19 18 "astro": "5.11.0", 20 19 "lunarphase-js": "^2.0.3", 21 20 "markdown-it": "^14.1.0",
-63
pnpm-lock.yaml
··· 19 19 "@astrojs/sitemap": 20 20 specifier: ^3.4.1 21 21 version: 3.4.1 22 - "@oddbird/css-anchor-positioning": 23 - specifier: ^0.6.1 24 - version: 0.6.1 25 22 astro: 26 23 specifier: 5.11.0 27 24 version: 5.11.0(@types/node@22.15.20)(rollup@4.41.0)(typescript@5.8.3)(yaml@2.8.0) ··· 458 455 cpu: [x64] 459 456 os: [win32] 460 457 461 - "@floating-ui/core@1.7.2": 462 - resolution: 463 - { 464 - integrity: sha512-wNB5ooIKHQc+Kui96jE/n69rHFWAVoxn5CAzL1Xdd8FG03cgY3MLO+GF9U3W737fYDSgPWA6MReKhBQBop6Pcw==, 465 - } 466 - 467 - "@floating-ui/dom@1.7.2": 468 - resolution: 469 - { 470 - integrity: sha512-7cfaOQuCS27HD7DX+6ib2OrnW+b4ZBwDNnCcT0uTyidcmyWb03FnQqJybDBoCnpdxwBSfA94UAYlRCt7mV+TbA==, 471 - } 472 - 473 - "@floating-ui/utils@0.2.10": 474 - resolution: 475 - { 476 - integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==, 477 - } 478 - 479 458 "@img/sharp-darwin-arm64@0.33.5": 480 459 resolution: 481 460 { ··· 670 649 integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==, 671 650 } 672 651 engines: { node: ">= 8" } 673 - 674 - "@oddbird/css-anchor-positioning@0.6.1": 675 - resolution: 676 - { 677 - integrity: sha512-/M1guQMJROMAFjS0uTmcg93S2X5r0Gwe6m5DqmRrGxNEUe1llmY6/Qw8UuhvexP6yeD+GDCP9CJtXBJS1vS9UQ==, 678 - } 679 652 680 653 "@oslojs/encoding@1.1.0": 681 654 resolution: ··· 903 876 integrity: sha512-5IKx/Y13RsYd+sauPb2x+U/xZikHjolzfuDgTAl/Tdf3Q8rslRvC19NKDLgAJQ6wsqADk10ntlv08nPFw/gO/A==, 904 877 } 905 878 906 - "@types/css-tree@2.3.10": 907 - resolution: 908 - { 909 - integrity: sha512-WcaBazJ84RxABvRttQjjFWgTcHvZR9jGr0Y3hccPkHjFyk/a3N8EuxjKr+QfrwjoM5b1yI1Uj1i7EzOAAwBwag==, 910 - } 911 - 912 879 "@types/debug@4.1.12": 913 880 resolution: 914 881 { ··· 2417 2384 integrity: sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==, 2418 2385 } 2419 2386 engines: { node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1 } 2420 - hasBin: true 2421 - 2422 - nanoid@5.1.5: 2423 - resolution: 2424 - { 2425 - integrity: sha512-Ir/+ZpE9fDsNH0hQ3C68uyThDXzYcim2EqcZ8zn8Chtt1iylPT9xXJB0kPCnqzgcEGikO9RxSrh63MsmVCU7Fw==, 2426 - } 2427 - engines: { node: ^18 || >=20 } 2428 2387 hasBin: true 2429 2388 2430 2389 neotraverse@0.6.18: ··· 3949 3908 "@esbuild/win32-x64@0.25.4": 3950 3909 optional: true 3951 3910 3952 - "@floating-ui/core@1.7.2": 3953 - dependencies: 3954 - "@floating-ui/utils": 0.2.10 3955 - 3956 - "@floating-ui/dom@1.7.2": 3957 - dependencies: 3958 - "@floating-ui/core": 1.7.2 3959 - "@floating-ui/utils": 0.2.10 3960 - 3961 - "@floating-ui/utils@0.2.10": {} 3962 - 3963 3911 "@img/sharp-darwin-arm64@0.33.5": 3964 3912 optionalDependencies: 3965 3913 "@img/sharp-libvips-darwin-arm64": 1.0.4 ··· 4079 4027 "@nodelib/fs.scandir": 2.1.5 4080 4028 fastq: 1.19.1 4081 4029 4082 - "@oddbird/css-anchor-positioning@0.6.1": 4083 - dependencies: 4084 - "@floating-ui/dom": 1.7.2 4085 - "@types/css-tree": 2.3.10 4086 - css-tree: 3.1.0 4087 - nanoid: 5.1.5 4088 - 4089 4030 "@oslojs/encoding@1.1.0": {} 4090 4031 4091 4032 "@rollup/pluginutils@5.1.4(rollup@4.41.0)": ··· 4192 4133 "@swc/helpers@0.5.17": 4193 4134 dependencies: 4194 4135 tslib: 2.8.1 4195 - 4196 - "@types/css-tree@2.3.10": {} 4197 4136 4198 4137 "@types/debug@4.1.12": 4199 4138 dependencies: ··· 5451 5390 muggle-string@0.4.1: {} 5452 5391 5453 5392 nanoid@3.3.11: {} 5454 - 5455 - nanoid@5.1.5: {} 5456 5393 5457 5394 neotraverse@0.6.18: {} 5458 5395
-7
src/Base.astro
··· 32 32 // sets the timezone offset 33 33 document.cookie = `timezone=${new Date().toString()};path=/`; 34 34 </script> 35 - <script> 36 - import polyfill from "@oddbird/css-anchor-positioning/fn"; 37 - polyfill().then(() => { 38 - console.log("Loaded anchor polyfill"); 39 - document.body.dataset.anchorPolyfill = "loaded"; 40 - }); 41 - </script> 42 35 <!-- default styles --> 43 36 <style is:global> 44 37 @layer reset {