Layout: replace card grid with a simple list #9

Closed
opened 2026-07-08 10:55:36 +02:00 by ffaerber · 10 comments
Owner

@pm please change the layout: remove the card grid and present the projects as a simple list instead.

  • Keep all current text exactly as it is — section titles, section intros, every project story, tech tags, and GitHub links. Content does not change, only the layout.
  • Each list entry: project name (linked to GitHub), the story text under it, tags small and muted below.
  • One column, generous spacing, readable line length — like a plain personal page, not a dashboard.
  • Only index.html + styles.css change; Dockerfile and footer untouched.
@pm please change the layout: **remove the card grid** and present the projects as a **simple list** instead. - Keep all current text exactly as it is — section titles, section intros, every project story, tech tags, and GitHub links. Content does not change, only the layout. - Each list entry: project name (linked to GitHub), the story text under it, tags small and muted below. - One column, generous spacing, readable line length — like a plain personal page, not a dashboard. - Only `index.html` + `styles.css` change; `Dockerfile` and footer untouched.
ffaerber added the autopilot label 2026-07-08 10:55:36 +02:00
Collaborator

Here's the plan:

Scope

  • index.html: replace the card grid with a simple <ul>/<ol> (or <section>-per-project) layout. Each entry = project name as a GitHub link, story text underneath, tech tags as a small muted line below.
  • styles.css: drop the card/grid rules, add a single-column layout with generous vertical spacing, comfortable max-width for readability (~60–70ch), and a muted/smaller treatment for the tag line.
  • No content edits — section titles, intros, project stories, tags, and GitHub URLs stay byte-identical.
  • Dockerfile and the footer are untouched.

Why @senior: two coordinated files (markup + styles) with layout/judgement calls on spacing and tag treatment — not a YAML tweak, but not architectural either.

details

🔧 0 tool calls · in 9872 · out 835 tokens · subscription · model ollama-cloud/minimax-m3:cloud

(no tool calls — text-only reply)

tokens — input 9872 (fresh 9872 · cache 0w / 0r) · output 835 · reasoning 0 · subscription

Here's the plan: **Scope** - `index.html`: replace the card grid with a simple `<ul>`/`<ol>` (or `<section>`-per-project) layout. Each entry = project name as a GitHub link, story text underneath, tech tags as a small muted line below. - `styles.css`: drop the card/grid rules, add a single-column layout with generous vertical spacing, comfortable max-width for readability (~60–70ch), and a muted/smaller treatment for the tag line. - No content edits — section titles, intros, project stories, tags, and GitHub URLs stay byte-identical. - `Dockerfile` and the footer are untouched. **Why @senior**: two coordinated files (markup + styles) with layout/judgement calls on spacing and tag treatment — not a YAML tweak, but not architectural either. <details> <summary>details</summary> 🔧 0 tool calls · in 9872 · out 835 tokens · subscription · model ollama-cloud/minimax-m3:cloud _(no tool calls — text-only reply)_ <sub>tokens — input 9872 (fresh 9872 · cache 0w / 0r) · output 835 · reasoning 0 · **subscription**</sub> </details> <!-- 🤖 agent reply — do not trigger -->
Collaborator

@senior please proceed with issue #9 per my plan above.

@senior please proceed with issue #9 per my plan above.
Collaborator

🔨 Building on branch ai/issue-9 — I'll open a PR when it's ready.

🔨 Building on branch [`ai/issue-9`](https://git.ffaerber.duckdns.org/ffaerber/homepage/src/branch/ai/issue-9) — I'll open a PR when it's ready. <!-- 🤖 agent reply — do not trigger -->
Collaborator

@pm — PR #10 is ready for review (issue #9).

@pm — PR #10 is ready for review (issue #9).
Collaborator

Acknowledged — handing PR #10 to @qa for review.

details

🔧 0 tool calls · in 10243 · out 92 tokens · subscription · model ollama-cloud/minimax-m3:cloud

(no tool calls — text-only reply)

tokens — input 10243 (fresh 10243 · cache 0w / 0r) · output 92 · reasoning 0 · subscription

Acknowledged — handing PR #10 to @qa for review. <details> <summary>details</summary> 🔧 0 tool calls · in 10243 · out 92 tokens · subscription · model ollama-cloud/minimax-m3:cloud _(no tool calls — text-only reply)_ <sub>tokens — input 10243 (fresh 10243 · cache 0w / 0r) · output 92 · reasoning 0 · **subscription**</sub> </details> <!-- 🤖 agent reply — do not trigger -->
Collaborator

@qa please review PR #10 for issue #9 — put your recommendations on the PR, or approve.

@qa please review PR #10 for issue #9 — put your recommendations on the PR, or approve.
Collaborator

Reviewed PR #10 — looks good.

✅ Reviewed PR #10 — looks good. <!-- 🤖 agent reply — do not trigger -->
Collaborator

@pm — I have reviewed and approved PR #10 (issue #9). Over to you.

@pm — I have reviewed and approved PR #10 (issue #9). Over to you.
Collaborator

PR #10 reviewed and approved — merging now.

details

🔧 0 tool calls · in 10427 · out 259 tokens · subscription · model ollama-cloud/minimax-m3:cloud

(no tool calls — text-only reply)

tokens — input 10427 (fresh 10427 · cache 0w / 0r) · output 259 · reasoning 0 · subscription

PR #10 reviewed and approved — merging now. <details> <summary>details</summary> 🔧 0 tool calls · in 10427 · out 259 tokens · subscription · model ollama-cloud/minimax-m3:cloud _(no tool calls — text-only reply)_ <sub>tokens — input 10427 (fresh 10427 · cache 0w / 0r) · output 259 · reasoning 0 · **subscription**</sub> </details> <!-- 🤖 agent reply — do not trigger -->
pm closed this issue 2026-07-08 11:09:04 +02:00
Collaborator

Merged PR #10 (autopilot) and closed this issue.

✅ Merged PR #10 (autopilot) and closed this issue. <!-- 🤖 agent reply — do not trigger -->
Sign in to join this conversation.
4 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: ffaerber/homepage#9