My landing page, written in Astro hayden.moe
0
fork

Configure Feed

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

fix: eww, inline styles, go away

+11 -3
+3 -3
src/app/routes/_index.tsx
··· 41 41 </div> 42 42 43 43 <div className="mt-6 max-w-5xl flex flex-col gap-2"> 44 - <p className="text-[var(--base0F)] underline">Webring</p> 44 + <p className="text-blue underline">Webring</p> 45 45 <div className="flex items-center gap-4"> 46 46 {frens.map((fren, idx) => ( 47 47 <a href={fren.url} key={idx}> 48 48 <img 49 49 src={`/88x31/${fren.img}`} 50 + className="rendering-pixelated" 50 51 width={88} 51 52 height={31} 52 53 alt={fren.name} 53 - style={{ imageRendering: 'pixelated' }} 54 54 /> 55 55 </a> 56 56 ))} ··· 59 59 <p>Wanna add me to yours? Here's my badge!</p> 60 60 <img 61 61 src={`/88x31/hayden.png`} 62 + className="rendering-pixelated" 62 63 width={88} 63 64 height={31} 64 65 alt="Hayden" 65 - style={{ imageRendering: 'pixelated' }} 66 66 /> 67 67 </div> 68 68 </div>
+6
src/app/tailwind.css
··· 25 25 } 26 26 } 27 27 28 + @layer utilities { 29 + .rendering-pixelated { 30 + image-rendering: pixelated; 31 + } 32 + } 33 + 28 34 hr { 29 35 border-color: var(--base02); 30 36 }
+2
tailwind.config.ts
··· 15 15 fontFamily: { 16 16 mono: ["Geist Mono", "Courier New", ...defaultTheme.fontFamily.sans], 17 17 }, 18 + 18 19 colors: { 19 20 black: "var(--base00)", 20 21 white: "var(--base05)", 21 22 gray: "var(--base02)", 22 23 muted: "var(--base02)", 23 24 pink: "var(--base0A)", 25 + blue: "var(--base0F)", 24 26 }, 25 27 26 28 animation: {