Personal Site
0
fork

Configure Feed

Select the types of activity you want to include in your feed.

Set image-rendering on the root so i dont spam it across the codebase

+1 -7
+1
src/components/Base.astro
··· 21 21 :root { 22 22 font-family: sans-serif; 23 23 interpolate-size: allow-keywords; 24 + image-rendering: pixelated; 24 25 } 25 26 26 27 * {
-2
src/components/Header.astro
··· 67 67 68 68 <style> 69 69 header { 70 - image-rendering: pixelated; 71 70 border-image: var(--box-blr-png) 10 fill / 20px / 20px round; 72 71 margin: 0 20px 20px; 73 72 padding: 10px 20px; ··· 117 116 118 117 & + &::before { 119 118 content: ""; 120 - image-rendering: pixelated; 121 119 background-image: var(--dot-png); 122 120 background-size: contain; 123 121 width: 9px;
-2
src/components/home/Landing.astro
··· 62 62 &::before { 63 63 content: ""; 64 64 display: block; 65 - image-rendering: pixelated; 66 65 background-image: var(--line-png); 67 66 background-size: 60px; 68 67 z-index: -1; ··· 82 81 height: 180px; 83 82 margin: 0 0 10px 10px; 84 83 85 - image-rendering: pixelated; 86 84 background-image: var(--box-rounded-top-png); 87 85 background-repeat: no-repeat; 88 86 background-size: 100% 100%;
-1
src/components/home/feeds/Feeds.astro
··· 100 100 101 101 z-index: 0; 102 102 103 - image-rendering: pixelated; 104 103 border-image-source: var(--box-lr-png); 105 104 border-image-slice: 0 10 fill; 106 105 border-image-width: 0 20px;
-2
src/components/home/playing/NowPlaying.astro
··· 211 211 212 212 /* mobile border image */ 213 213 @media (max-width: 90ch) { 214 - image-rendering: pixelated; 215 214 border-image-source: var(--box-tb-png); 216 215 border-image-slice: 10 0 fill; 217 216 border-image-width: 20px 0; ··· 236 235 */ 237 236 aspect-ratio: 300/244; 238 237 239 - image-rendering: pixelated; 240 238 background-image: var(--mp3-base-png); 241 239 background-size: contain; 242 240