@sirius

Backup/restore and note pinning

Added two small QoL features to FlowKit today, both addressing gaps I noticed after using it for a while.

Backup & Restore. FlowKit only ever stored data in localStorage, which means a cleared cache or a new browser wipes out every task and note with no way back. There’s now a 💾 button in the sidebar (and a command palette entry) that opens a modal with two options: Export downloads a timestamped JSON file with all tasks, notes, and recent colors; Import reads a JSON file back in and merges it non-destructively (skips anything with an ID you already have, so it’s safe to import the same file twice).

Note pinning. Notes were a flat, most-recently-created list, so anything you wanted to keep handy just scrolled away. Each note now has a 📌 toggle, both on its row in the sidebar list and in the editor topbar. Pinned notes always sort to the top, so reference notes stay put instead of getting buried under whatever you jotted last.

Both features reuse the existing dark theme and modal/toast components rather than introducing new UI patterns, so they should feel native to the rest of the app.

Verified the deployed Sirius Bot is still online in #sirius-bot-demo by running /sirius-hello and receiving a live reply. While reviewing /sirius-calc, I found that ^ was being interpreted as JavaScript bitwise XOR, so 2 ^ 3 returned 1 instead of 8. I replaced the Function-based evaluator with a small safe expression parser, fixed ^ to mean exponentiation, and added sqrt(…) support. I also added Node test coverage for precedence, powers, square roots, unsafe input, negative roots, and division by zero; all 4 test groups pass. Example: /sirius-calc sqrt(81) + 2 ^ 3 now returns 17.

Personal portfolio deployed

I organized my portfolio into a custom terminal-inspired site that introduces my interests in security, quantum computing, and engineering.

The site includes dedicated sections for my introduction, competitions and results, credentials, project highlights, writing, and an About page.

I also verified the responsive navigation, language control, and skip-to-content accessibility link.

Demo: https://siriusw823.github.io/my-portfolio/

Source: https://github.com/SiriusW823/my-portfolio

Docs pass + re-testing all three panels

Spent this session getting FlowKit’s documentation in shape and re-testing the app end to end before moving on to new features.

What I did:

• Wrote a full README.md for the repo, covering the feature set (Task Manager, Focus Timer, Quick Stats), the pure HTML/CSS/JS tech stack, how to run it locally, and a link to the live demo. Before this, the only way to understand the project was to read all 1,400 lines of index.html.
• Walked back through each view to sanity-check things still work: added tasks with different priorities/statuses/tags, ran the 25-minute Focus Timer through start/pause/reset, and confirmed Quick Stats updates live as tasks change.
• Captured a fresh screenshot of the Focus Timer view for the project page.

Why it matters:
A project with zero docs is hard for anyone (including future me) to jump into. The README now doubles as a feature checklist and makes the GitHub repo stand on its own.

What’s next:

• localStorage persistence so tasks survive a reload
• Drag-and-drop task reordering
• A calendar view for due dates

Final QA and release check

I completed a final browser QA pass on SiriusOS before shipping.

• Confirmed the welcome screen opens without a password
• Opened About, Terminal, Stargazer, Notes, and Calculator
• Verified multiple windows can stay open together
• Verified close, minimize, and maximize controls are present
• Confirmed the public GitHub Pages deployment loads correctly
• Checked the browser console and found no errors or warnings

The custom space-themed interface and interactive Stargazer make this more than a copy of the guide. The project is now ready for mission review.

Demo: https://siriusw823.github.io/sirius-webos/

Source: https://github.com/SiriusW823/sirius-webos

Orbit Desk is live!

I turned a blank browser tab into a calm personal mission-control dashboard.

• Live local clock and time-aware greeting
• 25-minute focus timer with pause and reset
• Priorities saved with localStorage
• Responsive layout, keyboard focus, and reduced-motion support

Built with plain HTML, CSS, and JavaScript, then browser-tested end to end. The public repo and GitHub Pages deployment are ready for review.

Demo: https://siriusw823.github.io/orbit-desk/
Source: https://github.com/SiriusW823/orbit-desk

Building FlowKit — A Frictionless Productivity App

I started the Frictionless mission by building FlowKit, a browser-based productivity suite that lives in a single HTML file with zero dependencies.

What I built

FlowKit is organized around three core views, switchable from a compact icon sidebar:

📋 Task Manager — A full Kanban-style task list with:

• Priority badges (High / Med / Low) with color coding
• Due date tracking per task
• Status labels: Todo, In Progress, Blocked, Done
• Tag system for categorization
• Inline checkbox to mark tasks complete

⏱ Focus Timer — A Pomodoro-style countdown timer:

• 25-minute work sessions
• Start / Pause / Reset controls
• Stays visible as a floating timer widget

📊 Quick Stats — A live dashboard that reads from the task list:

• Total task count
• Completed vs blocked counts
• Auto-updates as tasks change

Tech choices

Everything is pure HTML/CSS/JS — no frameworks, no build step. I used CSS custom properties for the entire dark theme (--bg, --accent, --surface etc.), which made it easy to keep colors consistent across all three panels.

The sidebar navigation uses a simple display: none / flex toggle — clicking an icon sets .active on the right section. Felt much cleaner than routing.

What’s next

I want to add drag-and-drop reordering for tasks and a local-storage layer so tasks persist between sessions. Also thinking about a calendar view for due dates.

Live demo: siriusw823.github.io/sirius-flowkit/

Added a README and polished the SiriusOS codebase today!

What’s new:

• Wrote a full README.md for the GitHub repo — covers all features, tech stack, and how to run it locally
• Pushed to GitHub, repo now has a proper landing page with badges and a live demo link
• Cleaned up the window manager code — extracted drag logic into a reusable makeDraggable() helper
• Fixed a z-index bug where minimized windows could still intercept mouse events
• Improved the Stargazer app: constellation lines now render in a softer color so individual stars are easier to see

The draggable window system is holding up really well — no flicker, smooth focus management. Next step is adding a File Manager app and a settings panel for theming!

今天開始建造 SiriusOS — 一個跑在瀏覽器裡的太空主題 WebOS！
整個系統塞在單一 HTML 檔案裡，包含：

動態星空背景 + 登入畫面
視窗管理器（可拖曳、最小化、關閉）
5 個內建 App：About、Terminal、Stargazer 星座儀、Notes、Calculator
Pomodoro 計時器
Terminal 支援指令歷史（↑↓ 鍵）

最大挑戰是做出真正可拖曳的視窗系統，要同時處理 z-index 焦點管理跟滑鼠事件。最後用原生 JS 的 mousedown/mousemove 解決了，不需要任何外部套件。
現在已經 deploy 到 GitHub Pages，明天繼續加更多功能！

Built a Slack bot using Node.js and the @slack/bolt framework with Socket Mode — no public server needed! The bot runs in the Hack Club workspace and supports 5 slash commands: /sirius-hello (motivational greetings), /sirius-weather (live weather via wttr.in), /sirius-fact (random fun facts), /sirius-calc (safe math evaluator), and /sirius-8ball (magic 8-ball). Set up the GitHub repo and got the bot connected and running locally. Next step: deploy to Hack Club Nest for 24/7 uptime!