defuss-shadcn / Website / Resume & Portfolio / portfolio-developer
Developer Portfolio
A portfolio that boots like a terminal - a shell's tab bar, matrix rain behind the shell, a shell that types who you are, a hexagon avatar, pinned repositories with a page each, a year of activity as a sparkline, a stack in dots, a career as a git log, writing you can read and a tmux status line at the foot. One of the Resume & Portfolio styles.
Sam Lindqvist, infrastructure engineer
A terminal palette in light and dark (the switch in the tab bar); a Site Header as a shell's tab bar whose sections are paths; the hero is a screen that stays dark: the Shader's matrix rain behind a live Terminal that replays a session and then takes commands (help, ls, repos, open tidewater); everything below reads 15 % larger (zoom on the page column); Resume Header (compact) with a shape-hexagon avatar; Repository Items as Parallax reveals - each opens its README page (#/repos/tidewater); an inline SVG sparkline with Stats (cards); Skill Matrix (dots); Resume Entry (timeline); writing whose posts open as Article Header + Article Body (#/writing/your-queue-needs-a-no); Availability (banner); a Site Footer ending in a tmux status line.
Built from Site Header (a shell's tab bar), a live Terminal (it replays a session, then takes commands: ls, repos, open tidewater follows a route), Resume Header (compact), Repository Item, Stats (cards), Skill Matrix (dots), Resume Entry (timeline), Availability (banner) and Site Footer (ending in a tmux status line). Every repository and every post is a route of defuss-dom-router, filled from a data block: #/repos/sqlite-cdc is a README page on Project Details, #/writing/your-queue-needs-a-no a post on Article Header and Article Body, each with Article Navigation; the tab bar's paths are anchors of the home view. The page has a light and a dark palette (the switch in the tab bar); the hero keeps the dark one in both modes - a screen with the Shader's matrix rain behind the terminal. shape-hexagon is a Shapes utility, the reveals are Parallax's.
Comments, ideas or improvements? Edit this page's source on GitHub