Skip to content

feat(assets): add animated hero SVG with rm -rf demo#3

Merged
ericchansen merged 1 commit intomainfrom
feat/hero-image
Apr 2, 2026
Merged

feat(assets): add animated hero SVG with rm -rf demo#3
ericchansen merged 1 commit intomainfrom
feat/hero-image

Conversation

@ericchansen
Copy link
Copy Markdown
Owner

Summary

Add animated hero SVG for the tinytooltown.com listing. The image mimics a Windows Terminal session showing PSCommandHelper in action — typing rm -rf ./build and displaying the real module output.

What's Included

  • assets/hero-animated.svg — CSS keyframe animation with:
    • Character-by-character typing reveal (opaque mask technique for pixel-perfect cursor sync)
    • Sequential response line fade-in matching real Format-Suggestion output
    • Blinking cursor at final prompt
    • 10-second infinite loop, pure CSS (GitHub README compatible — no JS)
  • assets/hero.svg — Static fallback with SMIL cursor blink
  • README.md — Embeds the animated hero at the top

Demo Content

Shows the real Aliased-type output for rm -rf ./build:

  • Header: PSCommandHelper (alias tip)
  • You typed: rm -rf ./build
  • PS equivalent: Remove-Item -Recurse -Force
  • Explanation, Note about aliasing, and Example

All text matches actual Format-Suggestion output — verified by running the module.

Testing

  • All 27 Pester tests pass
  • Verified rendering in Chrome (both static and animated)

Copilot AI review requested due to automatic review settings April 2, 2026 20:42
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adds a new animated “hero” SVG showcasing PSCommandHelper output and embeds it at the top of the README for use in listings / repository presentation.

Changes:

  • Embed assets/hero-animated.svg at the top of README.md.
  • Add assets/hero-animated.svg with CSS-driven typing + sequential output animations.
  • Add assets/hero.svg as a static fallback with a blinking cursor.

Reviewed changes

Copilot reviewed 1 out of 3 changed files in this pull request and generated 1 comment.

File Description
README.md Embeds the animated hero SVG at the top of the README.
assets/hero.svg Introduces a static hero terminal SVG (fallback).
assets/hero-animated.svg Introduces an animated hero terminal SVG using CSS keyframes.

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Copilot AI review requested due to automatic review settings April 2, 2026 21:00
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 1 out of 3 changed files in this pull request and generated no new comments.


💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

Add hero images for the GitHub README and tinytooltown.com listing:

- hero-animated.svg: CSS keyframe animation with character-by-character
  typing, instant response reveal (error + card), and blinking cursor.
  Pure CSS, GitHub README compatible (10s infinite loop, no JS).
- hero.svg: fully static fallback matching the animated end-state.
- Both show real Format-Suggestion output for 'rm -rf ./build':
  PowerShell error in red, then the PSCommandHelper alias tip card
  with PS equivalent, explanation, note, and example.
- README.md updated to embed the animated hero at the top.

Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
Copilot AI review requested due to automatic review settings April 2, 2026 21:30
Copy link
Copy Markdown

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Copilot reviewed 1 out of 4 changed files in this pull request and generated no new comments.


💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

@ericchansen ericchansen merged commit cd47b26 into main Apr 2, 2026
7 checks passed
@ericchansen ericchansen deleted the feat/hero-image branch April 2, 2026 22:57
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants