add chat and public rooms

app/views/chat/index.pug

@@ -5,11 +5,13 @@ block content
 
   #site-chat-container.uk-flex.uk-flex-column.uk-height-1-1
     .chat-menubar.uk-padding-small
-      div(uk-grid).uk-grid-small
+      div(uk-grid).uk-grid-small.uk-flex-middle
         .uk-width-auto
           img(src=`/img/icon/${site.domainKey}/icon-48x48.png`, alt=`${site.name} icon`)
         .uk-width-expand
           h1.uk-margin-remove #{site.name} Chat Timeline
+        .uk-width-auto
+          a(href='/chat/room').uk-button.uk-button-secondary.uk-button-small.uk-border-rounded Public Rooms
 
     .chat-content-wrapper
       #chat-message-list-wrapper.uk-height-1-1

app/views/chat/room/index.pug

@@ -2,10 +2,12 @@ extends ../layouts/room
 block content
 
   mixin renderRoomTile (room)
+    a(href=`/chat/room/${room._id}`).uk-display-block.uk-link-reset
       div(data-room-id= room._id, data-room-name= room.name).uk-tile.uk-tile-default.uk-tile-small
         .uk-tile-body
           div(uk-grid).uk-grid-small
             .uk-width-auto
+              +renderProfileIcon(room.owner)
             .uk-width-expand
               .uk-margin-small
                 div(title= room.name).uk-text-bold.uk-text-truncate= room.name
@@ -19,11 +21,14 @@ block content
                   span.uk-margin-small-left= formatCount(room.members.length)
 
   .uk-height-1-1.uk-overflow-auto
-
+    .uk-card.uk-card-default.uk-card-small
-    h1 Public Rooms
+      .uk-card-header
+        h1.uk-card-title Public Chat Rooms
+      .uk-card-body
+        if Array.isArray(publicRooms) && (publicRooms.length > 0)
           div(uk-grid)
             each room in publicRooms
-        .uk-width-1-3
+              div(class="uk-width-1-1 uk-width-1-2@m uk-width-1-3@l")
                 +renderRoomTile(room)
-
+        else
-    pre= JSON.stringify(publicRooms, null, 2)
+          div #{site.name} has no public rooms.

app/views/components/navbar.pug

@@ -16,6 +16,9 @@ nav(uk-navbar).uk-navbar-container.uk-position-fixed.uk-position-top
       li(class={ 'uk-active': currentView === 'home' })
         a(href="/", title= "Home")
           +renderButtonIcon('fa-home', 'Home')
+      li(class={ 'uk-active': currentView === 'chat' })
+        a(href="/chat", title= "chat")
+          +renderButtonIcon('fa-comment-alt', 'Chat')
 
   div(class="uk-hidden@m").uk-navbar-center
     //- Site name