diff --git a/css/stylesheet.css b/css/stylesheet.css
index 71b7593..88c7c9e 100644
--- a/css/stylesheet.css
+++ b/css/stylesheet.css
@@ -48,6 +48,14 @@ div:has(#bar) {
 }
  */
 
+#subject {
+  margin: auto;
+  max-height: 30vh;
+  overflow: auto;
+  padding: 1em;
+  width: 90vw;
+}
+
 #bar,
 #content > #entries > .entry,
 #profile-top,
@@ -141,6 +149,7 @@ label,
 }
 
 #profile-top {
+  align-items: center;
   display: flex;
   justify-content: space-between;
   text-align: center;
@@ -239,8 +248,8 @@ h1 {
   width: 40em;
 }
 
-#photo,
-#qrcode {
+#profile #photo,
+#profile #qrcode {
   /* border: 1px solid #c0c0c0; */
   /* width: 40%; */
   /* margin-bottom: 2.5em; */
@@ -256,15 +265,29 @@ h1 {
   */
 }
 
-#photo {
+#profile #photo {
   /* object-fit: scale-down; */
 }
 
+#profile-top img {
+  height: 180px;
+  width: 180px;
+}
+
+#profile-top #photo {
+  border-radius: 20px;
+}
+
 h3, h4, h5 {
   padding-left: 2em;
   padding-right: 2em;
 }
 
+#titles {
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+}
+
 #container-of-profile {
   /* margin: auto; */
   padding-bottom: 0.5em;
@@ -445,7 +468,7 @@ h3, h4, h5 {
     border: 1px solid #434a53; /* #6f7b8c */
   }
 
-  #qrcode {
+  #profile #qrcode {
     filter: invert(0.9);
   }
 
@@ -482,6 +505,21 @@ h3, h4, h5 {
 }
 */
 
+@media (max-width: 950px) {
+
+  #action-bar > #vcard,
+  #profile-top img,
+  #number-of-pages #first,
+  #number-of-pages #last {
+    display: none;
+  }
+
+  #profile-top {
+    justify-content: center;
+  }
+
+}
+
 @media (max-width: 885px) {
 
   h1 {
@@ -498,15 +536,15 @@ h3, h4, h5 {
     width: unset;
   }
 
-  #photo,
-  #qrcode {
+  #profile #photo,
+  #profile #qrcode {
     display: block;
     /* border-radius: 50px; */
     margin: auto;
     margin-bottom: 2.5em;
   }
 
-  #qrcode {
+  #profile #qrcode {
     outline: solid;
     outline-color: #333;
   }
@@ -578,8 +616,8 @@ h3, h4, h5 {
     text-shadow: unset;
   }
 
-  #photo,
-  #qrcode {
+  #profile #photo,
+  #profile #qrcode {
     /* height: unset; */
     height: 360px;
     max-width: 70%;
@@ -587,7 +625,7 @@ h3, h4, h5 {
     /* width: 360px; */
   }
 
-  #photo {
+  #profile #photo {
     background: unset;
   }
 
diff --git a/fasi.py b/fasi.py
index e4136c5..ec3c5d4 100644
--- a/fasi.py
+++ b/fasi.py
@@ -109,7 +109,9 @@ class HttpInstance:
                     message = '{}: {} (XEP-0030)'.format(jid_info['text'], jid_info['condition'])
                     action = 'Connect with'
                     link_href = 'xmpp:{}'.format(jid_bare)
-                    links.append(['Connect', link_href])
+                    links.append({'name' : 'Connect',
+                                  'href' : link_href,
+                                  'iden' : 'connect'})
                     xmpp_uri = jid_bare
                 elif jid_kind in ('conference', 'server'):
                     action = 'Discover'
@@ -118,7 +120,9 @@ class HttpInstance:
                     elif jid_kind == 'server':
                         instance = 'services'
                     link_href = 'xmpp:{}?disco;type=get;request=items'.format(jid_bare)
-                    links.append(['Discover', link_href])
+                    links.append({'name' : 'Discover',
+                                  'href' : link_href,
+                                  'iden' : 'discover'})
                     view_href = '/d/' + jid_bare
                     xmpp_uri = jid_bare
                 elif jid_kind in ('mix', 'muc'):
@@ -127,7 +131,9 @@ class HttpInstance:
                     action = 'Join to'
                     instance = 'participants'
                     link_href = 'xmpp:{}?join'.format(jid_bare)
-                    links.append(['Join', link_href])
+                    links.append({'name' : 'Join',
+                                  'href' : link_href,
+                                  'iden' : 'join'})
                     view_href = '/v/' + jid_bare
                     xmpp_uri = jid_bare
                 #    room_info = await XmppXep0045.get_room_data(xmpp_instance, jid_bare)
@@ -144,21 +150,33 @@ class HttpInstance:
                         action = 'Browse'
                         instance = 'nodes'
                         link_href = 'xmpp:{}?disco;type=get;request=items'.format(jid_bare)
-                        links.append(['Browse', link_href])
+                        links.append({'name' : 'Browse',
+                                      'href' : link_href,
+                                      'iden' : 'browse'})
                         view_href = '/d/' + jid_bare
                         xmpp_uri = jid_bare
                 else:
                     action = 'Message'
                     instance = 'articles'
                     link_href = 'xmpp:{}?message'.format(jid_bare)
-                    links.append(['Add', 'xmpp:{}?roster'.format(jid_bare)])
-                    links.append(['Message', link_href])
+                    links.append({'name' : 'Add',
+                                  'href' : 'xmpp:{}?roster'.format(jid_bare),
+                                  'id' : 'add'})
+                    links.append({'name' : 'Message',
+                                  'href' : link_href,
+                                  'iden' : 'message'})
                     node_name = 'urn:xmpp:microblog:0'
                     view_href = '/d/{}/{}'.format(jid_bare, node_name)
                     xmpp_uri = jid_bare
-                links.append(['Subscribe', 'xmpp:{}?pubsub;node={};action=subscribe'.format(jid_bare, node_name)])
-                links.append(['View', 'xmpp:{}?pubsub;node={}'.format(jid_bare, node_name)])
-                links.append(['vCard', 'xmpp:{}?vcard'.format(jid_bare)])
+                links.append({'name' : 'Subscribe',
+                              'href' : 'xmpp:{}?pubsub;node={};action=subscribe'.format(jid_bare, node_name),
+                              'iden' : 'subscribe'})
+                links.append({'name' : 'View',
+                              'href' : 'xmpp:{}?pubsub;node={}'.format(jid_bare, node_name),
+                              'iden' : 'view'})
+                links.append({'name' : 'vCard',
+                              'href' : 'xmpp:{}?vcard'.format(jid_bare),
+                              'iden' : 'vcard'})
 
                 # JID info
                 # NOTE Group chat of Psi+ Project at jabber.ru has a note in its vCard.
@@ -336,7 +354,9 @@ class HttpInstance:
                     message = '{}: {} (XEP-0030)'.format(jid_info['text'], jid_info['condition'])
                     action = 'Connect with'
                     link_href = 'xmpp:{}'.format(jid_bare)
-                    links.append(['Connect', link_href])
+                    links.append({'name' : 'Connect',
+                                  'href' : link_href,
+                                  'iden' : 'connect'})
                     xmpp_uri = jid_bare
                 elif jid_kind in ('conference', 'server'):
                     action = 'Discover'
@@ -345,7 +365,9 @@ class HttpInstance:
                     elif jid_kind == 'server':
                         instance = 'services'
                     link_href = 'xmpp:{}?disco;type=get;request=items'.format(jid_bare)
-                    links.append(['Discover', link_href])
+                    links.append({'name' : 'Discover',
+                                  'href' : link_href,
+                                  'iden' : 'discover'})
                     view_href = '/d/' + jid_bare
                     xmpp_uri = jid_bare
                 elif jid_kind in ('mix', 'muc'):
@@ -354,7 +376,9 @@ class HttpInstance:
                     action = 'Join to'
                     instance = 'participants'
                     link_href = 'xmpp:{}?join'.format(jid_bare)
-                    links.append(['Join', link_href])
+                    links.append({'name' : 'Join',
+                                  'href' : link_href,
+                                  'iden' : 'join'})
                     view_href = '/v/' + jid_bare
                     xmpp_uri = jid_bare
                 #    room_info = await XmppXep0045.get_room_data(xmpp_instance, jid_bare)
@@ -371,21 +395,41 @@ class HttpInstance:
                         action = 'Browse'
                         instance = 'nodes'
                         link_href = 'xmpp:{}?disco;type=get;request=items'.format(jid_bare)
-                        links.append(['Browse', link_href])
+                        links.append({'name' : 'Browse',
+                                      'href' : link_href,
+                                      'iden' : 'browse'})
                         view_href = '/d/' + jid_bare
                         xmpp_uri = jid_bare
                 else:
                     action = 'Message'
                     instance = 'articles'
                     link_href = 'xmpp:{}?message'.format(jid_bare)
-                    links.append(['Add', 'xmpp:{}?roster'.format(jid_bare)])
-                    links.append(['Message', link_href])
+                    links.append({'name' : 'Add',
+                                  'href' : 'xmpp:{}?roster'.format(jid_bare),
+                                  'iden' : 'add'})
+                    links.append({'name' : 'Add',
+                                  'href' : link_href,
+                                  'iden' : 'message'})
                     node_name = 'urn:xmpp:microblog:0'
                     view_href = '/d/{}/{}'.format(jid_bare, node_name)
                     xmpp_uri = jid_bare
-                links.append(['Subscribe', 'xmpp:{}?pubsub;node={};action=subscribe'.format(jid_bare, node_name)])
-                links.append(['View', 'xmpp:{}?pubsub;node={}'.format(jid_bare, node_name)])
-                links.append(['vCard', 'xmpp:{}?vcard'.format(jid_bare)])
+                if item_id:
+                    links.append({'name' : 'Subscribe',
+                                  'href' : 'xmpp:{}?pubsub;node={};item={};action=subscribe'.format(jid_bare, node_name, item_id),
+                                  'iden' : 'subscribe'})
+                    links.append({'name' : 'View',
+                                  'href' : 'xmpp:{}?pubsub;node={};item={}'.format(jid_bare, node_name, item_id),
+                                  'iden' : 'view'})
+                else:
+                    links.append({'name' : 'Subscribe',
+                                  'href' : 'xmpp:{}?pubsub;node={};action=subscribe'.format(jid_bare, node_name),
+                                  'iden' : 'subscribe'})
+                    links.append({'name' : 'View',
+                                  'href' : 'xmpp:{}?pubsub;node={}'.format(jid_bare, node_name),
+                                  'iden' : 'view'})
+                links.append({'name' : 'vCard',
+                              'href' : 'xmpp:{}?vcard'.format(jid_bare),
+                              'iden' : 'vcard'})
 
                 # JID info
                 # NOTE Group chat of Psi+ Project at jabber.ru has a note in its vCard.
@@ -410,6 +454,7 @@ class HttpInstance:
                     }
 
                 # Title
+                # TODO /d/pubsub.nicoco.fr/blog/urn-uuid-53e43061-1962-3112-bb8a-1473dca61719
                 if '@' in jid_bare and node_name == 'urn:xmpp:microblog:0':
                     node_title = 'Journal'
                 else:
@@ -1109,7 +1154,7 @@ class Syndication:
         instances = '' # TODO Check the Blasta database for instances.
     
         entry = {'content' : content_text,
-                 'link' : link_href,
+                 'href' : link_href,
                  'published' : published_text,
                  'summary' : summary_text,
                  'tags' : tags,
diff --git a/xhtml/conference.xhtml b/xhtml/conference.xhtml
index 739ae67..b87c361 100644
--- a/xhtml/conference.xhtml
+++ b/xhtml/conference.xhtml
@@ -6,7 +6,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
-    <title>XMPP: {{action}} {{title}}</title>
+    <title>XMPP: {{action}} {% if title %}{{title}}{% else %}{{jid_bare}}{% endif %}</title>
     <meta name="description" content="{{action}} {{title}}" />
     <meta name="generator" content="Fast And Sleek Invite" />
     <meta name="uri" content="{{xmpp_uri}}" />
@@ -36,8 +36,8 @@
           {% if links %}
             <div id="action-bar">
               {% for link in links %}
-                <a href="{{link[1]}}">
-                  {{link[0]}}
+                <a href="{{link['href']}}" id="{{link['iden']}}">
+                  {{link['name']}}
                 </a>
               {% endfor %}
             </div>
@@ -46,7 +46,7 @@
             {% if filename %}
               <img id="photo" src="/photo/{{filename}}" />
             {% endif %}
-            <span>
+            <span id="titles">
               <h1>{% if jid_title %}{{jid_title}}{% else %}Group Chat{% endif %}</h1>
               <a href="/{{jid_bare}}">
                 <h2>{% if jid_note %}{{jid_note}}{% else %}{{jid_bare}}{% endif %}</h2>
@@ -56,9 +56,7 @@
           </div>
           <div>
           {% if subject %}
-            <h3>
-              {{subject}}
-            </h3>
+            <pre id="subject">{{subject}}</pre>
           {% endif %}
           </div>
           {% if messages %}
@@ -89,21 +87,21 @@
           {% endif %}
           {% if number_of_pages %}
             <div id="number-of-pages">
-              {% if number_of_pages > 5 %}
+              {% if number_of_pages > 3 %}
                 {% if page_number < 2 %}
-                  <span class="inactive">First</span>
+                  <span class="inactive" id="first">First</span>
                   <span class="inactive">Back</span>
                 {% else %}
-                  <a href="?page=1">First</a>
+                  <a href="?page=1" id="first">First</a>
                   <a href="?page={{page_number-1}}">Back</a>
                 {% endif %}
                 <a href="?page={{page_number}}">{{page_number}}</a>
                 {% if page_number == number_of_pages %}
                   <span class="inactive">Proceed</span>
-                  <span class="inactive">Last</span>
+                  <span class="inactive" id="last">Last</span>
                 {% else %}
                   <a href="?page={{page_number+1}}">Proceed</a>
-                  <a href="?page={{number_of_pages}}">Last</a>
+                  <a href="?page={{number_of_pages}}" id="last">Last</a>
                 {% endif %}
               {% else %}
                 {% for number in range(number_of_pages) %}
diff --git a/xhtml/jid.xhtml b/xhtml/jid.xhtml
index c6e4c7d..9cfa8fd 100644
--- a/xhtml/jid.xhtml
+++ b/xhtml/jid.xhtml
@@ -92,15 +92,17 @@
               Preview journal OR Preview group chat
               </a>
           </div -->
-          <div id="count">
-            <a href="{{view_href}}">
-              {% if count %}
-                {{count}} {{instance}}
-              {% else %}
-                Preview
-              {% endif %}
-            </a>
-          </div>
+          {% if count or jid_kind in ('mix', 'muc') %}
+            <div id="count">
+              <a href="{{view_href}}">
+                {% if count %}
+                  {{count}} {{instance}}
+                {% elif jid_kind in ('mix', 'muc') %}
+                  Preview
+                {% endif %}
+              </a>
+            </div>
+          {% endif %}
           <!-- div>
             <a href="https://xmpp.org">
               <img id="logo-bottom" src="/img/logo-wordmark-vertical.svg" />
diff --git a/xhtml/node.xhtml b/xhtml/node.xhtml
index 802ce48..e56349b 100644
--- a/xhtml/node.xhtml
+++ b/xhtml/node.xhtml
@@ -6,7 +6,7 @@
 <html xmlns="http://www.w3.org/1999/xhtml">
   <head>
     <meta http-equiv="Content-Type" content="application/xhtml+xml; charset=UTF-8" />
-    <title>XMPP: {{action}} {{title}}</title>
+    <title>XMPP: {{action}} {% if title %}{{title}}{% else %}{{jid_bare}}{% endif %}</title>
     <meta name="description" content="{{action}} {{title}}" />
     <meta name="generator" content="Fast And Sleek Invite" />
     <meta name="uri" content="{{xmpp_uri}}" />
@@ -36,8 +36,8 @@
           {% if links %}
             <div id="action-bar">
               {% for link in links %}
-                <a href="{{link[1]}}">
-                  {{link[0]}}
+                <a href="{{link['href']}}" id="{{link['iden']}}">
+                  {{link['name']}}
                 </a>
               {% endfor %}
             </div>
@@ -46,7 +46,7 @@
             {% if filename %}
               <img id="photo" src="/photo/{{filename}}" />
             {% endif %}
-            <span>
+            <span id="titles">
               <h1>{{node_title}}</h1>
               <a href="/{{jid_bare}}/{{node_name}}">
                 <h2>{{jid_title}}</h2>
@@ -81,7 +81,7 @@
                          class="permalink">
                         🔗️
                       </a>
-                      <a href="{{entry['link']}}">
+                      <a href="{{entry['href']}}">
                         {{entry['title']}}
                       </a>
                     </div>
@@ -96,21 +96,21 @@
           {% endif %}
           {% if number_of_pages %}
             <div id="number-of-pages">
-              {% if number_of_pages > 5 %}
+              {% if number_of_pages > 3 %}
                 {% if page_number < 2 %}
-                  <span class="inactive">First</span>
+                  <span class="inactive" id="first">First</span>
                   <span class="inactive">Back</span>
                 {% else %}
-                  <a href="?page=1">First</a>
+                  <a href="?page=1" id="first">First</a>
                   <a href="?page={{page_number-1}}">Back</a>
                 {% endif %}
                 <a href="?page={{page_number}}">{{page_number}}</a>
                 {% if page_number == number_of_pages %}
                   <span class="inactive">Proceed</span>
-                  <span class="inactive">Last</span>
+                  <span class="inactive" id="last">Last</span>
                 {% else %}
                   <a href="?page={{page_number+1}}">Proceed</a>
-                  <a href="?page={{number_of_pages}}">Last</a>
+                  <a href="?page={{number_of_pages}}" id="last">Last</a>
                 {% endif %}
               {% else %}
                 {% for number in range(number_of_pages) %}
@@ -121,7 +121,8 @@
           {% endif %}
           {% if previous %}
             <div id="number-of-pages">
-              <a href="./">Previous</a>
+              <!-- a href="./">Return to {{node_title}}</a -->
+              <a href="./">Return</a>
             </div>
           {% endif %}
           <!-- div>