fix: storybook font rendering and shared fonts module #1

- app/[[...slug]]/page.tsx replaces app/page.tsx; activeSlug from URL params
- SidebarNav and MobileNav removed from main layout (sections accordion is the nav)
- next.config.ts: output:export controlled by STATIC_EXPORT env var instead of NODE_ENV
- package.json: yarn build is standard Next.js build; yarn export is STATIC_EXPORT=true
- Mock API route: force-static + generateStaticParams for output:export compatibility

design: two-color palette — rename all tokens to --cream / --blue 30f8e4be95

Replace ochre-clay, carbon-black, burnt-oxide, slate-indigo with clean
two-color system: --cream (#f4f0e8) and --blue (#041cf3). Update every
component, utility class, and test assertion.

fix: align PocketBase type definitions with actual schema e8bf8b502e

Remove slug field from PageContentRecord (intro/bio collections have none).
Remove number field from SectionRecord (not stored in PocketBase); derive
zero-padded display number from the order field at render time.

fix: remove underline from collapsed section title links 0a99a37bca

Global a { border-bottom } was leaking onto the inactive section
nav links. Override with border-b-0 hover:border-b-0.

feat: RichText component for safe PocketBase HTML rendering 301e7a2555

Add html-react-parser-backed RichText component that converts HTML
strings from PocketBase rich-text fields into React elements without
dangerouslySetInnerHTML. Replace raw <p> render in IntroSection and
BioSection, and drop the invalid slug filters those collections lacked.

fix: add outline to primary and secondary button variants 0090718869

feat: ViewTransitionWrapper shared component with stable react-dom fallback 7cba3053f4

Wraps children in React's ViewTransition (canary API) when available,
falling back to Fragment in environments where ViewTransition is undefined
(test env, stable react-dom). Add react/canary to tsconfig types to
expose the ViewTransition component type.

feat: section open/close animations via ViewTransition and @starting-style d28343e22c

Enable experimental.viewTransition in Next.js config. Wrap active section
in ViewTransitionWrapper so the browser cross-fades between sections on
navigation. Replace animate-fadeIn keyframe with @starting-style + CSS
transition for the initial render enter animation.

fix: resolve inactive section title hover opacity conflict 481dda3c95

hover:opacity-60 on Link and opacity-30/group-hover:opacity-50 on h2
were multiplying (0.6 × 0.5 = 0.30 = base), making hover invisible.
Removed opacity from Link, consolidated to h2 only: opacity-30 base,
group-hover:opacity-60 on hover.

feat: section body animation with blur-out, delayed enter, and animation tokens e518fc46a9

Add animation tokens to :root (--ease-spring, --ease-decelerate,
--ease-default, --duration-fast/normal/slow/spring). Apply spring easing
to section title enter. Add separate section-body transition: fast
blur-out exit (100ms), clean slide-in enter (350ms) delayed by 200ms so
content appears after the title animation completes.

refactor: group project/ui components into subdirectories 9cf8caaead

refactor: group experience/ui components into subdirectories 92e4a01641

refactor: design tokens — shadow scale, animation timing, section width f1049624f7

- Expand brutal shadow scale: xs (1px) through 2xl (12px)
- Add --ease-micro cubic-bezier for fast micro-interactions
- Tune --duration-normal 200ms→150ms, --duration-spring 380ms→220ms
- Add --section-content-width and register as --container-section in @theme inline
- Register all brutal shadow tokens in @theme inline for Tailwind utility generation
- Add .btn-transition utility (transform-only, shadow snaps instantly)
- Add .rich-text editorial typography class with magazine-quality settings
- Remove section-body blur-out/slide-in view transition animations

refactor: simplify section body animation to hard-cut on navigation 8db4f81f70

feat: Button elevation hover/active effect with snap shadow a77cd43749

Variants now use brutal shadow tokens. On hover the button translates
up-left (−0.5px), on active down-right (+0.5px). Only transform animates
(130ms ease-out); shadow snaps instantly so the eye reads button movement
not shadow resize. Primary keeps rgba alpha shadow; secondary/outline use
solid brutal tokens.

feat: editorial typography via RichText component dfc3ed4715

Always wraps content in .rich-text: max-width 65ch, onum figures,
hanging punctuation, pretty text-wrap, auto hyphens, 1.65 line-height,
and 1.2em paragraph spacing. className prop merges additonal classes.

feat: apply RichText to content sections and experience cards e63de14515

ExperienceCard description switches from a plain <p> to RichText so
rich-text HTML from PocketBase renders correctly. BioSection and
IntroSection drop the prose class overrides — RichText handles
typography consistently.

feat: constrain section content width with max-w-section b8b5e65497

Adds max-w-section (56rem via --container-section token) to the
experience, projects, and skills section wrappers for consistent
readable line length across all content areas.

refactor: use shadow theme tokens, remove ProjectCard translate-hover 76f5b269f8

Replace inline var(--blue) arbitrary shadow values with typed theme
tokens (shadow-brutal-xl, shadow-brutal-2xl). Remove translate on
ProjectCard hover — shadow-only interaction is less distracting in
a dense grid layout.

fix: add cursor-pointer to Button e3959c0e45

chore: split React import to satisfy linter in ViewTransitionWrapper f4986d6657

feat: add line-height-relaxed token and text selection/focus-visible styles ff62cba5b1

fix: a11y — accessible label on SectionAccordion, opacity-60 on category headings f874a943ff

refactor: responsive spacing on CardHeader and CardFooter e00c1460e1

feat: apply Fraunces font to ProjectCard title 543020f85c

feat: ExperienceCard stack field and Card subcomponent layout 782c619a91

feat: CardSidebar layout component and ExperienceCard sidebar redesign 1550989fd9

Sidebar: period badge, company, stack tags.
Main: role title and rich-text description.

feat: formatMonthYearRange — period now includes abbreviated month 48a08ec3fb

feat: Badge size prop (sm/md) and use Badge in ExperienceCard 37098be3c8

refactor: widen section and sidebar, plain period text, Badge xs size for stack 979e2071d1

refactor: CardSidebar layout breakpoint md → lg for wider description area 458ee0e449

refactor: ProjectCard sidebar layout — year, tags, button in sidebar 10034ec561

refactor: ProjectCard sm button, left-border year matching ExperienceCard style 531de6899e

fix: fluid section title with clamp() to prevent wrapping below 900px b40ff4f588

refactor: replace inline style with Tailwind class and font-wonk utility d955aeb628

refactor: register text-section-title in @theme inline, use as plain utility class 0552a2a8e5

feat: Footer widget with email link and CV download, added to root layout 7e542597d0

feat: make Button polymorphic — renders <a> when href is provided ba7395cb32

Discriminated union types (AsButton | AsAnchor), isAnchorProps type guard
eliminates all 'as' casts. as const satisfies for VARIANTS/SIZES lookup
tables. brutal-border replaces border-[3px] in ghost variant.

feat: add buildFileUrl utility with tests c9631f9905

Moved from ProjectsSection inline function to shared/lib/utils.
Accepts optional baseUrl for testability without env mocking.

feat: add Link shared component b33b9f328c

Renders Next.js Link for internal routes, plain anchor with
target="_blank" rel="noopener noreferrer" when external prop is set.

feat: add SocialRecord, ContactsRecord, SiteSettingsRecord API types f159c6e861

Models PocketBase relations: SiteSettings → contacts → ContactsRecord
→ socials[] → SocialRecord. expand fields typed as optional resolved
records for use with PocketBase expand query param.

feat: wire Footer to PocketBase site_settings 2ae5ae3210

Fetches CV file, email and social links via expand=contacts,contacts.socials.
CV rendered as polymorphic Button with download attr; socials and email
rendered as Link components.

feat: ProjectCard — add url prop, RichText description, open link in new tab ac9ee0eb4e

refactor: ProjectsSection — use shared buildFileUrl, pass url prop, switch to stacked layout 06e39b58c6

fix: DetailedProjectCard — render description as RichText b88263a65a

feat: add 404 page with centered layout 540df57f8d

not-found.tsx renders oversized Fraunces heading with a back link.
Body gets flex flex-col min-h-screen so main can flex-1 to fill
available height without pushing the footer off screen.

feat: switch to standalone output with PocketBase remotePatterns fea6682024

Drops static export (STATIC_EXPORT env var) in favour of standalone
for ISR. Images remotePatterns reads PB_HOSTNAME/PB_PORT env vars so
Docker internal hostname works without hardcoding.

feat: add tags/revalidate options to PocketBase fetch client 42ca683c65

PB_URL falls back through PB_URL → NEXT_PUBLIC_PB_URL → localhost so
internal Docker hostname is used server-side without leaking into the
client bundle. cache: force-cache replaced with next: { tags, revalidate }
for ISR tag-based invalidation.

feat: tag all PocketBase fetches for ISR cache invalidation cb3bdce24a

Each getCollection/getFirstRecord call now passes the collection name
as a cache tag so revalidateTag can target individual collections.

feat: add /api/revalidate webhook for on-demand ISR 5c00f8e8a0

POST with x-revalidate-secret header and { tag } body calls
revalidateTag to purge a collection from the Next.js data cache.
Guarded by REVALIDATE_SECRET env var.

feat: add poweredByHeader: false d5ba77b4ce

ilia merged commit cd9da6dd26 into main

2026-05-18 18:45:22 +00:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: ilia/portfolio#1