From mboxrd@z Thu Jan 1 00:00:00 1970 Received: by bl2.djc.id.au (Postfix, from userid 1000) id 2926227D74E; Sun, 04 Oct 2026 14:26:15 +1100 (AEDT) Date: Sun, 04 Oct 2026 14:26:15 +1100 To: sup-commits@supmua.dev Subject: [sup-website.git] 01/02: add captions for screenshots to explain what is happening in them MIME-Version: 1.0 Content-Type: text/plain; charset=utf-8 Content-Transfer-Encoding: 8bit Reply-To: Dan Callaghan In-Reply-To: <179108437497.261740.4512669247741410056@bl2.djc.id.au> References: <179108437497.261740.4512669247741410056@bl2.djc.id.au> Thread-Index: AQAAEjRW05hSJB6LTImZ23igirXH5Q== X-Git-Host: bl2.djc.id.au X-Git-Repo: sup-website.git X-Git-Refname: refs/heads/master X-Git-Reftype: branch X-Git-Rev: b6952a502ce804e006a0e2bb360ed2a1ee61e711 X-Git-NotificationType: diff X-Git-Multimail-Version: 1.7.dev Auto-Submitted: auto-generated Message-Id: <20261004032615.2926227D74E@bl2.djc.id.au> From: Dan Callaghan List-Id: New commit on branch master: https://supmua.dev/git/sup-website/commit/b6952a502ce804e006a0e2bb360ed2a1ee61e711.html commit b6952a502ce804e006a0e2bb360ed2a1ee61e711 Author: Dan Callaghan AuthorDate: Sun Oct 4 12:05:02 2026 +1100 add captions for screenshots to explain what is happening in them Also switch to a grid gallery-style layout, to better make use of space on wide monitors. --- _layouts/gallery.md | 6 +++++ screenshots/index.md | 62 +++++++++++++++++++++++++++++++++++----------- stylesheets/stylesheet.css | 19 ++++++++++++-- 3 files changed, 70 insertions(+), 17 deletions(-) diff --git a/_layouts/gallery.md b/_layouts/gallery.md new file mode 100644 index 0000000..74292d7 --- /dev/null +++ b/_layouts/gallery.md @@ -0,0 +1,6 @@ +--- +layout: default +--- +
+ {{ content }} +
diff --git a/screenshots/index.md b/screenshots/index.md index d71e284..48bb179 100644 --- a/screenshots/index.md +++ b/screenshots/index.md @@ -1,18 +1,50 @@ --- title: sup screenshots -layout: narrow_page -screenshots: - - /screenshots/1.4/inbox.png - - /screenshots/1.4/search-results.png - - /screenshots/1.4/thread-view.png - - /screenshots/1.4/reply.png - - /screenshots/1.4/help.png - - /screenshots/1.4/log.png - - /screenshots/1.4/console.png +layout: gallery --- -{% for shot in page.screenshots %} - - - -{% endfor %} - +
+ +
+ Sup starts in inbox-mode: a list of threads tagged inbox. +
+
+
+ +
+ Search your mail + and Sup displays a list of matching threads in search-results-mode. +
+
+
+ +
+ In thread-view-mode, read messages are collapsed to a single line by default. +
+
+
+ +
+ When replying to a message, reply-mode is pre-populated with quoted text. + Press Enter to edit the reply in your preferred editor. +
+
+
+ +
+ Press ? in any mode to see the key bindings for the current mode. +
+
+
+ +
+ The log-mode buffer shows Sup’s internal log messages for debugging purposes. +
+
+
+ +
+ Sup has a built-in interactive Ruby console. + It can access Sup internal Ruby objects. + You can use it for one-off scripting tasks or to debug your Ruby hook functions. +
+
diff --git a/stylesheets/stylesheet.css b/stylesheets/stylesheet.css index 501bff0..dea8403 100644 --- a/stylesheets/stylesheet.css +++ b/stylesheets/stylesheet.css @@ -20,12 +20,25 @@ body { .container.wide { max-width: 1000px; } - +.container.gallery { + display: grid; + grid-template-columns: repeat(auto-fill, minmax(500px, 1fr)); + column-gap: 3%; + row-gap: 2.5em; + margin-bottom: 2.5em; +} section { display: block; margin: 0 0 20px 0; } +.gallery figure { + margin: 0; +} +.gallery figcaption { + margin: 0 5px; +} + h1, h2, h3, h4, h5, h6 { margin-top: 30px; } @@ -167,12 +180,14 @@ blockquote { border-left: 1px dotted #666; } +tt.code, pre.code { + color: #b5e853; +} pre.code { background: rgba(0, 0, 0, 0.9); border: 1px solid rgba(255, 255, 255, 0.15); padding: 10px; font-size: 14px; - color: #b5e853; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px;