diff --git a/README.md b/README.md index 7331c8cb..f90f06b9 100644 --- a/README.md +++ b/README.md @@ -63,3 +63,4 @@ Third party libraries and resources: * [Lightbox with vanilla JS](https://yossiabramov.com/blog/vanilla-js-lightbox) as a lightbox on the landing page * [HTTP middleware for gzip compression](https://gist.github.com/CJEnright/bc2d8b8dc0c1389a9feeddb110f822d7) (MIT) is used for serving static files * [Statically linking go-sqlite3](https://www.arp242.net/static-go.html) +* [Linked tabs in mkdocs](https://facelessuser.github.io/pymdown-extensions/extensions/tabbed/#linked-tabs) diff --git a/docs/static/img/web-detail.png b/docs/static/img/web-detail.png index a45e9155..aabf0dc9 100644 Binary files a/docs/static/img/web-detail.png and b/docs/static/img/web-detail.png differ diff --git a/docs/static/img/web-subscribe.png b/docs/static/img/web-subscribe.png index 7c8f7e38..f60a8658 100644 Binary files a/docs/static/img/web-subscribe.png and b/docs/static/img/web-subscribe.png differ diff --git a/docs/subscribe/web.md b/docs/subscribe/web.md index 3af6fccf..74763b83 100644 --- a/docs/subscribe/web.md +++ b/docs/subscribe/web.md @@ -6,9 +6,9 @@ keep a connection open and listen for incoming notifications. To learn how to send messages, check out the [publishing page](../publish.md).
- - + +
To keep receiving desktop notifications from ntfy, you need to keep the website open. What I do, and what I highly recommend, diff --git a/web/public/home.html b/web/public/home.html index 2b994112..3e3a95d8 100644 --- a/web/public/home.html +++ b/web/public/home.html @@ -23,7 +23,7 @@ - + @@ -38,9 +38,9 @@
ntfy
    -
  1. Getting started
  2. Web app
  3. Android/iOS
  4. +
  5. Docs
  6. API
  7. GitHub
@@ -122,16 +122,21 @@

Subscribe via web app

- Subscribe to topics here and receive messages as desktop notification. Topics are not password-protected, - so choose a name that's not easy to guess. + Subscribe to topics in the web app and receive messages as desktop notification. + It is available at ntfy.sh/app.

+
+ +
ntfy web app, available at ntfy.sh/app
+

Subscribe using the API

There's a super simple API that you can use to integrate your own app. You can consume a JSON stream, - an SSE/EventSource stream (useful for web apps), - as well as a plain text stream. + an SSE/EventSource stream, + a plain text stream, + or via WebSockets.

Here's an example for JSON. The connection stays open, so you can retrieve messages as they come in: diff --git a/web/public/static/img/screenshot-docs.png b/web/public/static/img/screenshot-docs.png index 85616545..4345ded4 100644 Binary files a/web/public/static/img/screenshot-docs.png and b/web/public/static/img/screenshot-docs.png differ diff --git a/web/public/static/img/screenshot-web-detail.png b/web/public/static/img/screenshot-web-detail.png index a45e9155..5b32aa22 100644 Binary files a/web/public/static/img/screenshot-web-detail.png and b/web/public/static/img/screenshot-web-detail.png differ diff --git a/web/src/components/App.js b/web/src/components/App.js index 1f6e3f27..21a0aa10 100644 --- a/web/src/components/App.js +++ b/web/src/components/App.js @@ -20,10 +20,10 @@ import ErrorBoundary from "./ErrorBoundary"; import routes from "./routes"; import {useAutoSubscribe, useConnectionListeners} from "./hooks"; -// TODO docs -// TODO screenshot on homepage +// TODO link lighlighting // TODO "copy url" toast // TODO "copy link url" button +// TODO add drag and drop // TODO races when two tabs are open // TODO investigate service workers