read me first 💾
hi future me. here's how this site is wired so you never have to relearn it.
everything is plain HTML/CSS/JS — no build step, no npm. edit a file, refresh, done.
the map
index.html the desktop (header, taskbar, wallpaper)
css/style.css all the colours & the look ← theme lives here
js/desktop.js the window manager + THE APP LIST
js/app-frame.js makes each app work as its own page too
apps/*.html one file per app/window (edit these freely)
assets/ wallpaper + your images
the 3 things you'll actually do
① edit a window's content
open the matching file in apps/ (e.g. the diary is
apps/diary.html ). each file tells you where to type.
② add a brand-new window
copy any file in apps/ , rename it, then add ONE line to the
APPS list at the top of js/desktop.js .
it gets an icon + Start-menu entry + window automatically.
③ change the colours
everything pulls from the :root variables at the top of
css/style.css . change them once.
the three things to connect (one-time)
jukebox → paste SoundCloud URLs into apps/jukebox.html (full manual is inside it)
guestbook → make a free atabook.org book, paste its URL into apps/guestbook.html
counter → already set to data-sitename="unosanity" in index.html (fills in once live)
going live
drag this whole folder into your neocities.org
dashboard (or use their CLI). index.html is the home page.
there's also a longer EDITING-GUIDE.md in the project root.