TrelloTriage Labs Build Notes
Projects About Art Blog
Build log online

Build notes, experiments,
and project updates.

A lightweight development journal for what I am building, fixing, testing, and learning. This is intentionally simple for now: static posts, easy edits, and no database required.

Rebuilt the TrelloTriage Labs homepage into a live project gallery

The old portal page was mostly a navigation shell. The new version turns the front page into a working portfolio: live demos, project cards, problem/solution details, filters, and a glass-style UI.

HTML CSS Data UI Portfolio Static Site
Collapse Post

What changed

  • Replaced the old portal landing page with the interactive project gallery.
  • Added live project cards for tools, games, AI/NLP utilities, media tools, and experiments.
  • Added filtering by category and by problem solved.
  • Added modal details for each project with problem, solution, features, and launch links.

Why it matters

This makes the site feel more like a real portfolio instead of a hidden tools directory. Each project now explains what it solves, not just what technology it uses.

Added several new hosted demos to trellotriage.com

Added and tested several new apps on the server, including Rustberry, Truth or Trash, BeatScope, TextPaint v3, VO Podcast Visualizer, PopQuest1, and DataAst.

Nginx Flask Static HTML Systemd
Read Post

Notes

  • Static HTML apps are hosted directly with Nginx aliases and do not need services.
  • Python and Streamlit apps need a running service if they should survive reboot.
  • React build apps need correct base paths so assets load under their hosted route.
  • Most routing issues came down to whether the app expected / or a subpath like /rustberry/.

Added basic top navigation and unified UI themes

The site now uses a unified CSS variable architecture across the Projects, About, Art, and Blog pages. Added dynamic themes (Dark, Light, Terminal, Cyberpunk) and a synthesized Web Audio API layer.

Navigation CSS Vars Web Audio API
Read Post

Current approach

By keeping the CSS variables in the :root, the entire app can instantly switch color schemes without needing complex JavaScript rendering libraries. Sound effects are generated purely via math to save on asset loading.

Next build note title goes here

Copy this card when you want to add a new update. Replace the title, tags, summary, and full post content.

Draft Template
Read Post

Template section

Add the longer version of the post here. This can be a quick status update, technical note, client-demo note, bug fix, or short dev journal entry.