Replace home intro with retro terminal component#320
Open
MattBidewell wants to merge 3 commits into
Open
Conversation
Replaces the plain HomeIntro with a full terminal-window component: - ANSI Shadow Unicode ASCII art "MATTY" with neon-green glow animation - macOS-style traffic-light title bar - Staggered CSS animation reveals simulated terminal session (whoami → about → ls links/) - Blinking cursor at the idle prompt - Subtle CRT scanline texture overlay - Responsive font scaling for the ASCII art https://claude.ai/code/session_01451y69uQMT1rUBZGipyyum
Contributor
Deploying with
|
| Status | Name | Latest Commit | Preview URL | Updated (UTC) |
|---|---|---|---|---|
| ✅ Deployment successful! View logs |
matty-dev | 84f4879 | Commit Preview URL Branch Preview URL |
Apr 22 2026, 03:08 PM |
- Add `fullscreen` prop to BaseLayout that skips the nav sidebar and footer when enabled (opt-in; other pages unchanged). - Homepage now takes over the whole viewport as a terminal window: sticky title bar, scrolling body, CRT scanlines + vignette fixed over the viewport for immersion. - Larger ASCII art (more space to breathe without sidebar), added fake MOTD line, extra "mumblings/" nav entry, and a subtle footer hint for navigation. - Added prefers-reduced-motion fallback. https://claude.ai/code/session_01451y69uQMT1rUBZGipyyum
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
2 participants
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
Replaced the static home intro component with an interactive retro-styled terminal component that displays a command-line interface with ASCII art and animated content.
Key Changes
New Component: Added
TerminalHome.astro- a terminal-themed home page component featuring:whoami,cat about.txt,ls ./links/)New Stylesheet: Added
TerminalHome.module.csswith:appear,blink,ascii-glow, andscanlineUpdated Home Page: Modified
src/pages/index.astroto import and render the newTerminalHomecomponent instead ofHomeIntroNotable Implementation Details
--dvariable) for sequential command execution effect::beforepseudo-element withpointer-events: noneclamp()for fluid scaling across device sizeshttps://claude.ai/code/session_01451y69uQMT1rUBZGipyyum