SideButton Marketing Website Knowledge Module
SideButton Marketing Website Media (News & Releases) — Knowledge Module
SideButton Marketing Website knowledge module — UI selectors, data model, and page states documenting Media (News & Releases).
sidebutton install sidebutton Media (News & Releases)
What This Is
Public-facing news and releases page, added in the April 2026 redesign. Serves as a press/news hub linking to individual announcement posts. Currently minimal — shows one featured news item ("SideButton — Open Source Platform for AI Agents") with a hero image. Reachable from the header nav (replaced "Contribute") and the footer.
URL Patterns
| Pattern | HTTP | Description |
|---|---|---|
/media | 200 | News index page |
/media/{slug} | Unknown — verify | Individual news/release posts |
Page Title & Meta
<title>:SideButton News & Releases- H1:
SideButton News & Releases
Page Structure
+--[Header: marketing layout]------------------------+
| |
| H1: SideButton News & Releases |
| Intro/lede paragraph with inline links: |
| [SideButton] [knowledge packs] [contribute] |
| |
| [News card — hero image + H2 heading] |
| Image: "SideButton — Open Source Platform |
| for AI Agents" (press-style hero) |
| H2: "SideButton — Open Source Platform |
| for AI Agents" (linked) |
| |
+--[Footer: standard]--------------------------------+
Key Elements
| Element | Selector | Notes |
|---|---|---|
| H1 | heading "SideButton News & Releases" | Primary page heading |
| Intro link 1 | link "SideButton" | Inline in intro paragraph |
| Intro link 2 | link "knowledge packs" | Inline in intro paragraph |
| Intro link 3 | link "contribute" | Inline in intro paragraph |
| News card image | img "SideButton — Open Source Platform for AI Agents" | Hero image for the post |
| News card heading | heading "SideButton — Open Source Platform for AI Agents" (H2) | Post title |
| News card link | link "SideButton — Open Source Platform for AI Agents" | Navigates to full post — URL slug TBD |
Data Model
News Post (observed)
| Field | Example Value |
|---|---|
| Title | SideButton — Open Source Platform for AI Agents |
| Hero image | Wide image with same title as alt text |
| Link | Article detail page (URL TBD — verify by click) |
Post count: 1 (as of 2026-04-20). Expected to grow over time.
States
| State | Trigger | Visual Indicator |
|---|---|---|
| Default | Page load | 1 news card visible |
| Empty (future) | No posts | Unknown — verify when relevant |
Common Tasks
1. Reach the media page
- Click header
link "Media"OR footerlink "Media"→/media
2. Read the current news post
- Navigate to
/media - Click news card heading or hero image → loads post detail (URL TBD)
Tips
- This page is NEW as of the April 2026 redesign — "Media" replaced "Contribute" in the header.
- Only one post currently listed; expect list growth as SideButton publishes more releases.
- The post title and its image alt text are identical — use the
headingrole to disambiguate in snapshots.
Gotchas
- Post detail URL is not documented here — click the card link to discover it.
- Page is MVP-level content — current state shows one news item with no list-view features (no filters, search, pagination, tags). Tests assuming rich list functionality will fail.
- Intro paragraph body text not captured in this skill — re-read with
snapshot(includeContent=true)if exact copy matters.