Repository navigation
feat(games): add games page with wow and overwatch cards - #235
Merged
Merged
Conversation
This was referenced Oct 4, 2026
kashalls
added this pull request to stack #238
October 5, 2026 02:58
Add a /games page listing World of Warcraft characters and Overwatch career profiles from the apis service (api.ok8.sh/wow/characters and api.ok8.sh/overwatch/players), linked from the header menu. Each card is a wide banner over the character render or namecard with identity on the left, headline stats on the right and a View More drawer. WoW cards use class colours and show item level, Mythic+ rating and achievements; Overwatch cards show competitive ranks, win rate, KDA, time played and most played heroes. Cards use Inter for stats and per-game display faces (Cinzel for WoW, Teko for Overwatch). Data is fetched client-side so the prerendered page doesn't bake in build-time stats. Signed-off-by: Jordan Jones <git@svcs.ok8.sh>
When Blizzard has no "main" scene render for a character, show the transparent full-body main_raw render standing between the identity and stats instead of leaving the card without art. Drop the inset fallback, which is too low-resolution to use as a background. Signed-off-by: Jordan Jones <git@svcs.ok8.sh>
- Scope the background art and character figure to the card's top section, so opening View More no longer stretches or re-crops them. - WoW: show the spec icon as a badge on the avatar. - Overwatch: replace the endorsement text with Blizzard's level badge, and show the rank tier badge next to the rank emblem instead of the division text. Both fall back to text when the icon is missing. Signed-off-by: Jordan Jones <git@svcs.ok8.sh>
- Lay cards out like the Battle.net launcher: character identity and stats on the left, the official game logo (Midnight, WoW Classic, Overwatch) top-right on the art. Drop the standing character render and the Retail badge; keep the badge for non-retail flavors since the Classic logo doesn't name the version. - WoW cards use the Armory's per-class background behind the card. - Animate View More with UCollapsible, and pop in the endorsement badge with a UTooltip. - Use Nuxt UI where it fits: UAvatar, UChip for the spec icon, UButton, UBadge for rank pills, USkeleton while loading and UEmpty when the APIs return nothing. Signed-off-by: Jordan Jones <git@svcs.ok8.sh>
kashalls
force-pushed
the
feat/game-cards
branch
from
October 5, 2026 03:13
f5e51f8 to
cbf76f4
Compare
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.
Summary
Adds a
/gamespage (linked from the header menu) with Battle.net launcher-style cards for World of Warcraft characters and Overwatch career profiles, fed live by the apis service (https://api.ok8.sh/wow/characters,https://api.ok8.sh/overwatch/players).Layout
profile-backgrounds/v2/armory_bg_class_<class>.jpg), since Blizzard no longer generates the compositedmainrender.UCollapsible; the background art is scoped to the top section so opening it doesn't rescale or re-crop the art.Data shown
UTooltipon hover), season, rank emblem + tier badge per role; win rate / KDA / time played; drawer lists the three most played heroes.Implementation notes
UAvatar,UChip,UButton,UBadge,UTooltip,UCollapsible,USkeleton,UEmpty.@nuxt/fonts.<ClientOnly>, so the prerendered page shows skeletons instead of baking in build-time stats, and hydration stays clean.spec_icon,endorsement_frame,tier_icon) come from apis 0.0.4 (feat(games): add spec, endorsement and rank tier icons聽apis#24, feat(apis): bump image to 0.0.4聽waifulabs/infrastructure#5783); every icon falls back to text when absent.Testing
bun run buildpasses;/gamesand its OG image prerender.