From 86a16e394471e8022cd39210b4e8367f7d73aef9 Mon Sep 17 00:00:00 2001
From: Philipp Heckel <pheckel@datto.com>
Date: Thu, 4 Nov 2021 22:47:29 -0400
Subject: [PATCH] More tweaking

---
 server/index.html         | 16 ++++++++++++++--
 server/static/css/app.css | 10 ++--------
 2 files changed, 16 insertions(+), 10 deletions(-)

diff --git a/server/index.html b/server/index.html
index dab03f1..ac650e1 100644
--- a/server/index.html
+++ b/server/index.html
@@ -36,6 +36,11 @@
         It allows you to send notifications <a href="https://play.google.com/store/apps/details?id=io.heckel.ntfy">to your phone</a> or desktop via scripts from any computer,
         entirely <b>without signup or cost</b>. It's also <a href="https://github.com/binwiederhier/ntfy">open source</a> if you want to run your own.
     </p>
+    <p>
+        There are many ways to use ntfy. You can send yourself messages for all sorts of things: When a long process finishes or fails (a backup, a long rsync job, ...),
+        or to notify yourself when somebody logs into your server(s). Or you may want to use it in your own app to distribute messages to subscribed clients.
+        Endless possibilities 😀.
+    </p>
 
     <h2>Publishing messages</h2>
     <p>
@@ -130,6 +135,14 @@
         <br/>
         This is a notification
     </code>
+    <p class="smallMarginBottom">
+        Here's an example of how to use this endpoint to send desktop notifications for every incoming message:
+    </p>
+    <code>
+        while read msg; do<br/>
+        &nbsp;&nbsp;[ -n "$msg" ] && notify-send "$msg"<br/>
+        done < <(stdbuf -i0 -o0 curl -s ntfy.sh/mytopic/raw)
+    </code>
 
     <h3>Message buffering and polling</h3>
     <p class="smallMarginBottom">
@@ -179,8 +192,7 @@
         In addition to caching messages locally and delivering them to long-polling subscribers, all messages are also
         published to Firebase Cloud Messaging (FCM) (if <tt>FirebaseKeyFile</tt> is set, which it is on ntfy.sh). This
         is to facilitate instant notifications on Android. I tried really, really hard to avoid using FCM, but newer
-        versions of Android made it impossible to implement <a href="https://developer.android.com/guide/background">background services</a>>.
-        I'm sorry.
+        versions of Android made it impossible to implement <a href="https://developer.android.com/guide/background">background services</a>.
     </p>
 
     <h2>Privacy policy</h2>
diff --git a/server/static/css/app.css b/server/static/css/app.css
index 664bd43..709d8eb 100644
--- a/server/static/css/app.css
+++ b/server/static/css/app.css
@@ -58,7 +58,7 @@ code {
     border-radius: 3px;
     margin-top: 10px;
     margin-bottom: 20px;
-    overflow-x: scroll;
+    overflow-x: auto;
 }
 
 /* Lato font (OFL), https://fonts.google.com/specimen/Lato#about,
@@ -125,12 +125,6 @@ li {
         padding: 10px;
     }
 
-    #subscribeBox h3 {
-        margin-top: 0;
-        margin-bottom: 0;
-        font-size: 1.1em;
-    }
-
     #subscribeBox #topicsHeader {
         margin-bottom: 0;
     }
@@ -184,7 +178,7 @@ li {
 @media only screen and (min-width: 1600px) {
     #subscribeBox {
         position: fixed;
-        top: 180px;
+        top: 170px;
         right: 10px;
         width: 300px;
         border-left: 4px solid #3a9784;