Skip to content

Update About section layout and paragraph breaks #7

Closed

Description

@cpt9m0

Overview
Minor layout edits are needed in the About section to improve the reading rhythm and text spacing.

Tasks
[ ] Introductory line: Set as a deliberate two-line break:

Selection Lab builds Human Knowledge Infrastructure
for the AI era.

[ ] Left column: Start a new paragraph with "Her background spans documentary investigation…"

[ ] Right column: Start a new paragraph with "At the foundation of this work is a 22-year longitudinal documentary archive…"

[ ] Right column: Start a new paragraph with "Today, Selection Lab is developing Soul Engine™…"

[ ] Spacing adjustments: Move the action buttons slightly lower if needed to ensure there is comfortable padding below the longest text column.

Notes
Everything else in this section should remain exactly as it is.

@claude plan and explore first, then start implementing. After you are done, create a PR and put its link in the comments.

Activity

  1. claude commented on Sep 7, 2026

    @claude

    Claude finished @cpt9m0's task in 2m 20s —— View job • claude/issue-7-20260907-0020 • Create PR ➔


    Tasks

    • Read issue and gather context
    • Explore About section markup/CSS in index.html
    • Update intro line to two-line break
    • Left column: new paragraph before "Her background spans documentary investigation…"
    • Right column: new paragraph before "At the foundation of this work is a 22-year longitudinal documentary archive…"
    • Right column: new paragraph before "Today, Selection Lab is developing Soul Engine™…"
    • Adjust spacing so action buttons sit comfortably below the longest column
    • Commit, push, open PR

    Summary

    Made the requested layout edits to the About section in index.html/styles.css:

    • Intro line: added a <br> so .about-lede reads as a deliberate two-line break: "Selection Lab builds Human Knowledge Infrastructure" / "for the AI era."
    • Left column: split the single paragraph into two (.prose-group), the second starting "Her background spans documentary investigation…"
    • Right column: split the final paragraph into two, the new ones starting "At the foundation of this work is a 22-year longitudinal documentary archive…" and "Today, Selection Lab is developing Soul Engine™…"
    • Spacing: added a scoped #about .chips rule bumping the action-button margin-top from a fixed 28px to clamp(28px, 4vw, 40px), so the buttons get a bit more breathing room now that both columns have an extra paragraph break. This only affects the About section's chips (the Team section's identical .chips class is untouched).

    All other copy, markup, and styling in the section is unchanged.

    Note: I wasn't able to run a local dev server/browser in this sandboxed environment to visually verify the rendered result (shell command approval for background processes wasn't available), so this was verified by careful reading of the HTML/CSS diff and the existing data-reveal JS (which selects [data-reveal] generically, so the new paragraphs animate correctly). A human visual check on the deployed preview/PR is recommended.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions