Redesign site around a terminal-session identity#2
Merged
Conversation
The home page is now a single macOS-style terminal window: a typed 'cd davidbingmann/.' outputs the portrait at its natural 2:3 ratio next to a neofetch-style fact sheet, then 'cat about.txt' outputs the about prose, ending on a blinking prompt. The separate about/ section is absorbed into the terminal. Animation is skipped on small screens and for reduced motion, matching the previous behavior. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Remove the social icon row from the fact sheet (the footer already has the links), use proper capitalization for the profile output, widen the key column so keys no longer touch their values, and reveal each output block with an animated height transition (grid 0fr to 1fr) instead of popping in, so the window grows smoothly. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Replace the plain timeline with one continuous chronological spine: each station is a card with a category pill (education in yellow, work in blue), the period right-aligned, and a green 'current' badge plus pulsing timeline dot for ongoing stations. On load the timeline line draws itself top to bottom while the cards cascade in sync; animations stay disabled on small screens and for reduced motion. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Navigating back to home via the tabs now shows the finished terminal immediately; the typing intro replays only after a full page reload. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Project cards now use the shared dark card look with a colored type pill (paper yellow, software blue), the project tags as subtle hashtags, and a green arrow link line for repo/PDF. The detail page gets the same card treatment with a type pill next to the title and body paragraphs cascading in like the resume timeline. The tag pill styles are generalized from resume-tag to tag and shared by both pages; unused repo prefix/label and listTitle fields are dropped and the paper project gets a descriptive title. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
The legal text now sits in the same dark bordered card as the other pages, with a neutral 'legal' pill next to the title and the same fade-up entrance; the old shadow box styling is gone. Also round the not-found note and drop unused social-links CSS. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Space Mono draws § and () as small raised glyphs that read as broken superscripts in the legal text. A unicode-range @font-face now serves just these three characters from a local mono font (Menlo/Consolas/ DejaVu/Courier New) while everything else stays Space Mono. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
On mobile the terminal profile now centers the photo (64% width) with name and role centered beneath it, and resume cards put the period on its own line under the title. The small-screen animation kill switches are removed so the typing intro, timeline drawing, and card cascades play on phones too; prefers-reduced-motion still disables everything. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
|
You have reached your Codex usage limits for code reviews. You can see your limits in the Codex usage dashboard. |
Widen the window to 820px and bump body text, padding, photo, and name size to match. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Drop the max-width cap so the window spans the full 900px main column and scale text, padding, photo, and name up with it. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Icon links for LinkedIn, mail, GitHub, and X sit at the bottom of the fact column again (centered on mobile); the footer keeps its copy for the other pages. Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
This PR replaces the cropped square photo hero with a full terminal-session identity and rolls the resulting design language (dark cards, colored pills, shared accents) out to every page.
Home
cd davidbingmann/.outputs the portrait at its natural 2:3 ratio next to a neofetch-style fact sheet (Study / Uni / Work), thencat about.txtoutputs the about prose, ending on a blinking promptgrid-template-rows) instead of popping inResume
Projects
Imprint
Cross-cutting
--term-*CSS variables with light-theme fallbacks§and parentheses as odd raised glyphs; aunicode-range@font-face serves just those characters from a local mono fontprefers-reduced-motiondisables everythingTest plan
npm run buildpasses/,/projects,/projects/:slug,/resume,/impressum) on desktop and mobile widths, including first-visit vs. tab-return behavior on home🤖 Generated with Claude Code