Skip to content

Add Discord community CTA across web, book, and README - #226

Merged
uzyn merged 4 commits into
mainfrom
worktree-discord-web
May 11, 2026
Merged

uzyn merged 4 commits into
mainfrom
worktree-discord-web

Conversation

@uzyn

@uzyn uzyn commented May 11, 2026

Copy link
Copy Markdown
Owner

Summary

  • Surfaces the AIMX Discord (https://discord.gg/esWwA3YfK8) on the marketing site (topnav community link, hero secondary button, bottom page-cta button + inline link, footer link).
  • Adds a Discord icon to the book's menu bar ({{fa "brands" "discord"}} via the existing FA helper) so it appears on every book page next to the GitHub repo link.
  • Adds a centered "Join the AIMX Discord →" callout to the book intro and a shields.io Discord badge + centered prose link to the top-level README.md.
  • New .btn.discord modifier in Discord brand blurple (#5865F2 / #4752C4 hover) — Discord pops as the community channel without unseating "Read the book" as the hero's primary CTA.

Test plan

  • cd website && make builds without new warnings
  • Open website/dist/index.html locally and confirm: topnav community link, hero shows three buttons (Read the book primary, blurple Join Discord, Check out the code), bottom page-cta has both Get started (dark) and Join Discord (blurple), footer shows Join the Discord
  • Open website/dist/book/<any-page>.html and confirm the Discord icon renders in the menu bar (right side, before the GitHub repo icon)
  • Open website/dist/book/index.html and confirm the centered "Join the AIMX Discord →" callout under the intro paragraph
  • Render README.md on the PR page and confirm the Discord badge sits below the CAUTION block and the centered prose link sits below the description block
  • Click each Discord link and confirm it resolves to the invite
  • Verify the blurple color renders identically in both light and dark site themes (brand-fixed, intentional)

uzyn added 4 commits May 11, 2026 20:18
Surfaces the AIMX Discord (https://discord.gg/esWwA3YfK8) on the
marketing site (topnav, hero, bottom page-cta, footer), in the book
menu bar on every page, and in the top-level README so it is reachable
from every entry point. Hero "Read the book" stays primary; Discord is
a secondary CTA styled in Discord blurple (#5865F2) so it signals as
the main community channel without outranking the product funnel.
The plain 'community' text link blended in with the other monospace
nav items. Replace it with a Discord-blurple pill (icon + 'Discord'
label) and move it to the end of the nav so it reads as the standout
community CTA in the header.
… row

Folds the standalone Discord shields badge into the new badge row so
all badges sit together below the pitch (Discord first, then CI,
release, downloads, platform, license). All use style=flat-square for
visual consistency. Discord prose CTA remains directly below the row.
Use var(--ink) for the GitHub pill background (matches .btn.primary)
so the two pills sit side by side at the right of the nav as
balanced community CTAs. Hover swaps to the accent color, mirroring
the rest of the site's hover treatment.
@uzyn
uzyn merged commit 308a63e into main May 11, 2026
10 checks passed
@uzyn
uzyn deleted the worktree-discord-web branch May 11, 2026 12:34
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.

1 participant