Add graphical previews (screenshots);

Improve design (CSS);
Add more PubSub resources to README.

README.md

@@ -18,6 +18,7 @@ This software was inspired from Tigase and was motivated by Movim.
 * lxml
 * slixmpp
 * tomllib
+* uvicorn
 
 ## Installation
 
@@ -54,22 +55,32 @@ It is possible to view a complete node and even a single item, which means, that
 
 Suppose you have the following nodes and items.
 
-|PubSub         |Node                |Item                                                     |
+|PubSub          |Node                |Item                                                     |
-|---            |---                 |---                                                      |
+|---             |---                 |---                                                      |
-|blog.jmp.chat  |urn:xmpp:microblog:0|launch-2023                                              |
+|blog.jmp.chat   |urn:xmpp:microblog:0|launch-2023                                              |
-|news.movim.eu  |Phoronix            |                                                         |
+|edhelas@movim.eu|urn:xmpp:microblog:0|working-on-launching-the-movim-network-qPBzwc            |
-|pubsub.movim.eu|berlin-xmpp-meetup  |let-s-talk-about-the-xsf-and-possibly-other-things-6A8eV4|
+|goffi@goffi.org |urn:xmpp:microblog:0|libervia-v0-8-la-cecilia-BdQ4                            |
+|news.movim.eu   |Phoronix            |                                                         |
+|pubsub.movim.eu |berlin-xmpp-meetup  |7363a41d-1146-40b3-ac0f-8ee2559591a3                     |
+|pubsub.movim.eu |berlin-xmpp-meetup  |let-s-talk-about-the-xsf-and-possibly-other-things-6A8eV4|
 
 #### To view node items
 
-- http://127.0.0.1:8000/atom?pubsub=news.movim.eu&node=Phoronix
+```
-- http://127.0.0.1:8000/atom?pubsub=pubsub.movim.eu&node=berlin-xmpp-meetup
+http://127.0.0.1:8000/atom?pubsub=edhelas%40movim.eu&node=urn%3Axmpp%3Amicroblog%3A0
+http://127.0.0.1:8000/atom?pubsub=news.movim.eu&node=Phoronix
+http://127.0.0.1:8000/atom?pubsub=pubsub.movim.eu&node=berlin-xmpp-meetup
+```
 
 #### To view a node item
 
-- http://127.0.0.1:8000/atom?pubsub=blog.jmp.chat&node=urn%3Axmpp%3Amicroblog%3A0&item=launch-2023
+```
-- http://127.0.0.1:8000/atom?pubsub=pubsub.movim.eu&node=berlin-xmpp-meetup&item=7363a41d-1146-40b3-ac0f-8ee2559591a3
+http://127.0.0.1:8000/atom?pubsub=blog.jmp.chat&node=urn%3Axmpp%3Amicroblog%3A0&item=launch-2023
-- http://127.0.0.1:8000/atom?pubsub=pubsub.movim.eu&node=berlin-xmpp-meetup&item=let-s-talk-about-the-xsf-and-possibly-other-things-6A8eV4
+http://127.0.0.1:8000/atom?pubsub=edhelas%40movim.eu&node=urn%3Axmpp%3Amicroblog%3A0&item=working-on-launching-the-movim-network-qPBzwc
+http://127.0.0.1:8000/atom?pubsub=goffi%40goffi.org&node=urn%3Axmpp%3Amicroblog%3A0&item=libervia-v0-8-la-cecilia-BdQ4
+http://127.0.0.1:8000/atom?pubsub=pubsub.movim.eu&node=berlin-xmpp-meetup&item=7363a41d-1146-40b3-ac0f-8ee2559591a3
+http://127.0.0.1:8000/atom?pubsub=pubsub.movim.eu&node=berlin-xmpp-meetup&item=let-s-talk-about-the-xsf-and-possibly-other-things-6A8eV4
+```
 
 ## Author
 

css/stylesheet.css

@@ -1,6 +1,6 @@
 * {
-  color: #f5f5f5;
   color: #eee;
+  max-width: 100%;
 }
 
 body {
@@ -10,10 +10,12 @@ body {
 h1#title, h2#subtitle, #actions, #references {
   text-align: center;
   text-transform: uppercase;
+  line-height: 140%;
 }
 
 #actions, #references {
   border-bottom: 1px solid #eee;
+  line-height: 150%;
   padding: 10px;
   user-select: none;
 }
@@ -25,6 +27,7 @@ h1#title, h2#subtitle, #actions, #references {
 }
 
 #header, #menu {
+  line-height: 120%;
   padding-bottom: 20px;
 }
 
@@ -74,6 +77,7 @@ h1#title, h2#subtitle, #actions, #references {
   background: #000;
   bottom: 0;
   left: 0;
+  line-height: 200%;
   overflow: overlay;
   position: fixed;
   right: 0;