feat(home): terminal/industrial hero redesign#21
Merged
simonabler merged 2 commits intomasterfrom Mar 11, 2026
Merged
Conversation
Completely replace the generic two-column hero with a Terminal/Cyber aesthetic
that matches the brand identity (Cyber Security Engineer, industrial palette).
HTML changes (home.component.html):
- Animated status badge with pulsing cyan dot ("all systems operational")
- Larger, bolder gradient headline (hero-title-accent)
- Hero subtitle now mentions Signpack (signing)
- Three-button CTA row: solid dark primary / outlined secondary / ghost
- Terminal widget replaces the three feature-kacheln:
• macOS-style title bar with red/yellow/green dots
• Monospace code body with prompt/cmd/flag/string/comment tokens
• Blinking cursor animation
• Stats strip: 7 APIs / <50ms / free / GS1
styles.scss:
- hero-bg: 3-stop radial gradient + dot-grid overlay with mask-image
- hero-grid: pure-CSS dot-grid via background-image + mask, no image files
- status-dot: pulse keyframe animation
- hero-title / hero-title-accent: 800 weight, clamp() responsive size
- hero-btn-primary/secondary/ghost: custom buttons (no Bootstrap dependency)
- terminal-widget: dark surface #0d1117, cyan border glow, nested shadows
- terminal-bar / t-dot: macOS traffic-light dots
- t-prompt/cmd/flag/string/comment: syntax-highlight color tokens
- t-cursor: blink keyframe
- terminal-stats: 4-column stat strip with separators
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.
Completely replace the generic two-column hero with a Terminal/Cyber aesthetic that matches the brand identity (Cyber Security Engineer, industrial palette).
HTML changes (home.component.html):
styles.scss: