diff --git a/README.md b/README.md index ad016f9..13d78be 100644 --- a/README.md +++ b/README.md @@ -171,3 +171,5 @@ Add an image with descriptive alt text to the relevant guide, inspect the render The documentation content is dual-licensed under [CC-BY-4.0](https://creativecommons.org/licenses/by/4.0/) for prose and [MIT](https://opensource.org/licenses/MIT) for code samples. + +Mobile documentation captures use the actual mobile shell with Android user-agent and touch emulation at a 412×915 CSS-pixel viewport. They use sample server state and are layout examples, not physical-device or Android permission-dialog captures. diff --git a/public/screenshot-mobile-channels.png b/public/screenshot-mobile-channels.png new file mode 100644 index 0000000..6230a3e Binary files /dev/null and b/public/screenshot-mobile-channels.png differ diff --git a/public/screenshot-mobile-chat.png b/public/screenshot-mobile-chat.png new file mode 100644 index 0000000..db2f2eb Binary files /dev/null and b/public/screenshot-mobile-chat.png differ diff --git a/public/screenshot-mobile-profile.png b/public/screenshot-mobile-profile.png new file mode 100644 index 0000000..2ac9c78 Binary files /dev/null and b/public/screenshot-mobile-profile.png differ diff --git a/public/screenshot-mobile-voice.png b/public/screenshot-mobile-voice.png new file mode 100644 index 0000000..6a6f5ff Binary files /dev/null and b/public/screenshot-mobile-voice.png differ diff --git a/src/content/docs/getting-started/android.mdx b/src/content/docs/getting-started/android.mdx index 17a2165..9cf5f9b 100644 --- a/src/content/docs/getting-started/android.mdx +++ b/src/content/docs/getting-started/android.mdx @@ -16,6 +16,10 @@ small adjustments for touch. +Current mobile conversation with sample members using anime, car, flower, and dog avatars, plus the call bar and message composer + +The screenshots show the current phone layout with a sample community. + ## Install See the [installer page](/getting-started/install/) and pick the @@ -51,27 +55,25 @@ notifications. Open **Settings, Battery, Fancy Mumble** and pick **Unrestricted** to keep notifications on time. -## Mobile-only UI bits - -The desktop layout is rebalanced for touch: - - - - A floating bar at the bottom with mute, deafen, leave, and stream - toggles. Auto-hides when no audio is active. - - - Channels live in a left drawer, swipe from the edge or tap the - menu button to open. - - - Tap a user to open a bottom-sheet with their profile, frame, - banner, and actions (private message, mute, kick). - - - Long-press a message to reply, react, copy, pin, or delete. - - +## Channels and conversations + +The **Channels**, **Friends**, and **Settings** tabs sit at the bottom of the navigation screen. Select a channel to open its conversation; use **Back** to return to the channel list. The server-strip control shows or hides saved servers. + +Current mobile channel list with a lounge and five members with distinct avatars + +Chat gives the conversation the whole screen. Its composer stays at the bottom, and an active voice call adds a compact call bar above it. File-sharing controls depend on the connected server's capabilities. + +## Call controls + +Tap **In voice** on the call bar to expand the call screen. It shows the channel's participants and their audio states. Use the large microphone and headphones controls to mute or deafen, **Disconnect** to leave voice, and the down arrow to return to chat. + +Expanded mobile call screen showing five participants, listening and muted states, microphone and headphones controls, and Disconnect + +## Profiles and message actions + +Tap a member's name or avatar to inspect their profile and available actions. Profiles can include their own avatar, banner, status, pronouns, and bio. Long-press a message for its available actions, such as reply, reaction, or copy; moderation actions depend on your permissions. + +Mobile profile sheet for Rin with anime avatar and banner, pronouns, sketching status, bio, and profile actions ## Battery and data @@ -80,7 +82,7 @@ The desktop layout is rebalanced for touch: - Watching a screen share takes about 1 to 3 Mbps per stream. - File downloads use whatever the file weighs, once. -Force **TCP** mode (Settings, Voice, Network) on flaky cell data. It +Enable **Force TCP audio** in **Settings, Voice** on flaky cell data. It adds a little latency but avoids packet-loss audio glitches. ## Known mobile limits