Skip to content

feat(branding): Win98-era nav icons + thinner buttons + copy refresh - #11

Merged
s950tx16wasr10 merged 3 commits into
masterfrom
feat/win95-icons-and-copy
May 18, 2026
Merged

feat(branding): Win98-era nav icons + thinner buttons + copy refresh#11
s950tx16wasr10 merged 3 commits into
masterfrom
feat/win95-icons-and-copy

Conversation

@s950tx16wasr10

Copy link
Copy Markdown
Contributor

What

Branding pass on the landing page:

  • Nav icons: replaced Unicode glyphs with 32x32 PNGs from the
    davdet/win-98-icons
    archive (originally Alex Meub's Win98 set, period-authentic).
    Mapping:
    • Home -> computer.ico
    • Discord -> msn.ico (closest era equivalent)
    • Wiki -> help_book_big.ico
    • GitHub -> write_wordpad.ico
    • StatBus -> bar_graph.ico
    • Logs -> notepad_file.ico
    • WebMap -> globe_map.ico
  • Nav labels: PascalCased — StatBus, GitHub, WebMap. Home/Wiki/Logs/Discord stay (already correct).
  • Buttons: trimmed .pda-button padding 6/14 -> 3/12; active-state padding also trimmed.
  • Section titles: dropped the border-bottom divider under README.txt and SERVERS.DAT.
  • Tagline -> "HippieStation refreshed and on tap."
  • Removed the "Host a Server" button.
  • Added a second paragraph after the SS13 description explaining what ReduxStation specifically is.

Icons rendering

PIL nearest-neighbor resize to 32x32 + CSS image-rendering: pixelated
so they read as crisp pixel art instead of bilinear mush. Per-icon PNG
weight is 250-650 bytes.

After merge

docker compose build --no-cache website-builder
docker compose up website-builder

Replaces the Unicode glyph nav icons with actual 32x32 PNGs derived
from the davdet/win-98-icons archive (originally Alex Meub's
Win98 icon set, period-authentic). Mapping per nav item:

  Home     -> computer.ico   (My Computer)
  Discord  -> msn.ico        (closest era equivalent — MSN messenger)
  Wiki     -> help_book_big.ico
  GitHub   -> write_wordpad.ico
  StatBus  -> bar_graph.ico
  Logs     -> notepad_file.ico
  WebMap   -> globe_map.ico

Source ICOs are pixel-art at 32 or 48 px; scaled to 32x32 with PIL
nearest-neighbor so they stay crisp. CSS applies image-rendering:
pixelated for the same reason. PNGs are small (250-650 bytes each).

Same change set also:
- Renames nav labels to PascalCase (StatBus, GitHub, WebMap, while
  Home/Wiki/Logs/Discord stay as already-correct casing).
- Trims .pda-button padding from 6/14 px to 3/12 px so buttons
  read as chunky-but-not-fat. Active-state padding-top/bottom also
  trimmed to match.
- Tagline -> "HippieStation refreshed and on tap."
- Drops the "Host a Server" button from the README section.
- Adds a second paragraph after the SS13 description explaining
  what ReduxStation specifically is.
README.txt and SERVERS.DAT (and any future .section-title) no longer
emit a 1px bottom border — the title text alone is sufficient and the
divider lines were reading as visual clutter inside the PDA window
chrome.
Source is img/logo_rdx.png (10692x9639 RGBA master). Scaled with PIL:
LANCZOS down to 512/256/64; via a 128px LANCZOS waystation down to
32 and 16 to keep crisp edges; multi-resolution favicon.ico packed
with 16+32+48 by PIL's ICO writer.

index.njk <head> now references the full set via sized
<link rel="icon">, plus apple-touch-icon. The title-bar 'top-left
button' (was a Windows-laptop emoji) now uses icon-16.png with
image-rendering: pixelated so the logo art stays crisp at small
sizes.

All asset URLs are cache-busted with ?v={buildId} so a new build
flushes stale browser cache.
@s950tx16wasr10
s950tx16wasr10 force-pushed the feat/win95-icons-and-copy branch from da719f9 to b89703b Compare May 18, 2026 17:53
@s950tx16wasr10
s950tx16wasr10 merged commit 952eaaf into master May 18, 2026
1 check passed
@s950tx16wasr10
s950tx16wasr10 deleted the feat/win95-icons-and-copy branch May 18, 2026 18:14
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