Help

Guide to exploring this website as a macOS-style desktop, including the desktop, dock, top bar, windows, apps, files, Store, User, Settings, 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. 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, store products, 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, documents, audio files, and videos 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, audio files can be handed off to Audio, videos can open in Preview, and downloadable files include a dedicated download action. 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. Quotes Quotes now lives inside Notes as a quieter reading space for short quotations 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. You can open it from Notes, search the collection, and share individual quote pages through /quotes . Notes Notes contains longer writing and reflection. It is organized into four collections: Insights, Work, Doa, and Quotes. 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. Quotes gathers short quotations by generation and author. Notes supports search across all four 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 main collection also has its own full page at /insights , /work , /doa , and /quotes — 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 Finder, so audio opened from the Audio section can be handed off to the Audio player. Store Store is the built in commerce window. It lets you browse products by category, search the catalog, sort by name or price, filter stock status, switch between IDR and USD display, and open product details without leaving the desktop. Product detail supports multiple photos, bilingual descriptions, product information, size guidance, sale badges, stock status, and Add to Cart. The cart keeps quantities editable and shows subtotal, discount, and total before checkout. Checkout runs as its own window. It can ask you to sign in or create an account, verify your email, choose a delivery address with Google Maps, calculate the route from the fulfillment branch, choose an expedition service, and continue payment through Midtrans Snap. After an order is created, the flow can hand you off to User so the order can be followed from the account side. User User is the account center for Store. When you are not signed in, it opens the same account flow used by checkout. After signing in, User shows Account, Orders, and Privacy & Security sections. Account shows your profile details, email verification state, phone number, saved delivery address, and session controls. It also includes security actions for changing email, changing password, signing out, or deleting the account. Orders lists your Store orders and opens detailed order records. Pending orders can continue payment when possible. Eligible orders can be cancelled. Order detail shows payment status, item list, shipping address, courier service, timeline, driver information when available, waybill or tracking IDs, and Biteship tracking. Privacy & Security lets you review local browser state such as cached location, notification permission, prompt preferences, and quick links to the Privacy Policy and Page Stats. Settings Settings is the owner side control room. It is protected by owner access and focuses on the operational side of the site. General summarizes users, orders, revenue, payment status, and shipping numbers. Store manages fulfillment configuration and branches. Categories and Products manage the Store catalog. Orders gives the owner a broader order view. Settings also includes Shared Files for uploaded files, HPP Reconciliation for stock cost checks, and Debt for finance tracking. User is the visitor account space; Settings is the owner workspace. 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. 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, browse Finder, 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.