Add header images to the clan and server pages - #34
Merged
Conversation
Both headers now match the player page layout: the image sits left of the name, with the stats row stacked underneath. The server page gets the image in both the online and offline headers. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.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
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.
Adds a shield image to the clan page header and a server-box image to the server page header, matching how the player page uses
player.png.Layout
Both headers now use the player page's arrangement: the image sits left of the name, with the stats row stacked underneath (
flex-row items-center gap-4on theActivityHeadercontent, name and stats wrapped in asection).On the server page this covers both headers — the online one and the
OfflineServerone — so the page doesn't lose the image when a server goes down.Images
clan.png— 189×240, displayed at 79×100server.png— 298×240, displayed at 124×100 (the box is landscape, so it matches on height rather than width)Both were cut out of white-background sources by flooding from the image border and stopping at the artwork's black outline, which also removes the shield's drop shadow. The masks were downscaled from 1024px in premultiplied-alpha space, so the edges antialias cleanly with no white fringe.
Verified
Rendered locally against seeded data: clan page, server page (online, with the activity calendar and snapshot timeline), and server page (offline). Checked the clan header at mobile width too, where the calendar drops out.
🤖 Generated with Claude Code