Something went wrong. Try again.
My website, rebuilt yet again
Something went wrong. Try again.
2.3 kB · 56 lines
Astro
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657---import { Icon } from 'astro-iconify';import { SITE_TITLE } from '../consts';import HeaderLink from './HeaderLink.astro';import { AT_HANDLE, getAvatarBlob } from '../lib/atproto';
const avatarUrl = await getAvatarBlob(AT_HANDLE);
const leafletBlog = `https://hayden.leaflet.pub`;const thisRelease = `https://tangled.org/hayden.moe/hweb/tree/${GIT_SHA}`;---
<header class="flex lg:hidden items-center justify-center h-16 px-4 border-b border-base03 bg-muted-background"> <div class="max-w-full w-full flex-1 flex items-center justify-between gap-8"> <div class="flex items-center gap-4"> <img src={avatarUrl} alt="Avatar" class="size-12 rounded-md" /> <span class="font-bold text-xl text-primary">{SITE_TITLE}</span> </div>
<div class="flex items-center gap-4"> <HeaderLink href="/"><Icon name="octicon:home-16" class="size-6" /></HeaderLink> <HeaderLink href={leafletBlog}><Icon name="octicon:apps-16" class="size-6" /></HeaderLink> <HeaderLink href="/about"><Icon name="octicon:info-16" class="size-6" /></HeaderLink> </div> </div></header>
<header class="hidden lg:flex justify-center items-center h-12 px-4 border-b border-base03 bg-muted-background"> <div class="max-w-hweb w-full flex-1 flex items-center gap-8"> <div class="flex items-center gap-4"> <a href="/"> <img src={avatarUrl} alt="Avatar" class="size-8 rounded-md" /> </a> <span> <a href="/" class="font-bold text-primary">{SITE_TITLE}</span> <span>on</span> <a href={thisRelease} class="font-bold text-secondary"> <Icon name="octicon:git-branch" class="size-4 text-secondary inline" /> {GIT_BRANCH} ({GIT_SHA.substring(0, 6)}) </a> </span> </div>
<div class="flex items-center gap-4"> <HeaderLink href="/">/home</HeaderLink> <HeaderLink href={leafletBlog}>/var/mail</HeaderLink> <HeaderLink href="/about">/about</HeaderLink> </div>
<div class="flex items-center gap-4 ml-auto"> <a class="text-base0F" href="https://bsky.app/profile/hayden.moe">/opt/bsky</a> <a class="text-base0E" href="https://github.com/hbjydev">/opt/github</a> <a class="text-base0A" href="https://tangled.org/hayden.moe">/opt/tangled</a> </div> </div></header>