diff --git a/package.json b/package.json
index 61ee7f05..ff6ce55b 100644
--- a/package.json
+++ b/package.json
@@ -17,6 +17,7 @@
     "eslint": "^8.34.0",
     "eslint-config-react-app": "^7.0.1",
     "ext-name": "^5.0.0",
+    "moment": "^2.29.4",
     "postcss": "^8.4.21",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
diff --git a/src/components/Board.jsx b/src/components/Board.jsx
index 679e405b..5839d504 100644
--- a/src/components/Board.jsx
+++ b/src/components/Board.jsx
@@ -6,6 +6,7 @@ import ImageBanner from './ImageBanner';
 import { useFeed, useAccountsActions } from '@plebbit/plebbit-react-hooks';
 import InfiniteScroll from 'react-infinite-scroller';
 import { Tooltip } from 'react-tooltip';
+import moment from 'moment';
 
 
 const Board = ({ setBodyStyle }) => {
@@ -450,7 +451,6 @@ const Board = ({ setBodyStyle }) => {
             loader={<div>Loading...</div>}
           >
             {renderedFeed.map(thread => {
-            let counter = 1;
             const { replies: { pages: { topAll: { comments } } } } = thread;
             const renderedComments = renderComments(comments);
             return (
@@ -516,11 +516,11 @@ const Board = ({ setBodyStyle }) => {
                           {thread.author.address}
                         </span>})
                         &nbsp;
-                        <span key={`dt-${thread.cid}`} className="date-time" data-utc="data">2 weeks ago</span>
+                        <span key={`dt-${thread.cid}`} className="date-time" data-utc="data">{moment(thread.timestamp * 1000).fromNow()}</span>
                         &nbsp;
                         <span key={`pn-${thread.cid}`} className="post-number">
-                          <a key={`pl1-${thread.cid}`} href={handleVoidClick} title="Link to this post">No.</a>
-                          <a key={`pl2-${thread.cid}`} href={handleVoidClick} title="Reply to this post">00000001</a>
+                          <a key={`pl1-${thread.cid}`} href={handleVoidClick} title="Link to this post">c/</a>
+                          <a key={`pl2-${thread.cid}`} href={handleVoidClick} title="Reply to this post">{thread.cid.slice(0, 8)}</a>
                           &nbsp;
                           <span key={`rl1-${thread.cid}`}>
                             [
@@ -531,7 +531,7 @@ const Board = ({ setBodyStyle }) => {
                         <a key={`pmb-${thread.cid}`} className="post-menu-button" href={handleVoidClick} title="Post menu" data-cmd="post-menu">▶</a>
                         <div key={`bi-${thread.cid}`} id="backlink-id" className="backlink">
                           <span key={`ql1-${thread.cid}`}>
-                            <a key={`ql2-${thread.cid}`} className="quote-link" href={handleVoidClick}>{'>>'}00000002</a>
+                            <a key={`ql2-${thread.cid}`} className="quote-link" href={handleVoidClick}>{'>>'}{thread.cid.slice(0, 8)}</a>
                           </span>
                         </div>
                       </span>
@@ -555,8 +555,6 @@ const Board = ({ setBodyStyle }) => {
                   </div>
                 </div>
                 {renderedComments.map(reply => {
-                  counter++;
-                  const counterString = counter.toString().padStart(8, '0');
                   return (
                 <div key={`pc-${reply.cid}`} className="reply-container">
                   <div key={`sa-${reply.cid}`} className="side-arrows">{'>>'}</div>
@@ -598,11 +596,11 @@ const Board = ({ setBodyStyle }) => {
                         </span>
                       </span>
                       &nbsp;
-                      <span key={`dt-${reply.cid}`} className="date-time" data-utc="data">2 weeks ago</span>
+                      <span key={`dt-${reply.cid}`} className="date-time" data-utc="data">{moment(reply.timestamp * 1000).fromNow()}</span>
                       &nbsp;
                       <span key={`pn-${reply.cid}`} className="post-number">
-                        <a key={`pl1-${reply.cid}`} href={handleVoidClick} title="Link to this post">No.</a>
-                        <a key={`pl2-${reply.cid}`} href={handleVoidClick} title="Reply to this post">{counterString}</a>
+                        <a key={`pl1-${reply.cid}`} href={handleVoidClick} title="Link to this post">c/</a>
+                        <a key={`pl2-${reply.cid}`} href={handleVoidClick} title="Reply to this post">{reply.cid.slice(0, 8)}</a>
                       </span>
                       <a key={`pmb-${reply.cid}`} className="post-menu-button" href={handleVoidClick} title="Post menu" data-cmd="post-menu">▶</a>
                     </div>
@@ -611,7 +609,7 @@ const Board = ({ setBodyStyle }) => {
                         <>
                           <blockquote key={`pm-${reply.cid}`} className="post-message">
                             <a key={`r-pm-${reply.cid}`} className="quotelink" href={handleVoidClick}>
-                              {`>>${counterString}`}{<br />}
+                              {`>>${reply.cid.slice(0, 8)}`}{<br />}
                             </a>
                             {reply.content.slice(0, 1000)}
                             <span key={`ttl-s-${reply.cid}`} className="ttl"> (...)
@@ -623,7 +621,7 @@ const Board = ({ setBodyStyle }) => {
                         </>
                       : <blockquote key={`pm-${thread.cid}`} className="post-message">
                           <a key={`r-pm-${reply.cid}`} className="quotelink" href={handleVoidClick}>
-                            {`>>${counterString}`}{<br />}
+                            {`>>${reply.cid.slice(0, 8)}`}{<br />}
                           </a>
                           {reply.content}
                         </blockquote>)
@@ -690,10 +688,10 @@ const Board = ({ setBodyStyle }) => {
                         : null}
                       </span>
                       <span key={`mob-dt-${thread.cid}`} className="date-time-mobile">
-                        2 weeks ago
+                        {moment(thread.timestamp * 1000).fromNow()}
                         &nbsp;
-                        <a key={`mob-no-${thread.cid}`} href={handleVoidClick} title="Link to this post">No.</a>
-                        <a key={`mob-no2-${thread.cid}`} href={handleVoidClick} title="Reply to this post">00000001</a>
+                        <a key={`mob-no-${thread.cid}`} href={handleVoidClick} title="Link to this post">c/</a>
+                        <a key={`mob-no2-${thread.cid}`} href={handleVoidClick} title="Reply to this post">{thread.cid.slice(0, 8)}</a>
                       </span>
                     </div>
                     <div key={`mob-f-${thread.cid}`} className="file-mobile">
@@ -725,8 +723,6 @@ const Board = ({ setBodyStyle }) => {
                   </div>
                 </div>
                 {renderedComments.map(reply => {
-                  counter++;
-                  const counterString = counter.toString().padStart(8, '0');
                   return (
                   <div key={`mob-rc-${reply.cid}`} className="reply-container">
                     <div key={`mob-pr-${reply.cid}`} className="post-reply">
@@ -770,8 +766,8 @@ const Board = ({ setBodyStyle }) => {
                         </span>
                         <span key={`mob-dt-${reply.cid}`} className="date-time-mobile">
                           2 weeks ago&nbsp;
-                          <a key={`mob-pl1-${reply.cid}`} href={handleVoidClick} title="Link to this post">No.</a>
-                          <a key={`mob-pl2-${reply.cid}`} href={handleVoidClick} title="Reply to this post">{counterString}</a>
+                          <a key={`mob-pl1-${reply.cid}`} href={handleVoidClick} title="Link to this post">c/</a>
+                          <a key={`mob-pl2-${reply.cid}`} href={handleVoidClick} title="Reply to this post">{reply.cid.slice(0, 8)}</a>
                         </span>
                       </div>
                       {reply.content ? (
@@ -779,7 +775,7 @@ const Board = ({ setBodyStyle }) => {
                         <>
                           <blockquote key={`mob-pm-${reply.cid}`} className="post-message">
                             <a key={`mob-r-pm-${reply.cid}`} className="quotelink" href={handleVoidClick}>
-                              {`>>${counterString}`}{<br />}
+                              {`>>${reply.cid.slice(0, 8)}`}{<br />}
                             </a>
                             {reply.content.slice(0, 1000)}
                             <span key={`mob-ttl-s-${reply.cid}`} className="ttl"> (...)
@@ -789,9 +785,9 @@ const Board = ({ setBodyStyle }) => {
                             &nbsp;to view. </span>
                           </blockquote>
                         </>
-                      : <blockquote key={`mob-pm-${thread.cid}`} className="post-message">
+                      : <blockquote key={`mob-pm-${reply.cid}`} className="post-message">
                           <a key={`mob-r-pm-${reply.cid}`} className="quotelink" href={handleVoidClick}>
-                            {`>>${counterString}`}{<br />}
+                            {`>>${reply.cid.slice(0, 8)}`}{<br />}
                           </a>
                           {reply.content}
                         </blockquote>)
diff --git a/src/components/ImageBanner.jsx b/src/components/ImageBanner.jsx
index cc1c3825..a0a0f953 100644
--- a/src/components/ImageBanner.jsx
+++ b/src/components/ImageBanner.jsx
@@ -3,14 +3,27 @@ import { useLocation } from 'react-router-dom';
 
 const ImageBanner = () => {
   const [currentImage, setCurrentImage] = useState(1);
+  const [isLoaded, setIsLoaded] = useState(false);
   const location = useLocation();
 
   useEffect(() => {
+    setIsLoaded(false);
     setCurrentImage(Math.floor(Math.random() * 13) + 1);
   }, [location.key]);
 
+  useEffect(() => {
+    setIsLoaded(false);
+    const img = new Image();
+    img.src = `/assets/banners/banner-${currentImage}.jpg?${Date.now()}`;
+    img.onload = () => {
+      setIsLoaded(true);
+    };
+  }, [currentImage]);
+
   return (
-    <img id="banner-img" src={`/assets/banners/banner-${currentImage}.jpg?${Date.now()}`} alt="banner" />
+    <>
+      {isLoaded && <img id="banner-img" src={`/assets/banners/banner-${currentImage}.jpg?${Date.now()}`} alt="banner" />}
+    </>
   );
 };
 
diff --git a/src/components/Thread.jsx b/src/components/Thread.jsx
index a3158cbe..d2e0c7be 100644
--- a/src/components/Thread.jsx
+++ b/src/components/Thread.jsx
@@ -6,6 +6,7 @@ import { BoardContext } from '../App';
 import { useComment } from '@plebbit/plebbit-react-hooks';
 import ImageBanner from './ImageBanner';
 import { Tooltip } from 'react-tooltip';
+import moment from 'moment';
 
 
 const Thread = ({ setBodyStyle }) => {
@@ -419,16 +420,16 @@ const Thread = ({ setBodyStyle }) => {
                         </span>})
                       </span>
                       &nbsp;
-                      <span className="date-time" data-utc="data">2 weeks ago</span>
+                      <span className="date-time" data-utc="data">{moment(comment.timestamp * 1000).fromNow()}</span>
                       &nbsp;
                       <span className="post-number">
-                        <a href={handleVoidClick} title="Link to this post">No.</a>
-                        <a href={handleVoidClick} title="Reply to this post">00000001</a>
+                        <a href={handleVoidClick} title="Link to this post">c/</a>
+                        <a href={handleVoidClick} title="Reply to this post">{comment.cid.slice(0, 8)}</a>
                       </span>
                       <a key={`pmb-${comment.cid}`} className="post-menu-button" href={handleVoidClick} title="Post menu" data-cmd="post-menu">▶</a>
                       <div id="backlink-id" className="backlink">
                         <span>
-                          <a className="quote-link" href={handleVoidClick}>{'>>'}00000002</a>
+                          <a className="quote-link" href={handleVoidClick}>{'>>'}{comment.cid.slice(0, 8)}</a>
                         </span>
                       </div>
                     </span>
@@ -442,9 +443,6 @@ const Thread = ({ setBodyStyle }) => {
               Object.keys(comment.replies.pages.topAll.comments).map(() => {
                 const renderedComments = renderComments(comment.replies.pages.topAll.comments);
                 return renderedComments.map(reply => {
-                  let counter = 1;
-                  counter++;
-                  const counterString = counter.toString().padStart(8, '0');
                   return (
                     <div key={`pc-${reply.cid}`} className="reply-container">
                       <div key={`sa-${reply.cid}`} className="side-arrows">{'>>'}</div>
@@ -486,17 +484,17 @@ const Thread = ({ setBodyStyle }) => {
                             </span>
                           </span>
                           &nbsp;
-                          <span key={`dt-${reply.cid}`} className="date-time" data-utc="data">2 weeks ago</span>
+                          <span key={`dt-${reply.cid}`} className="date-time" data-utc="data">{moment(reply.timestamp * 1000).fromNow()}</span>
                           &nbsp;
                           <span key={`pn-${reply.cid}`} className="post-number">
-                            <a key={`pl1-${reply.cid}`} href={handleVoidClick} title="Link to this post">No.</a>
-                            <a key={`pl2-${reply.cid}`} href={handleVoidClick} title="Reply to this post">{counterString}</a>
+                            <a key={`pl1-${reply.cid}`} href={handleVoidClick} title="Link to this post">c/</a>
+                            <a key={`pl2-${reply.cid}`} href={handleVoidClick} title="Reply to this post">{reply.cid.slice(0, 8)}</a>
                           </span>
                           <a key={`pmb-${reply.cid}`} className="post-menu-button" href={handleVoidClick} title="Post menu" data-cmd="post-menu">▶</a>
                         </div>
                         <blockquote key={`pm-${reply.cid}`} className="post-message">
                           <a className="quotelink" href={handleVoidClick}>
-                            {`>>${counterString}`}{<br />}
+                            {`>>${reply.cid.slice(0, 8)}`}{<br />}
                           </a>
                           {reply.content}
                         </blockquote>
@@ -563,10 +561,10 @@ const Thread = ({ setBodyStyle }) => {
                             </span>) : null}
                       </span>
                       <span key={`mob-dt-${comment.cid}`} className="date-time-mobile">
-                        2 weeks ago
+                        {moment(comment.timestamp * 1000).fromNow()}
                         &nbsp;
-                        <a key={`mob-no-${comment.cid}`} href={handleVoidClick} title="Link to this post">No.</a>
-                        <a key={`mob-no2-${comment.cid}`} href={handleVoidClick} title="Reply to this post">00000001</a>
+                        <a key={`mob-no-${comment.cid}`} href={handleVoidClick} title="Link to this post">c/</a>
+                        <a key={`mob-no2-${comment.cid}`} href={handleVoidClick} title="Reply to this post">{comment.cid.slice(0, 8)}</a>
                       </span>
                     </div>
                     <div key={`mob-f-${comment.cid}`} className="file-mobile">
@@ -588,9 +586,6 @@ const Thread = ({ setBodyStyle }) => {
                 Object.keys(comment.replies.pages.topAll.comments).map(() => {
                   const renderedComments = renderComments(comment.replies.pages.topAll.comments);
                   return renderedComments.map(reply => {
-                    let counter = 1;
-                    counter++;
-                    const counterString = counter.toString().padStart(8, '0');
                     return (
                   <div key={`mob-rc-${reply.cid}`} className="reply-container">
                     <div key={`mob-pr-${reply.cid}`} className="post-reply">
@@ -633,14 +628,14 @@ const Thread = ({ setBodyStyle }) => {
                           <br key={`mob-br-${reply.cid}`} />
                         </span>
                         <span key={`mob-dt-${reply.cid}`} className="date-time-mobile">
-                          2 weeks ago&nbsp;
-                          <a key={`mob-pl1-${reply.cid}`} href={handleVoidClick} title="Link to this post">No.</a>
-                          <a key={`mob-pl2-${reply.cid}`} href={handleVoidClick} title="Reply to this post">{counterString}</a>
+                          {moment(reply.timestamp * 1000).fromNow()}&nbsp;
+                          <a key={`mob-pl1-${reply.cid}`} href={handleVoidClick} title="Link to this post">c/</a>
+                          <a key={`mob-pl2-${reply.cid}`} href={handleVoidClick} title="Reply to this post">{reply.cid.slice(0, 8)}</a>
                         </span>
                       </div>
                       <blockquote key={`mob-pm-${reply.cid}`} className="post-message-mobile">
                         <a key={`mob-ql-${reply.cid}`} className="quotelink-mobile" href={handleVoidClick}>
-                          {`>>${counterString}`}{<br />}
+                          {`>>${reply.cid.slice(0, 8)}`}{<br />}
                         </a>
                         {reply.content}
                       </blockquote>
diff --git a/yarn.lock b/yarn.lock
index 3ba5a984..71607efa 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -8566,6 +8566,11 @@ mkdirp@~0.5.1:
   dependencies:
     minimist "^1.2.6"
 
+moment@^2.29.4:
+  version "2.29.4"
+  resolved "https://registry.yarnpkg.com/moment/-/moment-2.29.4.tgz#3dbe052889fe7c1b2ed966fcb3a77328964ef108"
+  integrity sha512-5LC9SOxjSc2HF6vO2CyuTDNivEdoz2IvyJJGj6X8DJ0eFyfszE0QiEd+iXmBvUP3WHxSjFH/vIsA0EN00cgr8w==
+
 ms@2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/ms/-/ms-2.0.0.tgz#5608aeadfc00be6c2901df5f9861788de0d597c8"