Entry 1 — Laying the FoundationThe project kicked off with the development of the core desktop architecture. Instead of following the standard trend of building a sleek dark-glass interface, the vision was to create a warm, tactile detective station inspired by The Mentalist. The initial focus was setting up the baseline window management engine in pure Vanilla JavaScript using mouse event listeners (mousedown, mousemove, and mouseup). A key technical challenge was resolving $z$-index stacking bugs so that clicking any open window instantly brought it to the front. Once the drag logic was stabilized, the initial CSS styling was applied, giving windows their signature manila case folder tabs, red stamps, and custom close buttons.Entry 2 — Interactive Widgets and Local Storage SyncThe next phase focused on expanding functional desktop widgets to bring the detective theme to life. First came Patrick’s Tea Lounge, a custom focus timer allowing users to steep Earl Grey, Green Tea, or Chamomile, complete with an audio chime upon completion. Next, an Evidence Pinboard was added, featuring corkboard textures, polaroid cards, and red string connection tags. Finally, the Encrypted Field Notes app was built with localStorage integration, ensuring draft notes persist across browser reloads while offering a timestamped archive dropdown to load and manage previously saved field notes.Entry 3 — Show Lore, Audio Synthesis, and Final PolishThe final development phase focused on deep worldbuilding, feature additions, and UI polish. A searchable top system bar was integrated with a database containing over 50 characters, suspects, and victims from The Mentalist. An interactive CBI Consultant Badge Generator was added, using an HTML5 Canvas script to render custom digital IDs that users can download directly as PNG files. To fix portrait framing on roster cards, CSS image alignment was tuned to anchor photos from the top center. Lastly, a subtle Red John easter egg was placed in the corner of the desktop, triggering a creepy audio synth, screen flickering, falling blood drops, and a transition into high-contrast dark mode upon interaction.
