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

Configure Feed

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

feat: updates to other pages

+58 -33
-3
src/app/components/header.tsx
··· 6 6 </a> 7 7 8 8 <a className="hover:text-base0E" href="/posts">posts</a> 9 - <a className="hover:text-base0E" href="https://bsky.app/profile/hayden.moe">bluesky</a> 10 - <a className="hover:text-base0E" href="https://twitch.tv/hayden_dev">twitch</a> 11 - <a className="hover:text-base0E" href="https://github.com/hbjydev">github</a> 12 9 <a className="hover:text-base0E border-r! border-muted" href="/rss.xml">rss</a> 13 10 </nav> 14 11 );
+17 -25
src/app/routes/_index.tsx
··· 1 1 import type { MetaFunction } from "react-router"; 2 - import { frens } from "src/ring"; 3 2 4 3 export const meta: MetaFunction = () => { 5 4 return [ ··· 11 10 export default () => { 12 11 return ( 13 12 <> 14 - <div className="prose max-w-5xl"> 13 + <div className="prose max-w-2xl mx-auto"> 15 14 <p> 16 15 I love working with all things DevOps, from automation and software 17 16 engineering to full-on platform engineering. I’m a huge advocate for making ··· 40 39 </p> 41 40 </div> 42 41 43 - <div className="mt-6 max-w-5xl flex flex-col gap-2"> 44 - <p className="text-blue underline">Webring</p> 45 - <div className="flex items-center gap-4"> 46 - {frens.map((fren, idx) => ( 47 - <a href={fren.url} key={idx}> 48 - <img 49 - src={fren.img} 50 - className="rendering-pixelated" 51 - width={88} 52 - height={31} 53 - alt={fren.name} 54 - /> 55 - </a> 56 - ))} 42 + <div className="max-w-sm w-full mx-auto grid md:grid-cols-2 gap-4"> 43 + <div className="flex flex-col gap-2"> 44 + <span className="font-bold text-lg">On the web</span> 45 + <ul className="list-disc list-inside"> 46 + <li><a className="text-pink underline" href="https://bsky.app/profile/hayden.moe">Bluesky</a></li> 47 + <li><a className="text-pink underline" href="https://discord.gg/vmuNsEuUyW">Discord</a></li> 48 + <li><a className="text-pink underline" href="https://github.com/hbjydev">GitHub</a></li> 49 + <li><a className="text-pink underline" href="https://twitch.tv/hayden_dev">Twitch</a></li> 50 + <li><a className="text-pink underline" href="mailto:hayden@hayden.moe">Email</a></li> 51 + </ul> 57 52 </div> 58 - <div className="p-2 bg-base01 block"> 59 - <p>Wanna add me to yours? Here's my badge!</p> 60 - <img 61 - src={`/88x31/hayden.png`} 62 - className="rendering-pixelated" 63 - width={88} 64 - height={31} 65 - alt="Hayden" 66 - /> 53 + <div className="flex flex-col gap-2"> 54 + <span className="font-bold text-lg">On this site</span> 55 + <ul className="list-disc list-inside"> 56 + <li><a className="text-pink underline" href="/posts">Blog</a></li> 57 + <li><a className="text-pink underline" href="/ring">Webring</a></li> 58 + </ul> 67 59 </div> 68 60 </div> 69 61 </>
+41
src/app/routes/ring.tsx
··· 1 + import { MetaFunction } from "react-router"; 2 + import { frens } from "src/ring"; 3 + 4 + export const meta: MetaFunction = () => { 5 + return [ 6 + { title: "hayden@web ~/ring" }, 7 + { name: "description", content: "The blog of a lowly DevOps Engineer from the UK. Federated on atproto!" }, 8 + ]; 9 + }; 10 + 11 + export default () => { 12 + return ( 13 + <div className="max-w-2xl mx-auto flex flex-col gap-2"> 14 + <span className="font-bold text-lg text-blue">Webring</span> 15 + 16 + <div className="flex items-center gap-4"> 17 + {frens.map((fren, idx) => ( 18 + <a href={fren.url} key={idx}> 19 + <img 20 + src={fren.img} 21 + className="rendering-pixelated" 22 + width={88} 23 + height={31} 24 + alt={fren.name} 25 + /> 26 + </a> 27 + ))} 28 + </div> 29 + <div className="p-2 bg-base01 block"> 30 + <p>Wanna add me to yours? Here's my badge!</p> 31 + <img 32 + src={`/88x31/hayden.png`} 33 + className="rendering-pixelated" 34 + width={88} 35 + height={31} 36 + alt="Hayden" 37 + /> 38 + </div> 39 + </div> 40 + ); 41 + };
-5
src/ring/index.ts
··· 6 6 7 7 export const frens: Fren[] = [ 8 8 { 9 - name: 'Sapphic Angels', 10 - img: 'https://sapphic.moe/buttons/friends/sapphic.png', 11 - url: 'https://sapphic.moe', 12 - }, 13 - { 14 9 name: 'Alyxia', 15 10 img: 'https://alyxia.dev/static/img/88x31/self.png', 16 11 url: 'https://alyxia.dev',