feat: add We Like Tools footer badge - #86
Merged
Merged
Conversation
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
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
Add the We Like Tools listing badge to the public landing-page footer, using the directory's hosted light and dark assets and the existing theme-aware badge pattern.
Original request
Add a new We Like Tools badge using the PR workflow, using the supplied light and dark variants, without publishing a blog post.
What changed
https://weliketools.com/tool/xpenser-cleverbrush.badge.pngin light mode andbadge-dark.pngin dark mode at the supplied 54px height with lazy loading.Reasoning
This follows the established hosted-badge implementation already used by similar directory badges in
landing-page.tsx. Keeping the vendor assets remote preserves the supplied snippet, while the existing light/dark utility classes make the correct variant visible without additional client-side state. No width was invented because the supplied badge snippet specifies only height.Blog post
Skipped: this is a small presentation-only footer addition, and the original request explicitly asks for no blog post.
Screenshots / Preview
Preview: https://xpenser-pr-086.cleverbrush.com
Manual preview QA at 1440×1000 confirmed:
badge.png; dark mode shows onlybadge-dark.png.https://weliketools.com/tool/xpenser-cleverbrushwith_blankandnoopener noreferrer.Validation
npm run lint— 359 files checkednpm run typecheck— 11 tasks passednpm test— 95 files and 520 tests passedapps/web/components/landing-page.test.tsx— 1 test passedLint and testGitHub checkDeploy PR environmentGitHub checkPlaywright e2eGitHub checkservice.name = xpenser-web-pr-86across logs, traces, andhttp.server.duration.count; no matching resources were available in the preview QA window, so telemetry is explicitly recorded as unavailable rather than reported as a pass.Checklist