From 0209b771e60bc62c97ac5dde9945d191648b7b3b Mon Sep 17 00:00:00 2001
From: Chris Rodrigues <crod951@gmail.com>
Date: Fri, 22 Nov 2024 12:05:36 -0800
Subject: [PATCH 1/6] style(header-component): Adding more margin bottom to the
 header component on mobile to account for breadcrumbs

---
 src/components/layout/HeaderComponent.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/layout/HeaderComponent.vue b/src/components/layout/HeaderComponent.vue
index 9addc881..9d5a215e 100644
--- a/src/components/layout/HeaderComponent.vue
+++ b/src/components/layout/HeaderComponent.vue
@@ -1103,6 +1103,6 @@ header {
 }
 
 @include break-mobile-sm {
-  #header-spacer { margin-bottom: 1.5rem; }
+  #header-spacer { margin-bottom: 3.5rem; }
 }
 </style>

From 1df11e0ee10be984614b363c24d4c9c82f9ecfb7 Mon Sep 17 00:00:00 2001
From: Chris Rodrigues <crod951@gmail.com>
Date: Wed, 27 Nov 2024 11:27:55 -0800
Subject: [PATCH 2/6] style(threads): Moved thread pagination to bottom of each
 thread on mobile; Increased bottom padding on each table cell for readability
 on mobile

---
 src/views/Threads.vue | 13 +++++++++----
 1 file changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/views/Threads.vue b/src/views/Threads.vue
index 50866e8a..fcfe6510 100644
--- a/src/views/Threads.vue
+++ b/src/views/Threads.vue
@@ -32,7 +32,7 @@
           </td>
           <td class="views">
               <span class="views-number">{{childBoard.total_post_count}}</span>
-              <span class="label"> posts,</span>
+              <span class="label"> posts, </span>
               <span class="views-number">{{childBoard.total_thread_count}}</span>
               <span class="label"> threads</span>
           </td>
@@ -194,7 +194,7 @@
               <span> on {{ humanDate(thread.created_at)}}</span>
             </div>
 
-            <div v-if="thread.post_count > posts_per_page" class="thread-pagination">
+            <div v-if="thread.post_count > posts_per_page" class="hide-mobile thread-pagination">
               <thread-pagination :slug="thread.slug" :limit="posts_per_page" :count="thread.post_count" />
             </div>
           </td>
@@ -210,6 +210,11 @@
             <router-link v-if="!thread.last_deleted" :to="{ path: '/profile/' + thread.last_post_username.toLowerCase() }"><span v-html="thread.last_post_username"></span></router-link> posted on <router-link :to="{ name: 'Posts', params: { threadSlug: thread.slug }, query: { start: thread.last_post_position }, hash: '#' + thread.last_post_id }"><span>{{humanDate(thread.last_post_created_at)}}</span>.</router-link>
             <router-link v-if="thread.has_new_post" :to="{ name: 'Posts', params: { threadSlug: thread.slug }, query: { start: thread.latest_unread_position }, hash: '#' + thread.latest_unread_post_id }">(Last unread post)</router-link>
           </td>
+          <td class="show-mobile">
+            <div v-if="thread.post_count > posts_per_page" class="thread-pagination">
+              <thread-pagination :slug="thread.slug" :limit="posts_per_page" :count="thread.post_count" />
+            </div>
+          </td>
         </tr>
       </tbody>
     </table>
@@ -766,7 +771,7 @@ export default {
     margin-bottom: 2rem;
 
     td {
-      padding-bottom: 0;
+      padding-bottom: 0.1rem;
     }
 
     td:last-child {
@@ -981,7 +986,7 @@ export default {
           border-bottom: 0;
           line-height: 20px;
           margin-bottom: 0;
-          padding-bottom: 0;;
+          padding-bottom: 0.1rem;
         }
       }
     }

From 01c53fab55b13b2ec2fc60f87274b8f8205ea380 Mon Sep 17 00:00:00 2001
From: Chris Rodrigues <crod951@gmail.com>
Date: Wed, 27 Nov 2024 11:30:13 -0800
Subject: [PATCH 3/6] style(boards-avatar-small): Removed left margin and
 increased right margin from small avatar to better line up with rest of board
 data on mobile

---
 src/views/Boards.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/views/Boards.vue b/src/views/Boards.vue
index 80b51e17..31b4aaa2 100644
--- a/src/views/Boards.vue
+++ b/src/views/Boards.vue
@@ -54,7 +54,7 @@
                 <div class="view-count">
                   <p class="view-count-posts">
                     <span class="view-count-number">{{board.total_post_count}}</span>
-                     <span class="label"> posts,</span>
+                     <span class="label"> posts, </span>
                   </p>
                   <p class="view-count-threads">
                     <span class="view-count-number">{{board.total_thread_count}}</span>
@@ -170,7 +170,7 @@ img.avatar-small {
   border-radius: 100px;
   border: 1px solid #444;
   opacity: 1;
-  margin: 0 0.1rem;
+  margin: 0 0.2rem 0 0;
   height: 1rem;
   width: 1rem;
   object-fit: cover;

From 0ffb5ff0d823abb38496ebb6661863142a32f03a Mon Sep 17 00:00:00 2001
From: Chris Rodrigues <crod951@gmail.com>
Date: Wed, 27 Nov 2024 11:34:08 -0800
Subject: [PATCH 4/6] fix(pagination): Fixed pagination display bug when
 current page doesnt show in some cases on mobile; Fixed bug where ellipsis
 would duplicate when switching between some pages.

---
 src/components/layout/Pagination.vue | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/layout/Pagination.vue b/src/components/layout/Pagination.vue
index 0df09334..87c93b1c 100644
--- a/src/components/layout/Pagination.vue
+++ b/src/components/layout/Pagination.vue
@@ -10,7 +10,7 @@
          </div>
         </div>
       </li>
-      <span v-for="pageKey in paginationKeys" :key="pageKey.val">
+      <span v-for="pageKey in paginationKeys" :key="pageKey.key">
         <li :class="pageKey.class">
           <a href="#" @click.stop.prevent="changePage(pageKey.page)" v-html="pageKey.val"></a>
         </li>
@@ -69,7 +69,7 @@ export default {
 
       // Case 2: Truncate Tail
       // 1 2 3 4 5 [6] 7 8 ... 14 15 16
-      if (truncate && v.currentPage <= 6)
+      if (truncate && (v.mobile ? v.currentPage <= 3 : v.currentPage <= 6))
         if (v.mobile) 
           ellipsis = [{ index: 4, nextIndex: v.pageCount - 2 }]
         else
@@ -77,7 +77,7 @@ export default {
 
       // Case 3: Truncate Head
       // 1 2 3 ... 9 10 [11] 12 13 14 15 16
-      else if (truncate && v.currentPage >= v.pageCount - 5)
+      else if (truncate && (v.mobile ? v.currentPage >= v.pageCount - 2 : v.currentPage >= v.pageCount - 5))
         if (v.mobile) 
           ellipsis = [{ index: 4, nextIndex: v.pageCount - 2 }]
         else
@@ -85,7 +85,7 @@ export default {
 
       // Case 4: Truncate Head and Tail
       // 1 2 3 ... 7 8 [9] 10 11 ... 14 15 16
-      else if (truncate && v.currentPage > 6 && v.currentPage < v.pageCount - 5) 
+      else if (truncate && (v.mobile ? v.currentPage > 3 : v.currentPage > 6) && (v.mobile ? v.currentPage < v.pageCount - 2 : v.currentPage < v.pageCount - 5)) 
         if (v.mobile) 
           ellipsis = [
             { index: 2, nextIndex: v.currentPage - 1 },
@@ -102,7 +102,7 @@ export default {
 
     const generatePageKeys = (ellipsis) => {
       // Add Previous Button
-      let prevBtnKey = { val: '&#10094;' }
+      let prevBtnKey = { key: 'prev', val: '&#10094;' }
       if (v.currentPage > 1) {
         prevBtnKey.class = 'arrow'
         prevBtnKey.page = v.currentPage - 1
@@ -122,6 +122,7 @@ export default {
         // Insert ellipsis if index matches
         if (ellipsis && ellipsis[ellipsisIndex] && ellipsis[ellipsisIndex].index === index) {
           pageKey = {
+            key: index,
             val: '&hellip;',
             page: null,
             class: 'unavailable'
@@ -132,6 +133,7 @@ export default {
         // Otherwise generate page key
         else {
           pageKey = {
+            key: index,
             val: index,
             page: index,
             class: index === v.currentPage ? 'current' : null
@@ -142,7 +144,7 @@ export default {
       }
 
       // Add Next Button
-      let nextBtnKey = { val: '&#10095;' }
+      let nextBtnKey = { key: 'next', val: '&#10095;' }
       if (v.currentPage < v.pageCount) {
         nextBtnKey.class = 'arrow'
         nextBtnKey.page = v.currentPage + 1

From a2df2a37841479a23124dcbfee3e331b85a81ae9 Mon Sep 17 00:00:00 2001
From: Chris Rodrigues <crod951@gmail.com>
Date: Wed, 27 Nov 2024 11:35:29 -0800
Subject: [PATCH 5/6] style(post-user-data): Updated layout of post user data
 on mobile to remove whitespace between user data and post body.

---
 src/views/Posts.vue | 112 ++++++++++++++++++++++++++++++++++++++++++--
 1 file changed, 108 insertions(+), 4 deletions(-)

diff --git a/src/views/Posts.vue b/src/views/Posts.vue
index d93c2fda..ebb975c2 100644
--- a/src/views/Posts.vue
+++ b/src/views/Posts.vue
@@ -135,7 +135,7 @@
                 <img :src="post.avatar || defaultAvatar" @error="$event.target.src=defaultAvatar" />
               </router-link>
             </div>
-            <router-link :to="{ path: '/profile/' + post.user.username.toLowerCase() }">
+            <router-link class="hide-mobile" :to="{ path: '/profile/' + post.user.username.toLowerCase() }">
               <div class="original-poster" v-if="post.user.original_poster">OP</div>
               <div v-if="post.user.title" :title="('Title: ' + post.user.title)" class="user-activity"><span class="user-activity-value">{{post.user.title}}</span></div>
               <div v-if="post.user.merit > -1" :title="('Merit: ' + post.user.merit)" class="user-activity">Merit: <span class="user-activity-value">{{post.user.merit}}</span></div>
@@ -147,18 +147,46 @@
             <trust-display :user="post.user" />
           </div>
 
-          <div class="user-rank">
-            <rank-display v-if="postData?.data?.metadata" :user="{ ...post.user, metadata: {...postData.data.metadata } }" />
+          <div v-if="postData?.data?.metadata" class="user-rank">
+            <rank-display :user="{ ...post.user, metadata: {...postData.data.metadata } }" />
           </div>
           <div v-if="loggedIn && post.user.id !== authedUser.id" class="ignore-directive">
             <a href="" @click.prevent="toggleIgnoredPosts(post)" v-html="post.user._ignored ? 'Unignore Posts' : 'Ignore Posts'"></a>
           </div>
+
+          <div class="show-mobile">
+            <div class="post-title-mobile">
+              <div class="post-title-user">
+                <span class="username" :data-balloon="post.user.role_name || 'User'"><router-link :to="{ path: '/profile/' + post.user.username.toLowerCase() }">
+                  <span v-html="post.user.username"></span>
+                </router-link></span>
+                <div :title="post.user.name" v-if="post.user.name" class="display-name">
+                  <span>{{truncate(post.user.name, 33)}}</span>
+                  <span class="hide-mobile">&nbsp;&mdash;&nbsp;</span>
+                </div>
+                <div :title="post.user.role_name || 'user'" class="user-role" :style="userRoleHighlight(post.user.highlight_color)">{{post.user.role_name || 'user'}}</div>
+              </div>
+              <router-link :to="{ path: '/profile/' + post.user.username.toLowerCase() }" class="user-activity-mobile">
+                <div class="original-poster" v-if="post.user.original_poster">OP</div>
+                <div v-if="post.user.title" :title="('Title: ' + post.user.title)" class="user-activity"><span class="user-activity-value">{{post.user.title}}</span></div>
+                <div v-if="post.user.merit > -1" :title="('Merit: ' + post.user.merit)" class="user-activity">Merit: <span class="user-activity-value">{{post.user.merit}}</span></div>
+                <div v-if="post.user.activity > -1" :title="('Activity: ' + post.user.activity)" class="user-activity">Act: <span class="user-activity-value">{{post.user.activity}}</span></div>
+              </router-link>
+              <div class="timestamp">
+                <span>{{humanDate(post.created_at)}}</span>
+                <span v-if="showEditDate(post) && post.metadata?.edited_by_username">{{'&nbsp;&mdash;&nbsp;Edited ' + humanDate(post.updated_at) + ' by '}}</span><a v-if="showEditDate(post) && post.metadata?.edited_by_username" href="#">{{post.metadata.edited_by_username}}</a>
+                <span v-if="showEditDate(post) && !post.metadata?.edited_by_username">{{'&nbsp;&mdash;&nbsp;Edited ' + humanDate(post.updated_at)}}</span>
+                <span v-if="post.metadata?.locked_by_username">{{'&nbsp;&mdash;&nbsp;Locked ' + humanDate(post.metadata.locked_at) + ' by '}}</span>
+                <a v-if="post.metadata?.locked_by_username" href="#">{{post.metadata.locked_by_username}}</a>
+              </div>
+            </div>
+          </div>
         </div>
 
         <!-- Post Body Section -->
         <div :id="(i + 1) === postData.data.posts.length ? 'last' : ''" class="post-content">
           <!-- Post Title -->
-          <div class="post-title">
+          <div class="hide-mobile post-title">
             <div class="post-title-user">
               <span class="username" :data-balloon="post.user.role_name || 'User'"><router-link :to="{ path: '/profile/' + post.user.username.toLowerCase() }">
                 <span v-html="post.user.username"></span>
@@ -1113,6 +1141,9 @@ export default {
 
 $postWidth__mobile: calc(100vw - 2rem);
 .post-body {
+  @include break-mobile-sm {
+    padding-top: 0.5rem;
+  }
   white-space: pre-wrap;
   word-wrap: break-word;
   overflow-wrap: break-word;
@@ -1362,6 +1393,10 @@ ad-viewer {
   .post-user {
     // width: $postUserWidth;
     flex: 0 0 $postUserWidth;
+    @include break-mobile-sm {
+      display: flex;
+      flex: 0 0 calc(#{$postUserWidth}/1.25);
+    }
     margin-right: $postUserMargin;
     font-size: $font-size-tiny;
     text-align: center;
@@ -1375,6 +1410,10 @@ ad-viewer {
       background: no-repeat center center;
       position: relative;
       margin-bottom: 1rem;
+      @include break-mobile-sm {
+        margin-bottom: 0;
+        margin-right: 0.5rem;
+      }
       width: $postUserWidth;
       height: $postUserWidth;
 
@@ -1427,6 +1466,11 @@ ad-viewer {
       text-align: center;
       text-transform: uppercase;
       width: 100%;
+      @include break-mobile-sm {
+        text-align: left;
+        margin-bottom: 0;
+        width: auto;
+      }
 
       &-value {
         font-weight: 600;
@@ -1445,6 +1489,66 @@ ad-viewer {
         }
       }
     }
+
+    .post-title-mobile {
+      color: $secondary-font-color;
+      display: flex;
+      flex-direction: column;
+      align-items: left;
+      margin-bottom: 0.25rem;
+      width: 100%;
+      text-transform: none;
+
+      .post-title-user {
+        display: flex;
+        align-items: center;
+        flex: 2 1 auto;
+        flex-wrap: wrap;
+        gap: 0.25rem;
+        padding-bottom: 0.1rem;
+      }
+
+      span.username {
+        margin-right: 0.25rem;
+        color: $base-font-color;
+        font-size: $font-size-sm;
+        font-weight: 600;
+        &:hover {
+          color: $color-primary;
+        }
+      }
+
+      .user-role {
+        @include truncate-ellipsis;
+        background-color: transparent;
+        border: 1px solid $secondary-font-color;
+        border-radius: 2px;
+        color: $secondary-font-color-dark;
+        display: inline-block;
+        font-size: $font-size-xs;
+        font-weight: 400;
+        line-height: 1.1;
+        margin-right: 0.5rem;
+        max-width: 140px;
+        padding: 0px 6px;
+        text-align: center;
+      }
+
+      .user-activity-mobile {
+        display: flex;
+        gap: 0.5rem;
+      }
+
+      .timestamp, .display-name {
+        display: flex;
+        color: $secondary-font-color;
+        font-size: $font-size-xs;
+        font-weight: 400;
+      }
+      .display-name {
+        color: $secondary-font-color-dark;
+      }
+    }
   }
 
   .post-content {

From 47d4be150f196010ab999ac779f8faaf33718f05 Mon Sep 17 00:00:00 2001
From: Chris Rodrigues <crod951@gmail.com>
Date: Mon, 2 Dec 2024 13:10:11 -0800
Subject: [PATCH 6/6] Revert "Merge branch 'proxy' into server-migration"

This reverts commit 3c39cfc7e1854085b31e2df6fa582c20d231cf49, reversing
changes made to d734f8cdcd1338ba5257b9593ee68756408585a2.
---
 public/index.html                         |  2 +-
 src/api/index.js                          |  4 ++--
 src/components/layout/HeaderComponent.vue | 16 +++----------
 src/components/threads/RecentThreads.vue  |  2 +-
 src/components/users/RankDisplay.vue      |  4 +---
 src/components/users/UserPosts.vue        |  7 ++----
 src/composables/stores/prefs.js           |  4 ++--
 src/composables/utils/boardUtils.js       |  1 -
 src/views/Boards.vue                      |  9 +++----
 src/views/Posts.vue                       | 10 ++++----
 src/views/Profile.vue                     | 20 +++++++---------
 src/views/Threads.vue                     | 29 +++++++++++++----------
 start-nginx.sh                            |  3 ---
 13 files changed, 44 insertions(+), 67 deletions(-)

diff --git a/public/index.html b/public/index.html
index 7f0263b6..4b39f430 100644
--- a/public/index.html
+++ b/public/index.html
@@ -16,7 +16,7 @@
     <!-- built files will be auto injected -->
     <script id="config-remote" async>
       window.configScript = document.createElement('script')
-      window.configScript.src = '<%= process.env.VUE_APP_BACKEND_URL || "$VUE_APP_BACKEND_URL"%>/config.js'
+      window.configScript.src = '<%= process.env.VUE_APP_BACKEND_URL%>/config.js'
       window.configScript.type = 'text/javascript'
 
       // Try to append config from backend
diff --git a/src/api/index.js b/src/api/index.js
index 81a69f4e..a7177865 100644
--- a/src/api/index.js
+++ b/src/api/index.js
@@ -11,7 +11,7 @@ export const $axios = axios.create({
 })
 export const $axios2 = axios.create({
   baseURL: process.env.VUE_APP_BACKEND_URL || config.VUE_APP_BACKEND_URL,
-  timeout: 15000,
+  timeout: 3000,
   crossDomain: true
 })
 
@@ -208,7 +208,7 @@ export const usersApi = {
   memberSearch: params => $http('/api/search/users', { params }),
   lookup: (username, params) => $http(`/api/users/lookup/${username}`, { params }),
   update: (userId, data) => $http(`/api/users/${userId}`, { method: 'PUT', data }),
-  find: id => $http2(`/api/users/byid?id=${id}`),
+  find: username => $http2(`/api/users/${username}`),
   delete: userId => $http(`/api/users/${userId}`, { method: 'DELETE' }),
   deactivate: userId => $http(`/api/users/${userId}/deactivate`, { method: 'POST' }),
   reactivate: userId => $http(`/api/users/${userId}/reactivate`, { method: 'POST' }),
diff --git a/src/components/layout/HeaderComponent.vue b/src/components/layout/HeaderComponent.vue
index 34a359c5..9d5a215e 100644
--- a/src/components/layout/HeaderComponent.vue
+++ b/src/components/layout/HeaderComponent.vue
@@ -84,15 +84,10 @@
           <!-- Login Section -->
           <ul class="signed-out" v-if="!loggedIn">
             <li>
-              <!-- <a href="" @click.prevent="showRegister = true" disabled="true">REGISTER</a> -->
-              <span>REGISTER</span>
+              <a href="" @click.prevent="showRegister = true">REGISTER</a>
             </li>
             <li>
-              <!-- <a href="" id="login-link" @click.prevent="showLogin = true" disabled="true">LOGIN</a> -->
-              <span>LOGIN</span>
-            </li>
-            <li>
-              <a href="https://forms.clickup.com/57751/f/1rcq-791/HNWSBPWCDSRMDMS9TF" target="_blank">REPORT A BUG</a>
+              <a href="" id="login-link" @click.prevent="showLogin = true">LOGIN</a>
             </li>
           </ul>
 
@@ -664,16 +659,11 @@ header {
           cursor: pointer;
         }
         &.signed-out li { padding-left: 1.25rem; }
-        &.signed-out li a, &.signed-out li span {
+        &.signed-out li a {
           display: table-cell;
           height: inherit;
           vertical-align: middle;
         }
-        li span {
-          cursor: not-allowed;
-          color: $secondary-font-color;
-          font-size: $header-login-font-size;
-        }
         li a {
           color: $header-login-font-color;
           font-size: $header-login-font-size;
diff --git a/src/components/threads/RecentThreads.vue b/src/components/threads/RecentThreads.vue
index a39048d0..21578e9a 100644
--- a/src/components/threads/RecentThreads.vue
+++ b/src/components/threads/RecentThreads.vue
@@ -52,7 +52,7 @@
             <router-link v-if="thread?.board" class="thread-board" :title="decode(thread.board.name)" :to="{ name: 'Threads', params: { boardSlug: thread.board.slug } }" onclick="event.stopPropagation()"><span v-html="decode(thread.board.name)"></span></router-link>
             by
             <span v-if="thread.deleted">deleted</span>
-            <router-link onclick="event.stopPropagation()" v-if="!thread.deleted" :to="{ path: '/profile/' + thread?.user?.username.toLowerCase(), query: { id: thread?.user?.id } }">{{thread?.user?.username}}</router-link>
+            <router-link onclick="event.stopPropagation()" v-if="!thread.deleted" :to="{ path: '/profile/' + thread?.user?.username.toLowerCase() }">{{thread?.user?.username}}</router-link>
           </div>
           <div class="last-reply">
             <div>{{humanDate(thread?.post?.created_at)}}</div>
diff --git a/src/components/users/RankDisplay.vue b/src/components/users/RankDisplay.vue
index 7625a016..aa7c4d35 100644
--- a/src/components/users/RankDisplay.vue
+++ b/src/components/users/RankDisplay.vue
@@ -16,8 +16,7 @@ export default {
     const init = u => {
       const rankMap = u.metadata.ranks
       const metricToRankMaps = u.metadata.rank_metric_maps
-      if (metricToRankMaps) {
-        let ranks = Object.keys(metricToRankMaps).reduce((mappedRanks, metricName) => {
+      let ranks = Object.keys(metricToRankMaps).reduce((mappedRanks, metricName) => {
         let rank = -1
         for (let i = 0; i < metricToRankMaps[metricName].length; i++) {
           if (u[metricName] >= metricToRankMaps[metricName][i]) rank = i
@@ -32,7 +31,6 @@ export default {
 
       if (lowestRankNumber >= 0) v.userRank = rankMap[lowestRankNumber].name
       else v.userRank = ''
-      } else v.userRank = ''
     }
 
     init(v.user)
diff --git a/src/components/users/UserPosts.vue b/src/components/users/UserPosts.vue
index eba21625..b3d85d3e 100644
--- a/src/components/users/UserPosts.vue
+++ b/src/components/users/UserPosts.vue
@@ -115,7 +115,6 @@ export default {
     next(vm => {
       const params = {
         username: to.params.username,
-        id: to.query.id,
         limit: localStoragePrefs().data.posts_per_page,
         page: to.query.page || 1,
         field: to.query.field,
@@ -132,7 +131,6 @@ export default {
   beforeRouteUpdate(to, from, next) {
     const params = {
       username: to.params.username,
-      id: to.query.id,
       limit: localStoragePrefs().data.posts_per_page,
       page: to.query.page || 1,
       field: to.query.field,
@@ -160,7 +158,6 @@ export default {
     const refresh = () => {
       const params = {
         username: $route.params.username,
-        id: $route.query.id,
         limit: v.prefs.posts_per_page,
         page: $route.query.page || 1,
         field: $route.query.field,
@@ -172,8 +169,8 @@ export default {
 
     const toggleThreads = threads => {
       const params = { ...$route.params, saveScrollPos: true }
-      if (threads) $router.replace({ name: $route.name, params: params, query: { threads: threads, id: $route.query.id }})
-      else $router.replace({ name: $route.name, params: params, query: { id: $route.query.id }})
+      if (threads) $router.replace({ name: $route.name, params: params, query: { threads }})
+      else $router.replace({ name: $route.name, params: params })
       v.threads = threads
     }
 
diff --git a/src/composables/stores/prefs.js b/src/composables/stores/prefs.js
index 615d9d68..b6fe9ffd 100644
--- a/src/composables/stores/prefs.js
+++ b/src/composables/stores/prefs.js
@@ -8,8 +8,8 @@ const AUTH_KEY = 'auth'
 
 const appCache = localStorageCache(0, 'app')
 const emtpyPrefs = {
-  posts_per_page: 10,
-  threads_per_page: 10,
+  posts_per_page: 25,
+  threads_per_page: 25,
   timezone_offset: {
     sign: '',
     hours: '',
diff --git a/src/composables/utils/boardUtils.js b/src/composables/utils/boardUtils.js
index 008337d0..12f259f9 100644
--- a/src/composables/utils/boardUtils.js
+++ b/src/composables/utils/boardUtils.js
@@ -6,7 +6,6 @@ const buildLastPostData = data => {
     last_post_created_at: data.last_post_created_at,
     last_post_position: data.last_post_position,
     last_post_username: data.last_post_username,
-    last_post_user_id: data.last_post_user_id,
     last_post_avatar: data.last_post_avatar,
     last_thread_id: data.last_thread_id,
     last_thread_slug: data.last_thread_slug,
diff --git a/src/views/Boards.vue b/src/views/Boards.vue
index 34b8d9ee..31b4aaa2 100644
--- a/src/views/Boards.vue
+++ b/src/views/Boards.vue
@@ -3,10 +3,8 @@
     <recent-threads v-if="boardData && boardData.data && boardData.data.threads" :threads="boardData.data.threads"></recent-threads>
 
     <div v-if="!loggedIn" class="dashboard-actions">
-      <!-- <a href="" class="button" @click.prevent="showRegister = true">Create an Account</a> -->
-      <a href="" class="button disabled" @click.stop.prevent="">Create an Account</a>
-      <!-- <a href="" class="button" @click.prevent="showLogin = true">Log In</a> -->
-      <a href="" class="button disabled" @click.stop.prevent="">Log In</a>
+      <a href="" class="button" @click.prevent="showRegister = true">Create an Account</a>
+      <a href="" class="button" @click.prevent="showLogin = true">Log In</a>
     </div>
     <div v-if="loggedIn" class="dashboard-actions">
       <router-link :to="{ name: 'Watchlist' }" class="button">Watchlist</router-link>
@@ -69,7 +67,7 @@
                   <div v-if="board.last_post_username">
                     <span v-if="board.user_deleted || board.post_deleted">deleted</span>
                     <img v-if="!board.user_deleted && !board.post_deleted" class="avatar-small" :class="defaultAvatarShape" :src="board.last_post_avatar || defaultAvatar" @error="$event.target.src=defaultAvatar" />
-                    <router-link v-if="!board.user_deleted && !board.post_deleted" :to="{ path: '/profile/' + board.last_post_username.toLowerCase(), query: { id: board.last_post_user_id }}">{{board.last_post_username}}</router-link> posted in
+                    <router-link v-if="!board.user_deleted && !board.post_deleted" :to="{ path: '/profile/' + board.last_post_username.toLowerCase() }">{{board.last_post_username}}</router-link> posted in
                     <span v-if="board.last_thread_title">
                       <router-link :to="{ name: 'Posts', params: { threadSlug: board.last_thread_slug }, query: { start: board.last_post_position} }">
                         <span v-html="board.last_thread_title"></span>
@@ -352,7 +350,6 @@ img.avatar-small {
     margin: 0 1rem;
     min-width: 160px;
     &:last-child { margin-left: 0; }
-    &.disabled { cursor: not-allowed; }
   }
 
   @include break-mobile-sm {
diff --git a/src/views/Posts.vue b/src/views/Posts.vue
index 29ac5c7a..ebb975c2 100644
--- a/src/views/Posts.vue
+++ b/src/views/Posts.vue
@@ -123,7 +123,7 @@
       <div v-if="!post._deleted && !post.user.ignored" class="post-block-grid">
         <!-- Post Profile Section -->
         <div class="post-user">
-          <router-link :to="{ path: '/profile/' + post.user.username.toLowerCase(), query: { id: post.user.id }}">
+          <router-link :to="{ path: '/profile/' + post.user.username.toLowerCase() }">
             <div class="user-avatar" :class="defaultAvatarShape">
               <span v-if="post.user.online" class="online green" :data-balloon="post.user.username + ' is online'">
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 48 48">
@@ -131,11 +131,11 @@
                   <circle cx="24" cy="24" r="16" />
                 </svg>
               </span>
-              <router-link :to="{ path: '/profile/' + post.user.username.toLowerCase(), query: { id: post.user.id } }">
+              <router-link :to="{ path: '/profile/' + post.user.username.toLowerCase() }">
                 <img :src="post.avatar || defaultAvatar" @error="$event.target.src=defaultAvatar" />
               </router-link>
             </div>
-            <router-link :to="{ path: '/profile/' + post.user.username.toLowerCase(), query: { id: post.user.id } }" class="hide-mobile">
+            <router-link class="hide-mobile" :to="{ path: '/profile/' + post.user.username.toLowerCase() }">
               <div class="original-poster" v-if="post.user.original_poster">OP</div>
               <div v-if="post.user.title" :title="('Title: ' + post.user.title)" class="user-activity"><span class="user-activity-value">{{post.user.title}}</span></div>
               <div v-if="post.user.merit > -1" :title="('Merit: ' + post.user.merit)" class="user-activity">Merit: <span class="user-activity-value">{{post.user.merit}}</span></div>
@@ -166,7 +166,7 @@
                 </div>
                 <div :title="post.user.role_name || 'user'" class="user-role" :style="userRoleHighlight(post.user.highlight_color)">{{post.user.role_name || 'user'}}</div>
               </div>
-              <router-link :to="{ path: '/profile/' + post.user.username.toLowerCase(), query: { id: post.user.id } }" class="user-activity-mobile">
+              <router-link :to="{ path: '/profile/' + post.user.username.toLowerCase() }" class="user-activity-mobile">
                 <div class="original-poster" v-if="post.user.original_poster">OP</div>
                 <div v-if="post.user.title" :title="('Title: ' + post.user.title)" class="user-activity"><span class="user-activity-value">{{post.user.title}}</span></div>
                 <div v-if="post.user.merit > -1" :title="('Merit: ' + post.user.merit)" class="user-activity">Merit: <span class="user-activity-value">{{post.user.merit}}</span></div>
@@ -188,7 +188,7 @@
           <!-- Post Title -->
           <div class="hide-mobile post-title">
             <div class="post-title-user">
-              <span class="username" :data-balloon="post.user.role_name || 'User'"><router-link :to="{ path: '/profile/' + post.user.username.toLowerCase(), query: { id: post.user.id } }">
+              <span class="username" :data-balloon="post.user.role_name || 'User'"><router-link :to="{ path: '/profile/' + post.user.username.toLowerCase() }">
                 <span v-html="post.user.username"></span>
               </router-link></span>
               <div :title="post.user.name" v-if="post.user.name" class="display-name">
diff --git a/src/views/Profile.vue b/src/views/Profile.vue
index 678ce3d7..e2e35515 100644
--- a/src/views/Profile.vue
+++ b/src/views/Profile.vue
@@ -37,24 +37,20 @@
         <div class="profile-user-name-role">
           <h1>{{user.username}}</h1>
           <span class="username-screen" v-html="user.name"></span>
-          <span class="user-role" :style="{ 'background-color': user.position_color ? user.position_color : 'grey' }" v-html="user.position"></span>
-          <span v-if="user.title" class="user-rank">
-            {{user.title}}
+          <span class="user-role" :style="{ 'background-color': user.role_highlight_color ? user.role_highlight_color : 'grey' }" v-html="user.role_name"></span>
+          <span class="user-rank">
             <rank-display v-if="user.metadata" :user="user" />
           </span>
         </div>
 
         <div class="profile-user-activity">
           <div class="user-activity-stat" v-if="user.activity > -1">Activity: <span class="value">{{user.activity}}</span>
-          </div><br />
-          <div class="user-activity-stat" v-if="user.merit">
-            Merit: <span class="value">{{user.merit}}</span>
           </div>
            <trust-display v-if="loggedIn" :username="user.username" />
         </div>
 
         <div class="user-profile-position">
-          <!-- <span v-html="user.position"></span> -->
+          <span v-html="user.position"></span>
           <span v-html="user.status"></span>
         </div>
 
@@ -75,8 +71,8 @@
             <span class="stat-text">{{ user.post_count || 0 }}</span>
             <span class="label">Posts</span>
           </div>
-          <div v-if="user.last_active" class="stats">
-            <span class="label">Last Active </span>
+          <div class="stats">
+            <span class="label">Last Seen </span>
             <span class="stat-text-sm">{{ humanDate(user.last_active, true) }}</span>
           </div>
           <div class="stats">
@@ -204,13 +200,13 @@ export default {
   props: [ 'username', 'saveScrollPos' ],
   components: { TrustDisplay, RankDisplay, UpdateSignatureModal, UpdatePasswordModal, UpdateAvatarModal, UpdateEmailModal, DeleteAccountModal, DeactivateReactivateModal, UpdateProfileModal, QuickMessageModal, ManageBansModal, ModerationNotesModal },
   beforeRouteEnter(to, from, next) {
-    usersApi.find(to.query.id).then(u => next(vm => {
+    usersApi.find(to.params.username).then(u => next(vm => {
       vm.user = u
       isOnline(u.id, (e, d) => vm.userOnline = d.online)
     }))
   },
   beforeRouteUpdate(to, from, next) {
-    usersApi.find(to.query.id).then(u => {
+    usersApi.find(to.params.username).then(u => {
       this.user = u
       isOnline(u.id, (e, d) => this.userOnline = d.online)
     })
@@ -218,7 +214,7 @@ export default {
   },
   setup(props) {
     /* Template Methods */
-    const refreshUser = () => usersApi.find(v.user.id).then(u => v.user = u)
+    const refreshUser = () => usersApi.find(v.user.username).then(u => v.user = u)
     const redirectHome = () => $router.replace('/')
 
     const banExpiration = () => {
diff --git a/src/views/Threads.vue b/src/views/Threads.vue
index 7f6165ae..fcfe6510 100644
--- a/src/views/Threads.vue
+++ b/src/views/Threads.vue
@@ -5,7 +5,7 @@
       <div class="moderators" v-if="threadData.data.board.moderators && threadData.data.board.moderators.length > 0">
         <span class="label">Moderators: </span>
         <span v-for="(mod, i) in threadData.data.board.moderators" :key="mod.username">
-          <router-link :to="{ path: '/profile/' + mod.username.toLowerCase(), query: { id: mod.id } }">
+          <router-link :to="{ path: '/profile/' + mod.username.toLowerCase() }">
             <span v-html="mod.username"></span>
           </router-link><span v-if="(i + 1) !== threadData.data.board.moderators.length">, </span>
         </span>
@@ -40,10 +40,10 @@
           <td class="last-post">
             <div v-if="childBoard.last_thread_id">
               <span v-if="!childBoard.last_post_username">deleted</span>
-              <router-link v-if="childBoard.last_post_username" :to="{ path: '/profile/' + childBoard.last_post_username.toLowerCase(), query: { id: childBoard.last_post_user_id } }">
+              <router-link v-if="childBoard.last_post_username" :to="{ path: '/profile/' + childBoard.last_post_username.toLowerCase() }">
                 <img class="avatar-small" :class="defaultAvatarShape" :src="childBoard.last_post_avatar || defaultAvatar" @error="$event.target.src=defaultAvatar" />
               </router-link>
-              <router-link v-if="childBoard.last_post_username" :to="{ path: '/profile/' + childBoard.last_post_username.toLowerCase(), query: { id: childBoard.last_post_user_id } }">
+              <router-link v-if="childBoard.last_post_username" :to="{ path: '/profile/' + childBoard.last_post_username.toLowerCase() }">
                 <span v-html="childBoard.last_post_username"></span>
               </router-link>
               <span v-if="childBoard.last_thread_id">
@@ -60,14 +60,17 @@
     </table>
 
     <!-- Thread Sorting Controls -->
-    <div class="thread-sort">Sort <a href="" @click.prevent="setSortField()">{{ threadData.data.desc === true ? 'descending' : 'ascending' }}</a> by
+    <div class="centered-text" v-if="!threadData?.data?.board?.thread_count">
+      <h4>There are currently no threads in this board, start a new thread to get the conversation going!</h4>
+    </div>
+    <div class="thread-sort" v-if="threadData && threadData.data && threadData.data.board.thread_count">Sort <a href="" @click.prevent="setSortField()">{{ threadData.data.desc === true ? 'descending' : 'ascending' }}</a> by
       <select v-model="sortField" name="select-thread-sort" class="select-clean" @change="setSortField()">
         <option v-for="item in sortItems" :key="item.value" :value="item.value">{{item.label}}</option>
       </select>
     </div>
 
     <!-- Thread Listing -->
-    <table class="threads-list">
+    <table class="threads-list" v-if="threadData && threadData.data && threadData.data.board.thread_count">
       <caption>Threads</caption>
       <thead>
         <tr>
@@ -132,7 +135,7 @@
             <div class="started-by">
               Started by
               <span v-if="thread.user.deleted">deleted</span>
-              <router-link v-if="!thread.user.deleted" :to="{ path: '/profile/' + thread?.user?.username.toLowerCase(), query: { id: thread?.user?.id } }">
+              <router-link v-if="!thread.user.deleted" :to="{ path: '/profile/' + thread?.user?.username.toLowerCase() }">
                 <span v-html="thread.user.username"></span>
               </router-link>
               <span> on {{humanDate(thread.created_at)}}</span>
@@ -140,14 +143,14 @@
           </td>
 
           <td class="views-replies">
-            <span class="replies">{{ thread.is_proxy ? thread.post_count : thread.post_count - 1 || 0 }}</span>
+            <span class="replies">{{ thread.post_count - 1 || 0 }}</span>
             <span class="views">{{ thread.view_count || 0 }}</span>
           </td>
 
           <td class="last-post">
             <span v-if="thread.last_deleted">deleted</span>
-            <router-link v-if="!thread.last_deleted" :to="{ path: '/profile/' + thread.last_post_username.toLowerCase(), query: { id: thread.last_post_user_id } }"><img class="avatar-small" :class="defaultAvatarShape" :src="thread.last_post_avatar || defaultAvatar" @error="$event.target.src=defaultAvatar" /></router-link>
-            <router-link v-if="!thread.last_deleted" :to="{ path: '/profile/' + thread.last_post_username.toLowerCase(), query: { id: thread.last_post_user_id } }">
+            <router-link v-if="!thread.last_deleted" :to="{ path: '/profile/' + thread.last_post_username.toLowerCase() }"><img class="avatar-small" :class="defaultAvatarShape" :src="thread.last_post_avatar || defaultAvatar" @error="$event.target.src=defaultAvatar" /></router-link>
+            <router-link v-if="!thread.last_deleted" :to="{ path: '/profile/' + thread.last_post_username.toLowerCase() }">
               <span v-html="thread.last_post_username"></span>
             </router-link> posted on
             <router-link :to="{ name: 'Posts', params: { threadSlug: thread.slug }, query: { start: thread.last_post_position }, hash: '#' + thread.last_post_id }"><span>{{humanDate(thread.last_post_created_at)}}</span>.</router-link>
@@ -185,7 +188,7 @@
             <div class="started-by">
               Started by
               <span v-if="thread.user.deleted">deleted</span>
-              <router-link v-if="!thread.user.deleted" :to="{ path: '/profile/' + thread.user.username.toLowerCase(), query: { id: thread.user.id } }">
+              <router-link v-if="!thread.user.deleted" :to="{ path: '/profile/' + thread.user.username.toLowerCase() }">
                 <span v-html="thread.user.username"></span>
               </router-link>
               <span> on {{ humanDate(thread.created_at)}}</span>
@@ -197,14 +200,14 @@
           </td>
 
           <td class="views-replies" v-if="thread.user.username">
-            <span class="replies">{{ thread.is_proxy ? thread.post_count : thread.post_count - 1 || 0 }}</span>
+            <span class="replies">{{ thread.post_count - 1 || 0 }}</span>
             <span class="views">{{ thread.view_count || 0 }}</span>
           </td>
 
           <td class="last-post" v-if="thread.user.username">
             <span v-if="thread.last_deleted">deleted</span>
-            <router-link v-if="!thread.last_deleted" :to="{ path: '/profile/' + thread.last_post_username.toLowerCase(), query: { id: thread.last_post_user_id } }"><img class="avatar-small" :class="defaultAvatar" :src="thread.last_post_avatar || defaultAvatar" @error="$event.target.src=defaultAvatar" /></router-link>
-            <router-link v-if="!thread.last_deleted" :to="{ path: '/profile/' + thread.last_post_username.toLowerCase(), query: { id: thread.last_post_user_id } }"><span v-html="thread.last_post_username"></span></router-link> posted on <router-link :to="{ name: 'Posts', params: { threadSlug: thread.slug }, query: { start: thread.last_post_position }, hash: '#' + thread.last_post_id }"><span>{{humanDate(thread.last_post_created_at)}}</span>.</router-link>
+            <router-link v-if="!thread.last_deleted" :to="{ path: '/profile/' + thread.last_post_username.toLowerCase() }"><img class="avatar-small" :class="defaultAvatar" :src="thread.last_post_avatar || defaultAvatar" @error="$event.target.src=defaultAvatar" /></router-link>
+            <router-link v-if="!thread.last_deleted" :to="{ path: '/profile/' + thread.last_post_username.toLowerCase() }"><span v-html="thread.last_post_username"></span></router-link> posted on <router-link :to="{ name: 'Posts', params: { threadSlug: thread.slug }, query: { start: thread.last_post_position }, hash: '#' + thread.last_post_id }"><span>{{humanDate(thread.last_post_created_at)}}</span>.</router-link>
             <router-link v-if="thread.has_new_post" :to="{ name: 'Posts', params: { threadSlug: thread.slug }, query: { start: thread.latest_unread_position }, hash: '#' + thread.latest_unread_post_id }">(Last unread post)</router-link>
           </td>
           <td class="show-mobile">
diff --git a/start-nginx.sh b/start-nginx.sh
index a77e4c49..330693c3 100644
--- a/start-nginx.sh
+++ b/start-nginx.sh
@@ -1,13 +1,10 @@
 #!/usr/bin/env sh
 cp $JSFOLDER/*.js /tmp
-cp index.html /tmp
 
 export EXISTING_VARS=$(printenv | awk -F= '{print $1}' | sed 's/^/\$/g' | paste -sd,);
 for file in /tmp/*.js;
 do
   cat $file | envsubst $EXISTING_VARS | tee $JSFOLDER/$(basename $file)
 done
-cat /tmp/index.html | envsubst $EXISTING_VARS | tee index.html
 rm /tmp/*.js
-rm /tmp/index.html
 nginx -g 'daemon off;'