Render about description

3 files changed, 23 insertions, 11 deletions

diff --git a/lib/render-msg.js b/lib/render-msg.js
index 6b0513d..8285121 100644
--- a/lib/render-msg.js
+++ b/lib/render-msg.js
@@ -307,6 +307,7 @@ RenderMsg.prototype.about = function (cb) {
     ['identifies ', h('a', {href: this.toUrl(this.c.about)}, truncate(this.c.about, 10))],
     ' as ',
     this.c.name ? [h('ins', this.c.name), ' '] : '',
+    this.c.description ? h('div', {innerHTML: this.c.description}) : '',
     img ? [
       h('br'),
       h('a', {href: this.toUrl(img)},
diff --git a/lib/serve.js b/lib/serve.js
index 11315b6..f104e3a 100644
--- a/lib/serve.js
+++ b/lib/serve.js
@@ -608,18 +608,25 @@ Serve.prototype.wrapPage = function (title, searchQ) {
 Serve.prototype.wrapUserFeed = function (id) {
   var self = this
   return u.hyperwrap(function (thread, cb) {
-    var done = multicb({pluck: 1, spread: true})
-    done()(null, [
-      h('section.ssb-feed',
-        h('h3.feed-name',
-          self.app.render.avatarImage(id, done()), ' ',
-          h('strong', self.app.render.idLink(id, done()))
+    self.app.getAbout(id, function (err, about) {
+      if (err) return cb(err)
+      var done = multicb({pluck: 1, spread: true})
+      done()(null, [
+        h('section.ssb-feed',
+          h('table', h('tr',
+            h('td', self.app.render.avatarImage(id, done())),
+            h('td.feed-about',
+              h('h3.feed-name',
+                h('strong', self.app.render.idLink(id, done()))),
+              h('code', h('small', id)),
+            about.description ? h('div',
+              {innerHTML: self.app.render.markdown(about.description)}) : ''
+          )))
         ),
-        h('code', h('small', id))
-      ),
-      thread
-    ])
-    done(cb)
+        thread
+      ])
+      done(cb)
+    })
   })
 }
 
diff --git a/static/styles.css b/static/styles.css
index a0ec39f..bd804e8 100644
--- a/static/styles.css
+++ b/static/styles.css
@@ -112,6 +112,10 @@ td {
   padding: .75ex;
 }
 
+.feed-about {
+  padding-left: .75ex;
+}
+
 .msg-left .ssb-avatar-image {
   margin-left: .25em;
   background-color: #efd;