lew/website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

refactor: header alignment

Browse source
This commit is contained in:
Lewis Wynne 2026-03-27 19:37:53 +00:00
parent e4052fc145
commit 3809e7c9dd
2 changed files with 18 additions and 2 deletions
Download patch file Download diff file Expand all files Collapse all files

4
www/src/layouts/Layout.astro
View file

@ -9,7 +9,7 @@ interface Props {
urls?: string[]; urls?: string[];
} }
const { title, description = 'personal website of lewis m.w.', showHeader = true, isHome = false, urls = [] } = Astro.props; const { title, description = 'personal website of ' + title, showHeader = true, isHome = false, urls = [] } = Astro.props;
--- ---
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
@ -28,7 +28,7 @@ const { title, description = 'personal website of lewis m.w.', showHeader = true
<body> <body>
{showHeader && ( {showHeader && (
<header> <header>
<pre>{isHome ? <Fragment><span class="home-name">lewis m.w.</span><a class="home-name-link" href="/">lewis m.w.</a></Fragment> : <a href="/">lewis m.w.</a>} <a href="mailto:lewis@wynne.rs">mail</a> <a href="https://github.com/llywelwyn">gh</a> <a href="/feed.xml">rss</a> <a href="/sitemap.txt">sitemap</a> <a href="/?do=random">random</a> <a href="/?do=newest">newest</a></pre> <span class="header-name">{isHome ? <Fragment><span class="home-name">{title}</span><a class="home-name-link" href="/">{title}</a></Fragment> : <a href="/">lewis m.w.</a>}</span><span class="header-links"><a href="mailto:lewis@wynne.rs">mail</a> <a href="https://github.com/llywelwyn">gh</a> <a href="/feed.xml">rss</a> <a href="/sitemap.txt">sitemap</a> <a href="/?do=random">random</a> <a href="/?do=newest">newest</a></span>
</header> </header>
)} )}
<slot /> <slot />

16
www/src/styles/global.css
View file

@ -98,6 +98,22 @@ html[data-has] .guestbook-form {
display: none; display: none;
} }
header {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 2ch;
font-family: monospace;
}
.header-name {
white-space: nowrap;
}
.header-links {
text-align: right;
}
section pre { section pre {
margin: 0; margin: 0;
} }