From c3dc6176c1a58b90b68e4eb0df673a0a10979c55 Mon Sep 17 00:00:00 2001
From: M57 <41645758+Hy4ri@users.noreply.github.com>
Date: Sun, 20 Sep 2026 17:58:45 +0300
Subject: [PATCH] docs: add mobile screenshot gallery

---
 README.md       | 8 +++++++-
 docs/index.html | 3 ++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/README.md b/README.md
index b96711a7..15a08094 100644
--- a/README.md
+++ b/README.md
@@ -45,8 +45,14 @@ If Hermes Mobile is useful to you, consider supporting its development on [Ko-fi
 <p align="center">
   <img src="docs/screenshots/chat.png" width="180" alt="Hermes Mobile chat screen" />
   <img src="docs/screenshots/cron.png" width="180" alt="Hermes Mobile cron jobs screen" />
-  <img src="docs/screenshots/kanban.png" width="180" alt="Hermes Mobile Kanban screen" />
   <img src="docs/screenshots/skills.png" width="180" alt="Hermes Mobile skills screen" />
+  <img src="docs/screenshots/model.png" width="180" alt="Hermes Mobile models screen" />
+</p>
+
+<p align="center">
+  <img src="docs/screenshots/plugins.png" width="180" alt="Hermes Mobile plugins screen" />
+  <img src="docs/screenshots/sidebar-1.png" width="180" alt="Hermes Mobile primary navigation" />
+  <img src="docs/screenshots/sidebar-2.png" width="180" alt="Hermes Mobile secondary navigation" />
 </p>
 
 <p align="center"><em>Chat, automation, productivity, and agent configuration — from your phone.</em></p>
diff --git a/docs/index.html b/docs/index.html
index 15832abc..f0126121 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -32,8 +32,9 @@
         <p class="hero-sub">Chat, configure, automate, and manage your Hermes Agent from a native Android experience built for your phone.</p>
         <div class="hero-actions"><a class="btn primary" href="https://f-droid.org/packages/com.m57.hermescontrol/">Get it on F-Droid</a><a class="btn" href="https://github.com/Hy4ri/hermes-mobile/releases/latest">Download APK</a><a class="btn" href="https://github.com/Hy4ri/hermes-mobile">View source</a></div>
         <p class="hero-note">Free, open source, and built specifically for Android.</p>
-        <div class="showcase"><div class="screens"><div class="screen"><img src="screenshots/cron.png" alt="Hermes Mobile cron jobs"></div><div class="screen"><img src="screenshots/chat.png" alt="Hermes Mobile chat"></div><div class="screen"><img src="screenshots/skills.png" alt="Hermes Mobile skills"></div></div></div>
+        <div class="showcase"><div class="screens"><div class="screen"><img src="screenshots/cron.png" alt="Hermes Mobile cron jobs"></div><div class="screen"><img src="screenshots/chat.png" alt="Hermes Mobile chat"></div><div class="screen"><img src="screenshots/skills.png" alt="Hermes Mobile skills"></div><div class="screen"><img src="screenshots/plugins.png" alt="Hermes Mobile plugins"></div></div></div>
       </header>
+      <section><div class="section-head"><div class="section-label">Explore Hermes Mobile</div><h2>Everything in your pocket.</h2><p class="section-sub">Browse models, manage your agent’s extensions, and reach every control surface from one native Android app.</p></div><div class="showcase"><div class="screens"><div class="screen"><img src="screenshots/model.png" alt="Hermes Mobile models"></div><div class="screen"><img src="screenshots/plugins.png" alt="Hermes Mobile plugins"></div><div class="screen"><img src="screenshots/sidebar-1.png" alt="Hermes Mobile primary navigation"></div><div class="screen"><img src="screenshots/sidebar-2.png" alt="Hermes Mobile secondary navigation"></div></div></div></section>
       <section id="features"><div class="section-head"><div class="section-label">Built for Hermes</div><h2>More than chat.</h2><p class="section-sub">Hermes Mobile brings the parts of your agent you actually use into one native Android interface.</p></div><div class="pillars"><article class="pillar"><div class="pillar-icon">◉</div><h3>Talk to Hermes</h3><p>Chat with your agent in real time, resume previous sessions, work with attachments, and stay connected through Android notifications.</p></article><article class="pillar"><div class="pillar-icon">⚙</div><h3>Control your agent</h3><p>Manage models, providers, skills, plugins, MCP servers, cron jobs, profiles, environment settings, and other Hermes configuration without returning to your desktop.</p></article><article class="pillar"><div class="pillar-icon">✓</div><h3>Keep work moving</h3><p>Check Kanban boards, inspect sessions, monitor your gateway, view logs, and keep an eye on what your agent is doing wherever you are.</p></article></div></section>
       <section><div class="section-head"><div class="section-label">Native by design</div><h2>Made for Android. Not squeezed into it.</h2><p class="section-sub">Hermes Mobile is built as an Android app from the ground up, with a UI that belongs on your phone.</p></div><div class="details-grid"><div class="detail"><h3>Material 3 interface</h3><p>A modern native UI designed around Android navigation, gestures, layouts, and system behavior.</p></div><div class="detail"><h3>Material You</h3><p>Use dynamic device colors or choose from built-in Hermes color presets.</p></div><div class="detail"><h3>Live gateway status</h3><p>Keep an eye on your Hermes connection, integrations, channels, services, and agent state.</p></div><div class="detail"><h3>Automation controls</h3><p>Inspect and manage cron jobs, webhooks, processes, configuration, and operational tools.</p></div><div class="detail"><h3>Session continuity</h3><p>Resume your Hermes conversations instead of treating every mobile interaction as a fresh start.</p></div><div class="detail"><h3>Open source</h3><p>No black box. Browse the code, open issues, contribute fixes, or build it yourself.</p></div></div></section>
       <section id="setup"><div class="setup"><div><div class="section-label">Quick start</div><h2>Connect and go.</h2><p class="section-sub">Hermes Mobile connects to the Hermes dashboard you already run.</p></div><div class="steps"><div class="step"><div class="step-number">1</div><div><h3>Install Hermes Mobile</h3><p>Get it from F-Droid, Obtainium, or the latest GitHub release.</p></div></div><div class="step"><div class="step-number">2</div><div><h3>Start your Hermes dashboard</h3><p>Run <code>hermes dashboard --host 0.0.0.0</code> on the machine hosting Hermes.</p></div></div><div class="step"><div class="step-number">3</div><div><h3>Sign in from your phone</h3><p>Enter the dashboard host and port. Hermes Mobile detects the available authentication method and handles the rest.</p></div></div></div></div></section>