Help

Guide to exploring this website as a macOS-style desktop, including the desktop, dock, top bar, windows, apps, files, and Terminal commands.

Help Hey, welcome. This is my personal website. This website is built as an interactive desktop, inspired by macOS. Instead of moving through one long page, you can open windows, browse files, launch apps, read notes, view media, and explore the site the way you would explore a small operating system. Everything here is meant to feel personal, structured, and discoverable at your own pace. How to Explore You can click desktop items, open apps from the dock, move windows around, minimize them, expand them, and come back to them later. The red, yellow, and green buttons behave like window controls. Red closes a window, yellow minimizes it, and green expands it. On desktop screens, the dock sits at the bottom. On mobile screens, the dock moves to the side so the workspace stays usable on a smaller display. Desktop The desktop is the first layer of the experience. Each item can represent a document, memory, project, visual experiment, GIF, video, or external reference. Some files open directly in Preview. Some open as markdown documents. Some include a short description or link that gives more context about the work behind them. Some desktop items may also include bilingual context and narration, so the story behind a file can be read or listened to in the language that feels most comfortable. Desktop items can be dragged, so the workspace can feel a little different as you explore it. Top Bar The top bar gives quick access to the main system actions. Clicking the name opens the About window. Finder opens the file browser. File opens the shared Folder window. Edit opens sandi.mdx . Help currently opens Terminal. On the right side, the top bar also shows small ambient system details such as weather, search, date, and time. Clicking search opens Spotlight, clicking the weather opens the Weather window, clicking the date opens the Calendar window, and clicking the time opens World Clock. Spotlight Spotlight is the fastest way to find and open things across the desktop. It starts as a clean search bar. Results appear only after you type, so the first state stays quiet and focused. You can open Spotlight from the search icon in the top bar, or with Command + K on Mac and Ctrl + K on other keyboards. Spotlight can search apps, desktop items, documents, notes, shared files, and a few system actions such as Reload Desktop, Privacy Policy, and Page Stats. When you open a note from Spotlight, it opens directly inside Notes and selects the matching note, instead of sending you to the full page version. Dock The dock is the main launcher. It holds the core apps of the website and also becomes a place to return to minimized windows. Open apps show an active indicator, so you can tell which parts of the system are already running. Some apps appear on both desktop and mobile, while others stay desktop only because they need more room or work better in a wider window. Finder Finder is the main file browser. It lets you explore recent items, applications, desktop items, and documents from a more organized view. Recent activity updates as you open files and apps, so the workspace slowly starts to reflect your own path through the site. Desktop files can be opened from Finder, documents can be opened in their proper viewer, and applications can be launched from the Applications section. Apps Apps is the launcher for the full system. It lists the available apps alphabetically and includes a search field with the same feel as the macOS application launcher. Some apps open internal windows, some lead to external destinations, and some are present as coming soon entries. If you are not sure where to begin, Apps is the fastest way to see the whole ecosystem in one place. Mail Mail is the contact window. It allows you to send a message directly from the desktop by filling in your name, email address, subject, and message. The form validates the email format before sending. It works like the communication layer of the site. Terminal Terminal is a small virtual command line layer inside the website. It is not a real shell, but it behaves like one enough to explore the system from another angle. You can run commands such as help , ls , cd , open , cat , print , date , time , and clear . Terminal can browse the virtual file structure, list desktop items, open apps, inspect shared files, and print simple descriptions of documents or desktop items. If you like exploring systems through commands, this is the most playful way to move around the site. TextEdit and Documents sandi.mdx , help.mdx , and privacy.mdx are part of the document layer. sandi.mdx is the personal introduction document. help.mdx is this guide. privacy.mdx explains how privacy related features work, including location access, browser storage, analytics, notifications, and contact messages. They open in the reading window rather than Preview, because they are meant to be read as documents, not just treated as files. When a document provides both English and Indonesian content, the language button in the title bar lets you switch between them directly inside TextEdit. When available, documents can also be listened to from the same reading space. The narration follows the selected language, so switching between English and Indonesian also changes the voice track you hear. Photos Photos is the visual gallery. It gathers visual media into albums and gives you a lighter way to browse before opening a file in full. When you select an image or video, the original file is opened through Preview. This keeps the gallery calm while still giving richer files a proper place to be viewed. Preview Preview is the main viewer for files. Images, GIFs, videos, and PDF documents open here. When a file includes extra context, Preview also becomes the place to read the story behind it. Some desktop files include bilingual descriptions in English and Indonesian. When both versions are available, Preview lets you switch between them directly inside the window. Preview can hold multiple windows, so opening one file does not replace the previous one. That makes it feel closer to a real desktop workflow. Calendar Calendar shows the Hijri date alongside the Gregorian date, and displays the five daily prayer times for your location. Prayer times are calculated using the AlAdhan API with a method automatically selected based on your country, so the results stay accurate wherever you are in the world. The date and time display includes Arabic numerals and names for the Hijri calendar. Location access is required the first time you open it. Weather Weather shows the current conditions and temperature for your location, along with daily highs and lows and an hourly forecast. Data comes from Open Meteo and updates automatically. Location access is required the first time you open it. You can click the weather indicator in the top bar to open the window directly. World Clock World Clock shows four analog clocks, each tracking a different city around the world. The clock face adjusts automatically based on the local time in each city. Daytime shows a light face with dark hands, and nighttime shows a dark face with white hands. The orange second hand is always visible. You can change any city by clicking on its name. A search panel opens inline below the clocks where you can find a city by name or country. Changes are saved automatically in your browser. Clicking the time in the top bar opens World Clock directly. The dock icon is also a live analog clock that follows the time of the first slot. Reminders Reminders is a quieter reading space for short quotations, reminders, and reflections. The content is grouped by generation, such as Companions, Tabi'in, Tabi'ut Tabi'in, and Scholars. It is designed for brief reading moments rather than long form reading, with a cleaner two panel structure and lighter interaction. You can search the collection, filter it by language, and browse pinned reminders near the top. Notes Notes contains longer writing and reflection. It is organized into three collections: Insights, Work, and Doa. Insights holds essays, reflections, technical writing, and personal observations. Work focuses on projects, brands, systems, and product thinking. Doa is a collection of prayers and supplications from the Quran and Hadith. Notes supports search across all three collections, filtering, pinned entries, and a reading layout that works across desktop and mobile. Notes can also be opened from Spotlight, with the selected result shown directly inside the Notes window. Each collection also has its own full page at /insights , /work , and /doa — a cleaner reading experience built for sharing and search engines. Audio Audio is the audio library. It contains albums, tracks, playback controls, progress handling, and track selection. You can browse the library visually, open an album, and play audio without leaving the desktop flow. Audio also connects with shared files, so audio opened from the Folder window can be handed off to the Audio player. Settings Settings is the system style control panel. It includes sections such as General, Appearance, Notifications, Sound, and Privacy. General includes a Reload Desktop action for refreshing the website without clearing local data. Privacy includes a small Privacy Center where you can review location cache status, notification permission status, prompt preferences, the Privacy Policy, and Page Stats. Settings is where the site leans most into the feeling of a usable personal system. Page Stats Page Stats is opened through Numbers. It shows a simple overview of page views for the website, including total page views and grouped views for Desktop, Insights, Work, and Doa. The goal is transparency: you can see the kind of high level analytics used by the site without exposing private visitor details. Folder Folder is the shared files window. It brings together files from Documents, Music, and Videos into one place. Each row shows the file name, modified date, size, kind, and a download action. Some files can also be opened directly: markdown documents open in the document viewer audio files open in Music images, videos, and PDFs open in Preview This makes Folder feel closer to a real handoff space instead of just a static download list. Trash Trash stores archived or removed items. Files in Trash can still be opened for preview, so the bin becomes a small archive rather than a dead end. External Apps Some apps connect this desktop to places outside the website. GitHub opens the code facing side of the work. Cobakso opens the Cobakso website. Altaday opens the Altaday website. Quran Tadabbur opens an external Qur'an from Dr. Firanda Andirja, M.A. These apps extend the desktop into a broader personal and professional ecosystem. Coming Soon Some apps are intentionally present even though they are not fully active yet. Shortcuts and Xcode currently open a coming soon state. They are included to preserve the shape of the system while leaving room for it to grow. A Final Note This website is meant to be explored slowly. You do not need to open everything in order. Follow what catches your attention. Open a file, read a note, play a track, inspect a folder, launch an app, then return later from another direction. The goal is not only to show information, but to make that information feel like a place you can spend time in.