S

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).

Available free v1.1.0 Browser
$ sidebutton install sidebutton
Download ZIP

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

PatternHTTPDescription
/media200News index page
/media/{slug}Unknown — verifyIndividual 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

ElementSelectorNotes
H1heading "SideButton News & Releases"Primary page heading
Intro link 1link "SideButton"Inline in intro paragraph
Intro link 2link "knowledge packs"Inline in intro paragraph
Intro link 3link "contribute"Inline in intro paragraph
News card imageimg "SideButton — Open Source Platform for AI Agents"Hero image for the post
News card headingheading "SideButton — Open Source Platform for AI Agents" (H2)Post title
News card linklink "SideButton — Open Source Platform for AI Agents"Navigates to full post — URL slug TBD

Data Model

News Post (observed)

FieldExample Value
TitleSideButton — Open Source Platform for AI Agents
Hero imageWide image with same title as alt text
LinkArticle detail page (URL TBD — verify by click)

Post count: 1 (as of 2026-04-20). Expected to grow over time.

States

StateTriggerVisual Indicator
DefaultPage load1 news card visible
Empty (future)No postsUnknown — verify when relevant

Common Tasks

1. Reach the media page

  1. Click header link "Media" OR footer link "Media"/media

2. Read the current news post

  1. Navigate to /media
  2. 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 heading role 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.