feat/polish (#5)
All checks were successful
Build and Deploy / deploy (push) Successful in 51s
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:
@@ -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"
|
||||
>
|
||||
↗
|
||||
|
||||
Reference in New Issue
Block a user