+1

src/assets/hamburger.svg

··· 9 stroke-linecap="round" 10 stroke-linejoin="round" 11 class="lucide lucide-menu-icon lucide-menu" 0 12 > 13 <title><!-- no alt text as used for buttons --></title> 14 <path d="M4 12h16" />

··· 9 stroke-linecap="round" 10 stroke-linejoin="round" 11 class="lucide lucide-menu-icon lucide-menu" 12 + title="" 13 > 14 <title><!-- no alt text as used for buttons --></title> 15 <path d="M4 12h16" />

+1

src/assets/x.svg

··· 9 stroke-linecap="round" 10 stroke-linejoin="round" 11 class="lucide lucide-x-icon lucide-x" 0 12 > 13 <title><!-- no alt text as used for buttons --></title> 14 <path d="M18 6 6 18" />

··· 9 stroke-linecap="round" 10 stroke-linejoin="round" 11 class="lucide lucide-x-icon lucide-x" 12 + title="" 13 > 14 <title><!-- no alt text as used for buttons --></title> 15 <path d="M18 6 6 18" />

+3 -5

src/components/blog/background/Cloud.astro

··· 36 37 const vectorOffset = ( 38 v: [number, number], 39 - o: [number, number], 40 ): [number, number] => { 41 return [o[0] - v[0], o[1] - v[1]]; 42 }; ··· 48 <svg 49 viewBox={`-${blog.background.clouds.bumpRadius[1]} -${blog.background.clouds.bumpRadius[1]} ${2 * (r + blog.background.clouds.bumpRadius[1])} ${r + blog.background.clouds.bumpRadius[1]}`} 50 preserveAspectRatio="none" 51 - aria-label="" 52 - role="img" 53 {...Astro.props} 54 > 55 <title></title> ··· 92 ]; 93 const newDistance = Math.sqrt( 94 (newCenter[0] - p.origin[0]) ** 2 + 95 - (newCenter[1] - p.origin[1]) ** 2, 96 ); 97 return { 98 origin: vectorOffset(vector(ang, c), p.origin), ··· 123 prev: 0, 124 output: [] as any[], 125 complete: false, 126 - }, 127 ).output 128 } 129 <circle cx={r} cy={r} r={r}></circle>

··· 36 37 const vectorOffset = ( 38 v: [number, number], 39 + o: [number, number] 40 ): [number, number] => { 41 return [o[0] - v[0], o[1] - v[1]]; 42 }; ··· 48 <svg 49 viewBox={`-${blog.background.clouds.bumpRadius[1]} -${blog.background.clouds.bumpRadius[1]} ${2 * (r + blog.background.clouds.bumpRadius[1])} ${r + blog.background.clouds.bumpRadius[1]}`} 50 preserveAspectRatio="none" 0 0 51 {...Astro.props} 52 > 53 <title></title> ··· 90 ]; 91 const newDistance = Math.sqrt( 92 (newCenter[0] - p.origin[0]) ** 2 + 93 + (newCenter[1] - p.origin[1]) ** 2 94 ); 95 return { 96 origin: vectorOffset(vector(ang, c), p.origin), ··· 121 prev: 0, 122 output: [] as any[], 123 complete: false, 124 + } 125 ).output 126 } 127 <circle cx={r} cy={r} r={r}></circle>

+1 -2

src/components/blog/background/Clouds.astro

··· 35 top: ${y}rem; 36 left: calc(${x} * 200lvw - 100lvw); 37 position: absolute;`} 38 - role="img" 39 id={"cloud-" + i} 40 data-parallax 41 - aria-label="" 42 />, 43 ], 44 };

··· 35 top: ${y}rem; 36 left: calc(${x} * 200lvw - 100lvw); 37 position: absolute;`} 0 38 id={"cloud-" + i} 39 data-parallax 40 + title="" 41 />, 42 ], 43 };

+1 -2

src/components/blog/background/Moon.astro

··· 24 height="100" 25 style={`--parallax-speed: ${blog.background.parallax.moon}`} 26 data-parallax 27 - role="img" 28 - aria-label="" 29 > 30 <title></title> 31 <defs>

··· 24 height="100" 25 style={`--parallax-speed: ${blog.background.parallax.moon}`} 26 data-parallax 27 + title="" 0 28 > 29 <title></title> 30 <defs>

+2 -3

src/components/blog/background/Stars.astro

··· 39 const prongs = Math.round( 40 blog.background.stars.prongs[0] + 41 Math.random() * 42 - (blog.background.stars.prongs[1] - blog.background.stars.prongs[0]), 43 ); 44 45 return ( ··· 54 version="1.1" 55 xmlns="http://www.w3.org/2000/svg" 56 viewBox="0 0 100 100" 57 - role="img" 58 - aria-label="" 59 > 60 <title /> 61 {new Array(prongs).fill(0).map((_, i) => (

··· 39 const prongs = Math.round( 40 blog.background.stars.prongs[0] + 41 Math.random() * 42 + (blog.background.stars.prongs[1] - blog.background.stars.prongs[0]) 43 ); 44 45 return ( ··· 54 version="1.1" 55 xmlns="http://www.w3.org/2000/svg" 56 viewBox="0 0 100 100" 57 + title="" 0 58 > 59 <title /> 60 {new Array(prongs).fill(0).map((_, i) => (

+1 -2

src/components/blog/background/Sun.astro

··· 31 viewBox="0 0 100 100" 32 style={`--parallax-speed: ${blog.background.parallax.sun}; 33 --sun-progress-percent: ${percent}`} 0 34 data-parallax 35 - role="img" 36 - aria-label="" 37 > 38 <title></title> 39 <circle style="fill:#ffff00" cx="50" cy="50" r="35"></circle>

··· 31 viewBox="0 0 100 100" 32 style={`--parallax-speed: ${blog.background.parallax.sun}; 33 --sun-progress-percent: ${percent}`} 34 + title="" 35 data-parallax 0 0 36 > 37 <title></title> 38 <circle style="fill:#ffff00" cx="50" cy="50" r="35"></circle>

+2 -2

src/components/generic/Nav.astro

··· 14 --- 15 16 <button popovertarget="nav" popovertargetaction="show" aria-label="Nav Menu"> 17 - <Hamburger role="img" /> 18 </button> 19 <dialog closedby="any" open={startOpen} id="nav" popover> 20 <div class="top"> 21 <h1>{current}</h1> 22 <button popovertarget="nav" popovertargetaction="hide" aria-label="close"> 23 - <X width={32} height={32} role="img" /> 24 </button> 25 </div> 26 <NavEntry {data} />

··· 14 --- 15 16 <button popovertarget="nav" popovertargetaction="show" aria-label="Nav Menu"> 17 + <Hamburger /> 18 </button> 19 <dialog closedby="any" open={startOpen} id="nav" popover> 20 <div class="top"> 21 <h1>{current}</h1> 22 <button popovertarget="nav" popovertargetaction="hide" aria-label="close"> 23 + <X width={32} height={32} /> 24 </button> 25 </div> 26 <NavEntry {data} />