style tweaks

decent/modules_basic/avatar-edit.js

···
 exports.needs = {
   message_confirm: 'first',
   blob_url: 'first',
+  blobs_url: 'first',
   sbot_links: 'first',
   avatar_name: 'first'
 }
···
               img.src = data
               var _data = dataurl.parse(data)
               var xhr = new XMLHttpRequest()
-              xhr.open('POST', '/blobs/add', true)
+              var blobsUrl = api.blobs_url()
+              var addUrl = blobsUrl.replace(/\/blobs\/get\/?$/, '/blobs/add')
+              if (addUrl === blobsUrl) addUrl = '/blobs/add'
+              xhr.open('POST', addUrl, true)
               xhr.responseType = 'text'
               xhr.onload = function () {
                 if (xhr.status < 200 || xhr.status >= 300) {

decent/modules_basic/avatar-profile.js

···
 
 
     return h('div.column.profile',
-      api.avatar_edit(id),
-      api.avatar_action(id),
-      h('div.profile__relationships.column',
-        h('strong', 'follows'),
-        follows_el,
-        h('strong', 'friends'),
-        friends_el,
-        h('strong', 'followers'),
-        followers_el
+      h('div.message.message-card',
+        api.avatar_edit(id),
+        api.avatar_action(id),
+        h('div.profile__relationships.column',
+          h('strong', 'follows'),
+          follows_el,
+          h('strong', 'friends'),
+          friends_el,
+          h('strong', 'followers'),
+          followers_el
+        )
       )
     )
   }
 
 }
-

decent/modules_basic/feed.js

···
 
   return function (id) {
     //TODO: header of user info, avatars, names, follows.
-
     if(ref.isFeed(id)) {
 
       var content = h('div.column.scroller__content')
···
   }
 
 }
-

decent/modules_basic/private.js

···
 
   return {
     builtin_tabs: function () {
-      return ['/private']
+      return ['private']
     },
 
     screen_view: function (path) {
-      if(path !== '/private') return
+      if(path !== 'private') return
 
       var div = h('div.column.scroller',
           {style: {'overflow':'auto'}})

decent/modules_basic/public.js

···
 
   return {
     builtin_tabs: function () {
-      return ['/public']
+      return ['public']
     },
 
     screen_view: function (path, sbot) {
-      if(path === '/public') {
+      if(path === 'public') {
 
         var content = h('div.column.scroller__content')
         var div = h('div.column.scroller',

decent/modules_basic/setup.js

···
 
   exports.screen_view = function (path) {
 
-    if(path !== '/setup') return
+    if(path !== 'setup') return
 
     var id = require('../keys').id
 

decent/modules_core/app.js

···
 
       function getRoute () {
         var raw = window.location.hash.substring(1).trim()
-        if (!raw || raw === 'tabs') return '/public'
-        if (raw[0] === '/' || raw[0] === '@' || raw[0] === '%' || raw[0] === '#')
-          return raw
-        return '/' + raw
+        if (!raw || raw === 'tabs') return 'public'
+        if (raw[0] === '@' || raw[0] === '%' || raw[0] === '#') return raw
+        if (raw[0] === '/') return raw.slice(1)
+        return raw
       }
 
       function renderRoute (route, container) {
···
         setTitle(route, view)
       }
 
+      var selfId = require('../keys').id
       var navItems = [
-        {route: '/public', label: 'Public', icon: 'public'},
-        {route: '/private', label: 'Private', icon: 'lock'},
-        {route: '/notifications', label: 'Notifications', icon: 'notifications'},
-        {route: '/key', label: 'Key', icon: 'key'}
+        {route: 'public', label: 'Public', icon: 'public'},
+        {route: selfId, label: 'Profile', icon: 'person'},
+        {route: 'private', label: 'Private', icon: 'lock'},
+        {route: 'notifications', label: 'Notifications', icon: 'notifications'},
+        {route: 'key', label: 'Key', icon: 'key'}
       ]
 
       var nav = h('ul.nav.pull-left', navItems.map(function (item) {
···
       var header = h('div.navbar',
         h('div.navbar-inner',
           h('div.container-fluid',
+            h('a.brand', {href: '#public'}, 'Decent'),
             nav,
             h('div.pull-right', api.menu())
           )
···
         var base = 'Decent SSB'
         var suffix = (view && view.title) || null
         if (!suffix) {
-          if (route === '/public') suffix = 'Public'
-          else if (route === '/private') suffix = 'Private'
-          else if (route === '/notifications') suffix = 'Notifications'
-          else if (route === '/key') suffix = 'Key'
-          else if (route.indexOf('/channel/') === 0) suffix = 'Channel ' + route.slice(9)
+          if (route === 'public') suffix = 'Public'
+          else if (route === 'private') suffix = 'Private'
+          else if (route === 'notifications') suffix = 'Notifications'
+          else if (route === 'key') suffix = 'Key'
+          else if (route.indexOf('channel/') === 0) suffix = 'Channel ' + route.slice(8)
           else if (route[0] === '@') suffix = 'Profile'
           else if (route[0] === '%') suffix = 'Thread'
           else if (route[0] === '#') suffix = 'Message'

decent/modules_core/file-input.js

···
 var fileInputId = 0
 
 module.exports = {
-  needs: {},
+  needs: {blobs_url: 'first'},
   gives: 'file_input',
   create: function (api) {
 
+    function blobsAddUrl () {
+      var url = api.blobs_url && api.blobs_url()
+      if (!url) return '/blobs/add'
+      var addUrl = url.replace(/\/blobs\/get\/?$/, '/blobs/add')
+      return addUrl === url ? '/blobs/add' : addUrl
+    }
+
     function uploadViaHttp (file, cb) {
       var xhr = new XMLHttpRequest()
-      xhr.open('POST', '/blobs/add', true)
+      xhr.open('POST', blobsAddUrl(), true)
       xhr.responseType = 'text'
       xhr.onload = function () {
         if (xhr.status >= 200 && xhr.status < 300)

decent/modules_extra/git-ssb.js

···
 exports.create = function (api) {
   return {
     menu_items: function () {
-      return h('a', {href: '#/git-ssb'}, '/git-ssb')
+      return h('a', {href: '#git-ssb'}, 'Git SSB')
     },
 
     screen_view: function (path, sbot) {
-      if(path === '/git-ssb') {
+      if(path === 'git-ssb') {
 
         var content = h('div.column.scroller__content')
         var div = h('div.column.scroller',

decent/modules_extra/key.js

···
 exports.create = function (api) {
   return {
     menu_items: function () {
-      return h('a', {href: '#/key'}, '/key')
+      return h('a', {href: '#key'}, 'Key')
     },
     screen_view: function (path, sbot) {
-      if(path === '/key') {
+      if(path === 'key') {
         if(process.title === 'browser') {
           var storedSecret = null
           try { storedSecret = localStorage['browser/.ssb/secret'] } catch (_) {}
···
             {style: {'overflow':'auto'}},
             h('div.scroller__wrapper',
               h('div.column.scroller__content',
-                h('div.message',
+                h('div.message.message-card',
                   h('p', {innerHTML: 'Your secret key is: <pre><code>' + (storedSecret || '') + '</code></pre>'}),
                   h('form',
                     importKey,
···
           )
           return div
         } else { 
-          return h('p', 'Your key is saved at .ssb/secret')
+          return h('div.message.message-card', 'Your key is saved at .ssb/secret')
         }
       }
     }

decent/modules_extra/network.js

···
 
   return {
     menu_items: function () {
-      return h('a', {href: '#/network'}, '/network')
+      return h('a', {href: '#network'}, 'Network')
     },
 
     builtin_tabs: function () {
-      return ['/network']
+      return ['network']
     },
 
     screen_view: function (path) {
 
-      if(path !== '/network') return
+      if(path !== 'network') return
 
       var ol = h('ul.network')
 
···
   }
 }
 
-

decent/modules_extra/notifications.js

···
 
   return {
     builtin_tabs: function () {
-      return ['/notifications']
+      return ['notifications']
     },
 
     screen_view: function (path) {
-      if(path === '/notifications') {
+      if(path === 'notifications') {
         var ids = {}
         var oldest
 

decent/modules_extra/query.js

···
 
   return {
     menu_items: function () {
-      return h('a', {href:'#/query'}, '/query')
+      return h('a', {href:'#query'}, 'Query')
     },
 
     builtin_tabs: function () {
-      return ['/query']
+      return ['query']
     },
 
     screen_view: function (path) {
-      if(path != '/query') return
+      if(path != 'query') return
       var output, status, editor, stream, query
 
       function parse () {

decent/modules_extra/versions.js

···
 
   return {
     menu_items: function () {
-      return h('a', {href: '#/versions'}, '/versions')
+      return h('a', {href: '#versions'}, 'Versions')
     },
 
     builtin_tabs: function () {
-      return ['/versions']
+      return ['versions']
     },
 
     screen_view: function (path) {
-      if(path !== '/versions') return
+      if(path !== 'versions') return
 
       if('undefined' === typeof WebBoot)
         return h('h1', 'must run with web-boot enabled enviroment')
···
           content.appendChild(
             h('div.row',
               h('a', {
-                href: '#/run:'+e.value,
+                href: '#run:'+e.value,
                 onclick: function () {
                   WebBoot.run(e.value, function () {
                     console.log('rebooting to:', e.value)

decent/style.css

···
   max-width: 680px;
   margin-left: auto;
   margin-right: auto;
-  padding: 0 20px 20px;
+  padding: 0 0 20px;
 }
 
 .message img {
···
   margin-bottom: 0;
 }
 
+.navbar .brand {
+  padding-left: 0;
+  margin-left: 0;
+  padding-right: 10px;
+}
+
 .navbar .container-fluid {
   display: flex;
   align-items: center;
   gap: 8px;
+  padding-left: 0;
+  padding-right: 0;
 }
 
 .navbar .nav.pull-left {