fix: add a screenshot

README.md

@@ -2,6 +2,10 @@
 
 A hub for communities as a single service with no required external dependencies.
 
+## Screenshots
+
+![chat](/screenshots/screenshot-chat.png)
+
 ## TODO
 
 These are in no particular order. Pull requests updating this section welcome for
@@ -13,13 +17,13 @@ feature discussions.
 - [X] check for logged in user session
 - [X] log in
 - [X] refactor login/sessions/totp
-- [ ] media uploads
+- [/] media uploads
 	- [X] local upload support (keep it simple for small instances)
 	- [ ] S3 support (then self-host with your friends: https://garagehq.deuxfleurs.fr/)
 		- [ ] test mounting an s3 volume under /files and having no s3 support in the codebase
 - [X] user profile page
 	- [X] logout button
-	- [ ] profile editing
+	- [/] profile editing
 	- [X] avatar uploads
 - [X] chat channels
 	- [X] chat messages
@@ -35,17 +39,17 @@ feature discussions.
 		- [X] '...' button to show actions
 		- [ ] delete message
 		- [ ] reply to message
-		- [ ] copy message link
+		- [X] copy message link
 	- [ ] @-prefixing of users for notifications/highlighting
 		- [ ] chat input box should auto-complete users for you
 		- [ ] messages to you should be highlighted somehow
-	- [ ] chat message reactions
+	- [/] chat message reactions
 	- [X] sidebar on mobile needs to show/hide via a button
-	- [ ] clean up after initial implementation
+	- [/] clean up after initial implementation
 		- [X] split the monolithic talk.html up
 		- [X] rename talk => chat
 		- [ ] way too much spaghetti has accumulated in the frontend - take a cleanup pass
-	- [ ] chat message processing
+	- [/] chat message processing
 		- [X] auto-link urls
 			- [X] use this regex: `(?:(?<protocol>[a-zA-Z]+):)?(?:\/\/)?(?:(?<auth>(?<username>\S.+)\:(?<password>.+))\@)?(?<host>(?:(?<hostname>[-a-zA-Z0-9\.]+)\.)?(?<domain>(?:[-a-zA-Z0-9]+?\.(?<tld>[-a-zA-Z0-9]{2,64}))|localhost)(?:\:(?<port>[0-9]{1,6}))?)\b(?<path>[-a-zA-Z0-9@:%_{}\[\]<>\(\)\+.~&\/="]*?(?<extension>\.[^\.?/#"\n<>]+)?)(?:\?(?<query>[a-zA-Z0-9!$%&<>()*+,-\.\/\:\;\=\?\@_~"]+))?(?:#(?<hash>[a-zA-Z0-9!$&'()*+,-\.\/\:\;\=\?\@_~"]*?))?(?:$|\s)`
 		- [ ] :emoji: replacements
@@ -53,11 +57,11 @@ feature discussions.
 			- [ ] add a button to allow for loading a preview
 				- we want to do this loading client-side, and so should only do it if they ask us to
 			- [ ] parse head meta, eg: https://github.com/AndrejGajdos/link-preview-generator/blob/master/index.js
-		- [ ] embedded video for
+		- [/] embedded video for
 			- [X] youtube
 			- [X] vimeo
 			- [ ] tiktok
-		- [ ] embedded audio or audio cards for:
+		- [/] embedded audio or audio cards for:
 			- [X] tidal
 			- [X] spotify
 			- [ ] youtube (any way to differentiate for yt music?)
@@ -68,12 +72,12 @@ feature discussions.
 			- [ ] copy original link (hopefully just a button with some onclick we can slap next to the iframe and style?)
 			- [ ] toggle embed (toggle between showing the embed and the original link)
 		- [X] punycode urls before url extraction? (see: https://stackoverflow.com/a/26618995)
-		- [ ] gif support
+		- [/] gif support
 			- [X] gif embeds
 			- [X] mp4 embeds
 			- [ ] start/stop gif control
 			- [ ] hide control
-		- [ ] inline image support
+		- [/] inline image support
 			- [X] inline images
 			- [ ] fullscreen images on click to show largest version
 			- [ ] hide control
@@ -83,8 +87,8 @@ feature discussions.
 	- [ ] emoji picker
 - [ ] custom emoji support
 	- [ ] upload custom gif emoji
-- [ ] Notifications
+- [/] Notifications
-	- [ ] if web notifications are not enabled, show a button to turn them on
+	- [X] if web notifications are not enabled, show a button to turn them on
 	- [ ] if web notifications are enabled, emit on events
 	- [ ] ability to mute
 		- [ ] users