Recreate homepage with reference layout #149

Closed
opened 2026-06-19 18:38:19 -05:00 by erik · 4 comments
Owner

Goal

Recreate the Slugkit public homepage so it follows the homepage layout pattern from ~/Private/code/github/evcraddock/erikcraddock.me/.

Requirements

  • Use the erikcraddock.me homepage as the reference, especially src/routes/pages.tsx, src/templates/layout.tsx, and src/styles/main.css.
  • Update Slugkit's / route to include the same broad structure: hero section, feed/update teaser, and recent article/card section.
  • Adapt the reference layout to Slugkit's existing post model, templates, public CSS, and route conventions.
  • Preserve existing public route behavior for posts, tags, contacts, sources, media, and RSS.
  • Keep the homepage responsive and accessible.
  • Add or update route/template tests for the rendered homepage structure where practical.

Acceptance criteria

  • GET / renders a homepage with a hero section, feed/update teaser, and recent article/card section.
  • The visual structure is clearly modeled after erikcraddock.me while fitting Slugkit's design conventions.
  • Existing public routes such as /posts/:slug, /tags, /contacts, /sources, /media/*, and /feed.xml still work.
  • Relevant tests and local checks pass.

Dependencies

  • None
## Goal Recreate the Slugkit public homepage so it follows the homepage layout pattern from `~/Private/code/github/evcraddock/erikcraddock.me/`. ## Requirements - Use the `erikcraddock.me` homepage as the reference, especially `src/routes/pages.tsx`, `src/templates/layout.tsx`, and `src/styles/main.css`. - Update Slugkit's `/` route to include the same broad structure: hero section, feed/update teaser, and recent article/card section. - Adapt the reference layout to Slugkit's existing post model, templates, public CSS, and route conventions. - Preserve existing public route behavior for posts, tags, contacts, sources, media, and RSS. - Keep the homepage responsive and accessible. - Add or update route/template tests for the rendered homepage structure where practical. ## Acceptance criteria - [ ] `GET /` renders a homepage with a hero section, feed/update teaser, and recent article/card section. - [ ] The visual structure is clearly modeled after `erikcraddock.me` while fitting Slugkit's design conventions. - [ ] Existing public routes such as `/posts/:slug`, `/tags`, `/contacts`, `/sources`, `/media/*`, and `/feed.xml` still work. - [ ] Relevant tests and local checks pass. ## Dependencies - None
erik changed title from Recreate homepage with erikcraddock.me layout to Recreate homepage with reference layout 2026-06-19 18:49:13 -05:00
Author
Owner

Synced from todu comment by @todu on 2026-06-20T00:00:13.622Z

Review update

  • PR: #154 is open and reviewed.
  • Result: approved; no blocking issues or warnings.
  • Verified: ./scripts/pre-pr.sh passed locally and Forgejo Actions run #204 passed.
  • Follow-up: waiting for explicit human merge approval.
_Synced from todu comment by @todu on 2026-06-20T00:00:13.622Z_ ### Review update - PR: https://forge.caradoc.com/erik/slugkit/pulls/154 is open and reviewed. - Result: approved; no blocking issues or warnings. - Verified: `./scripts/pre-pr.sh` passed locally and Forgejo Actions run #204 passed. - Follow-up: waiting for explicit human merge approval.
erik 2026-06-19 20:00:24 -05:00
Author
Owner

Synced from todu comment by @todu on 2026-06-20T00:59:35.493Z

Task close gate: READY

Acceptance criteria evaluation:

  • GET / homepage structure: met — merged PR #154 (14bcb32) updates / to render renderHomeContent(...) with reference-homepage-hero, HomeFeedTeaser, and RecentArticleCards; public.test.ts asserts those sections and article content render.
  • Reference visual structure: met — PR #154 adds reference-named homepage classes, hero/logo/copy layout, feed teaser, and article card CSS adapted in template/site/src/templates/public.tsx and template/site/src/styles/public.css.
  • Existing public routes: met — registerHomeRoutes still defines /posts/:slug, /tags, /contacts, /sources, /media/*, and /feed.xml; updated public route tests cover these routes.
  • Tests/local checks: met — prior task comments record ./scripts/pre-pr.sh passing locally and Forgejo Actions run #205 passing before PR #154 was merged.

Readiness: READY. Task closed. No tests were run during this close gate per instruction.

_Synced from todu comment by @todu on 2026-06-20T00:59:35.493Z_ ### Task close gate: READY Acceptance criteria evaluation: - `GET /` homepage structure: met — merged PR #154 (`14bcb32`) updates `/` to render `renderHomeContent(...)` with `reference-homepage-hero`, `HomeFeedTeaser`, and `RecentArticleCards`; `public.test.ts` asserts those sections and article content render. - Reference visual structure: met — PR #154 adds reference-named homepage classes, hero/logo/copy layout, feed teaser, and article card CSS adapted in `template/site/src/templates/public.tsx` and `template/site/src/styles/public.css`. - Existing public routes: met — `registerHomeRoutes` still defines `/posts/:slug`, `/tags`, `/contacts`, `/sources`, `/media/*`, and `/feed.xml`; updated public route tests cover these routes. - Tests/local checks: met — prior task comments record `./scripts/pre-pr.sh` passing locally and Forgejo Actions run #205 passing before PR #154 was merged. Readiness: READY. Task closed. No tests were run during this close gate per instruction.
Author
Owner

Synced from todu comment by @todu on 2026-06-20T00:57:34.335Z

Update

  • Completed merge of PR #154 into main.
  • Verified: local main fast-forwarded to origin/main; feature branch was deleted locally and pruned from remote.
  • Next: run close gate before marking the task done.
_Synced from todu comment by @todu on 2026-06-20T00:57:34.335Z_ ### Update - Completed merge of PR #154 into `main`. - Verified: local `main` fast-forwarded to `origin/main`; feature branch was deleted locally and pruned from remote. - Next: run close gate before marking the task done.
Author
Owner

Synced from todu comment by @todu on 2026-06-20T00:57:13.064Z

Review update

  • PR: #154 is open with the latest homepage refinements pushed.
  • Result: approved; no blocking issues or warnings.
  • Verified: ./scripts/pre-pr.sh passed locally and Forgejo Actions run #205 passed.
  • Follow-up: human approved merge; proceeding to merge PR #154.
_Synced from todu comment by @todu on 2026-06-20T00:57:13.064Z_ ### Review update - PR: https://forge.caradoc.com/erik/slugkit/pulls/154 is open with the latest homepage refinements pushed. - Result: approved; no blocking issues or warnings. - Verified: `./scripts/pre-pr.sh` passed locally and Forgejo Actions run #205 passed. - Follow-up: human approved merge; proceeding to merge PR #154.
Sign in to join this conversation.
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference
erik/slugkit#149
No description provided.