feat(theme): minecraft assets scattered around + Ender Dragon fly-across#297
Merged
feat(theme): minecraft assets scattered around + Ender Dragon fly-across#297
Conversation
…necraft theme Adds a `MinecraftDecorations` client component that renders six iconic Minecraft assets at fixed corner positions when the minecraft theme is active, plus a one-shot Ender Dragon GIF that flies right-to-left across the viewport every time the theme is activated: - top-left: Creeper mob render - top-right: Diamond pickaxe (rotated 35°, mining vibe) - mid-right: Technoblade body render (RIP — pig-king skin) - bottom-left: Grass block - bottom-mid: TNT - bottom-right: Diamond - top stripe: Ender Dragon, fly-across once per activation Mirrors the `RickMortyDecorations` pattern from PR #295: a MutationObserver on `document.documentElement` toggles the cast live with the mode picker, all images are `pointer-events: none` at z-0, and the static cutouts are hidden below `lg` so narrow chart layouts stay clean. The dragon uses a `dragonNonce` React key so its `<img>` remounts on every off→on theme transition, restarting the CSS animation. Keyframe `mc-dragon-flyacross` lives in globals.css next to the existing splash-bounce animation, takes ~9s, and respects `prefers-reduced-motion: reduce`. Asset provenance: minecraft.wiki (CC BY-NC-SA 3.0) for blocks/items and the Ender Dragon GIF; mc-heads.net body render for the Technoblade skin (decorative use). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
|
The latest updates on your projects. Learn more about Vercel for GitHub.
|
Removes the mid-right Technoblade body render and its asset. Six remaining decorations (creeper, diamond pickaxe, grass block, TNT, diamond, dragon) keep the spread of the cast unchanged. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Replace the top-left creeper with a Zombified Piglin sprite from the Minecraft Wiki. The canonical render faces left (sword arm out the viewer's left), which on a top-left anchor would point AWAY from the chart. Mirror it with `scaleX(-1)` so the sword-arm faces toward the middle of the viewport, where the user's attention actually is. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
functionstackx
added a commit
that referenced
this pull request
May 4, 2026
…ro song Adds a fourth theme alongside light / dark / minecraft, cycling in the header toggle as light → dark → minecraft → rick-morty. Builds on top of the minecraft theme's pattern (theme-class observer, lazy-loaded audio iframe, music toggle in the header). Visuals - Color tokens anchored on the canonical Rick and Morty palette: portal green primary, Morty yellow secondary, Rick lab-coat blue accent, deep-space dark background, pale yellow-green foreground. 8-slot overlay-run palette is character-coded (portal, Morty, Rick, Summer, schwifty, Jerry, Beth, Birdperson). - All existing dark-equivalence checks (vendor colors, architecture diagrams, watermark export) treat rick-morty as a dark theme so the site stays cohesive when switching. - circuit background is kept (unlike minecraft, which hides it) but hue-rotated toward portal green so it sits coherently on the deep- space dark surface. - Five static character cutouts scattered around the viewport corners (Rick smile, Pickle Rick, Rick & Morty Inc, dance, portal). pickle- rick.png was alpha-cut locally — its source had a baked-in checkerboard rendered in pixels, which flood-fill from the borders fixed. - One-shot Jerry top→bottom fall GIF on each theme activation. Mirrors the Ender Dragon fly-across in PR #297 but oriented vertically; keyed on a nonce so off→on transitions replay the animation. Respects prefers-reduced-motion. Audio - Streams Adult Swim's official "Seasons 1-3 Opening Credits" upload (DLaqu2QJYPY) via an invisible 1×1 YT iframe, looped at volume 35. Mirrors minecraft-background.tsx exactly: autoplay nudge on first user gesture, sessionStorage position save so playback survives in-app navigations, retry interval when the user has already interacted with the page. - Header music toggle (lucide Music icon, crossed out when muted) only appears in the rick-morty theme. localStorage `rick-morty-music` defaults on. PostHog event `rick_morty_music_toggled`. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
lalithsagar10
pushed a commit
to lalithsagar10/InferenceX-app
that referenced
this pull request
May 5, 2026
…oss (SemiAnalysisAI#297) * feat(theme): scatter Minecraft assets + Ender Dragon fly-across on minecraft theme Adds a `MinecraftDecorations` client component that renders six iconic Minecraft assets at fixed corner positions when the minecraft theme is active, plus a one-shot Ender Dragon GIF that flies right-to-left across the viewport every time the theme is activated: - top-left: Creeper mob render - top-right: Diamond pickaxe (rotated 35°, mining vibe) - mid-right: Technoblade body render (RIP — pig-king skin) - bottom-left: Grass block - bottom-mid: TNT - bottom-right: Diamond - top stripe: Ender Dragon, fly-across once per activation Mirrors the `RickMortyDecorations` pattern from PR SemiAnalysisAI#295: a MutationObserver on `document.documentElement` toggles the cast live with the mode picker, all images are `pointer-events: none` at z-0, and the static cutouts are hidden below `lg` so narrow chart layouts stay clean. The dragon uses a `dragonNonce` React key so its `<img>` remounts on every off→on theme transition, restarting the CSS animation. Keyframe `mc-dragon-flyacross` lives in globals.css next to the existing splash-bounce animation, takes ~9s, and respects `prefers-reduced-motion: reduce`. Asset provenance: minecraft.wiki (CC BY-NC-SA 3.0) for blocks/items and the Ender Dragon GIF; mc-heads.net body render for the Technoblade skin (decorative use). Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> * chore(theme): drop Technoblade cutout from minecraft decorations Removes the mid-right Technoblade body render and its asset. Six remaining decorations (creeper, diamond pickaxe, grass block, TNT, diamond, dragon) keep the spread of the cast unchanged. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> * chore(theme): swap creeper for zombified piglin facing inward Replace the top-left creeper with a Zombified Piglin sprite from the Minecraft Wiki. The canonical render faces left (sword arm out the viewer's left), which on a top-left anchor would point AWAY from the chart. Mirror it with `scaleX(-1)` so the sword-arm faces toward the middle of the viewport, where the user's attention actually is. Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com> * fix(theme): add CC BY-NC-SA 3.0 attribution for minecraft assets --------- Co-authored-by: Claude Opus 4.7 (1M context) <noreply@anthropic.com> Co-authored-by: adibarra <93070681+adibarra@users.noreply.github.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
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
Adds a
MinecraftDecorationsclient component that renders six iconic Minecraft assets at fixed corner positions when the minecraft theme is active, plus a one-shot Ender Dragon GIF that flies right-to-left across the viewport every time the theme is activated. Mirrors theRickMortyDecorationspattern shipped for PR #295 (theme-class observer, low-z overlay, hidden belowlg).Cast
Creeper_JE3_BE1Invicon_Diamond_PickaxeInvicon_Grass_BlockInvicon_TNTInvicon_DiamondEnder_Dragon.gifAll static images are
pointer-events: noneat z-0 withimage-rendering: pixelatedso the sprites stay crisp at scale.Dragon animation
mc-dragon-flyacrosskeyframe inglobals.cssnext to the existingsplash-bounce— translates the dragon from+110vwto-130vwover 9s with a gentle vertical drift, fading in/out at the edges.iteration-count: 1); the dragon's<img>is keyed on adragonNoncethat bumps on every off→on theme transition, so toggling minecraft on, off, then back on replays the entrance.prefers-reduced-motion: reduce— animation is disabled and the dragon is hidden.Ender_Dragon.giffrom the wiki (~1.4 MB, 400×408), so the wing-flap plays during the traversal and the entrance feels alive.Test plan
<lg) — static cutouts hide; dragon still plays since it only depends onmd.pointer-events: none).🤖 Generated with Claude Code