Outpost (Mastodon Client)

Outpost is a browser-based application designed for interacting with Mastodon API-compatible social network instances. Developed primarily for the creator's personal use, it remains under active but informal development and is described as unfinished. Despite this, the tool is used daily by its maintainer for most Mastodon-related activities, except file sharing, which is not yet supported.

A notable aspect of Outpost is its approach to CSS class naming and styling. The application employs readable class names, intentionally diverging from the conventions found in many modern single-page applications. This is achieved through the use of Svelte's component CSS scoping system, with customized naming conventions for both development and production environments. The tool utilizes Capitalized class names from Svelte, underscored naming for private-like scoping, and lowercase-dashed class names for CSS modules, all coordinated to maintain consistency and clarity in the DOM. Additionally, Outpost features a custom preprocessor for handling specific styling needs, such as enabling styles for child components and facilitating JavaScript interactivity via accessible class names.

Outpost also exposes certain global variables in the browser console, making elements like settings and internal APIs accessible for userscripts or advanced customization. display_accent, _api, _queryClient, and _bus, which can be explored through console autocomplete.

In terms of design, Outpost is responsive, adapting to both desktop and mobile aspect ratios. The interface includes a sidebar that transitions to an icon-only mode when the window is narrowed, with breakpoints determined by text visibility. The placement of the "create post" button shifts between the bottom of the sidebar on desktop and the center of the bottom bar on mobile, following conventions seen in other social media platforms. Navigation elements like notifications, search, and settings are designed to avoid adding new entries to the browser history when switching between them, aiming to replicate the feel of native app navigation.

The tool is intended for users who interact with Mastodon-compatible networks and may appeal to those interested in customizability, readable code, and a unique interface approach. Outpost is accessed via the web and relies on JavaScript for full functionality.