Live demo HERE

I’m creating a WebOS with an infinite canvas to work without boundaries

wassup guys this devlog was hella fun bc for once i could actually both see and feel the results of what I was changing - can now definitely see why “frontend engineer” is a job someone would want to have.

Changes

Most of the changes were in how the program windows are manipulated. Before, all you could do is move them around, and close them using a small button in the top-right. But now, windows can be shifted, resized, and layered, and the cursor now changes when hovering over certain parts of the frame.

Another one of the obvious changes are the new colours. I found them through a cool tool i’ve used for years https://huetone.ardov.me/ with the Ant Financial Design preset. I’d really recommend them if you want to design some colour palettes.

Commits

• chore: fix build errors (dead code)
• fix: Stop text selection when stopping resizing
• feat: Add titlebar title truncation
• feat: add program resize button
• chore: make changes to force pages rebuild
• chore: fix asset access for prod
• chore: fix build errors
• fix: use vector background instead to remove visible pixels when zooming in
• fix: Fix background integration with scaling
• chore: Merge branch ‘restyling’
• feat: re implement scrolling
• feat: larger program controls
• feat: add background pegs
• feat: hyprland-like window outlines
• feat: standard colours
• chore: Merge branch ‘restyling’
• feat: add rounded corners
• chore: change pages.gay action to only run on push to production
• fix: Fix margin collapse + add nicer colours
• chore: migrate program style to program.css + partial work on fixing marign collapse on programs
• chore: Update README.md
• chore: fix build errors
• chore: fix CI to work with react
• feat: page CI
• feat: modificaionts for demo