#>website_field_guide
media surface PWA shell Spw grammar inspectable web

For Media Enthusiasts

A field guide to this website as a media instrument.

This site is not only a portfolio. It is a small static website becoming an installable, inspectable publishing surface: the pages stay readable HTML, while Spw grammar, frame navigation, operator routes, and text experiments make the structure visible.

Read it like a web zine with handles: start with the page, follow the named regions, and use the extra controls only when they help.

^"feature_register"{

What Has Developed

These are the current proof points. Each one turns a site idea into something you can visit, inspect, or try.

#>operator_atlas Spw operator atlas Each operator has a page that explains its syntax, interaction role, brace behavior, and design metaphor. >pretext_field_lab Pretext field lab A live typography experiment: prepare text once, then project it across several responsive widths. #>software_surface Software surface The public explanation of Spw as readable plain text with richer semantics for LSP-aware tools. #>rpg_wednesday RPG Wednesday A creative route for session logs, cast, world notes, table state, and future media capture. @asset_capture_frames Asset capture roadmap A planned local staging area for character, item, place, artifact, and threat screenshots. #>blog_input_interpreter Blog interpreter A local synthesis surface that turns Spw fragments and wonder notes toward readable language. #>author_craft Author craft HTML/CSS fragments, SVG storytelling, file traditions, and screenshot prompts for creative collaborators. ^"motif_rewards"{ Exploration motifs Optional color and frame customizations that reward curiosity without hiding the content.
*"publishing_register"

Signal Register

This register gives the site an editorial rhythm. It keeps a few current routes easy to find without turning every page into promotion.

Weekly focus

$

Quiet controls, open doors

The controls stay close, but the page still gets to breathe.

Set the threshold

Daily focus

?

One warm path

A single thread rises for the day. Follow it now or leave it waiting for later.

Walk the ring

Featured pages

Featured topics

$"machine_register"

Machine Register

The site is organized as a small cognitive machine: it helps a visitor orient, inspect, act, reflect, and move on without losing the original page structure.

Cognitive machine stage diagram Five connected chambers show orient, inspect, invoke, reflect, and pivot as a reversible sequence. orient # frame inspect ? probe invoke @ action reflect $ meta pivot > surface
A static SVG host for the five-stage sequence described below.

1 · Orient

Named regions and frame sigils show where you are before any interaction is required.

2 · Inspect

Hover, focus, touch, and future hold gestures should reveal the same address information.

3 · Invoke

Links, buttons, operator chips, and planned controls should make their local action clear.

4 · Reflect

Navigator, console, screenshots, and future mirrors should make state changes visible.

5 · Pivot

Deeper structures should open in a reversible way and stay connected to where they started.

?["interaction_register"]

Interaction You Can Inspect

Frames as media units

Sections are named frames with sigils. A frame can be linked, selected, traversed, and explained without being separated from the surrounding page.

Operators as handles

Tokens like #>, ?, ~, @, and ^ describe how a region should be read, queried, referenced, acted on, or structured.

Navigator and console

Some routes expose a frame map and a small status console. They make the page feel less flat while staying optional.

Installable shell

The PWA manifest and service worker let the site behave like a lightweight app, with core routes prepared for offline reading and updates.

^"exploration_motifs"{

Exploration Motifs

Customization can reward exploration, but it should never be required for comprehension. Motifs sit on top of stable structure: color families, brace treatments, stamps, and screenshot frames.

?[operator_palette] Operator palettes Exploring the operator atlas can unlock color families tied to probe, reference, action, stream, object, and surface roles.
~land_cluster Land cluster tones Boon, bane, bone, bonk, and honk can become mood sets for frames and RPG capture cards.
*"constellation" Constellation marks Sparse point-and-arc overlays can reward deep reading without turning the default site into a game board.
=archive_stamp Archive stamps Backing up local state or capturing a useful route can earn visible receipts for care, not click-counting.
?["what_to_try"]{

What To Try First

  1. Open the Spw operator atlas and skim the operators as interaction verbs.
  2. Visit the Pretext field lab, change the text settings, and watch layout become measurable.
  3. Use the navigator or keyboard hints where available to move between named frames instead of only scrolling.
  4. Open RPG Wednesday, try the local gameplay kit, then read the capture-frame roadmap.
  5. Install the site from a supported browser and revisit the core routes as a small media app.
  6. Compare Software, RPG Wednesday, and About as different uses of the same grammar.

The best reading mode is exploratory: tap, focus, follow anchors, and notice which parts reveal structure when addressed.

~"media_thesis"

Why Media Enthusiasts Might Care

Plain text as score

Spw treats plain text as something tools can perform. The source stays legible, but the symbols give software useful semantic hooks.

Pages as instruments

A page can expose its regions, frames, controls, and status surfaces so the reader learns how to operate it.

Responsive publishing

The site treats mobile, desktop, installable app mode, and offline reading as one publishing environment.

Cognitive surfaces

The design language asks how interfaces can model attention, reflection, memory, and wonder without becoming noisy.

!current_boundaries

Current Boundaries

This is still a framework-free GitHub Pages site. That is part of the point: the media system begins as HTML, CSS, JavaScript, a manifest, a service worker, and plain-text planning surfaces.

The deeper work includes mobile-first region semantics, portable hover and click behavior, SVG widgets, screenshot semantics, RPG asset capture frames, seasonal ornaments, Spw-backed components, and richer inspectable registers. Those are directions, not requirements for using what already ships.