feat/polish (#5)
All checks were successful
Build and Deploy / deploy (push) Successful in 51s

Reorder homepage sections (journey above projects), refine component styles, update copy and data across projects, timeline, and homelab.

Reviewed-on: #5
This commit was merged in pull request #5.
This commit is contained in:
2026-04-20 00:34:50 +00:00
parent 8e9fcfaeeb
commit 4e51dd4a83
15 changed files with 397 additions and 222 deletions

View File

@@ -10,9 +10,9 @@ export const metadata: Metadata = {
export default function ArchivePage() {
return (
<>
<div className="mb-16">
<p className="font-mono text-base font-bold text-[var(--color-text)] mb-3">
<span className="text-[var(--color-accent-green)] select-none mr-2" aria-hidden="true"></span>
<div className="mb-4lh">
<p className="font-mono text-sm font-bold text-[var(--color-text)] mb-1lh">
<span className="text-[var(--color-accent-green)] select-none mr-1ch" aria-hidden="true"></span>
tyler/projects/archive
</p>
<p className="font-mono text-sm text-[var(--color-text)] leading-relaxed max-w-xl opacity-80">
@@ -29,12 +29,12 @@ export default function ArchivePage() {
href={project.githubUrl}
target="_blank"
rel="noopener noreferrer"
className="bg-[var(--color-surface)] hover:bg-[var(--color-surface-raised)] flex items-start justify-between gap-6 px-4 py-4 group"
className="bg-[var(--color-surface)] hover:bg-[var(--color-surface-raised)] flex items-start justify-between gap-2ch px-2ch py-1lh group"
>
<div className="flex flex-col gap-2 flex-1 min-w-0">
<div className="flex items-center gap-3">
<div className="flex flex-col gap-1ch flex-1 min-w-0">
<div className="flex items-center gap-1ch">
{project.year && (
<span className="font-mono text-xs text-[var(--color-text-dim)] shrink-0">
<span className="font-mono text-sm text-[var(--color-text-dim)] shrink-0">
{project.year}
</span>
)}
@@ -45,16 +45,16 @@ export default function ArchivePage() {
<p className="font-mono text-sm text-[var(--color-text)] leading-relaxed opacity-75">
{project.description}
</p>
<div className="flex flex-wrap gap-x-3 gap-y-0.5">
<div className="flex flex-wrap gap-x-1ch gap-y-0.5">
{project.tags.map((tag) => (
<span key={tag} className="font-mono text-xs text-[var(--color-text-dim)]">
<span key={tag} className="font-mono text-sm text-[var(--color-text-dim)]">
{tag}
</span>
))}
</div>
</div>
<span
className="font-mono text-xs text-[var(--color-text-label)] group-hover:text-[var(--color-text)] shrink-0 mt-0.5"
className="font-mono text-sm text-[var(--color-text-label)] group-hover:text-[var(--color-text)] shrink-0 mt-0.5"
aria-hidden="true"
>