diff --git a/src/App.js b/src/App.js
index 0123eb3f..a98e194f 100644
--- a/src/App.js
+++ b/src/App.js
@@ -58,13 +58,13 @@ export default function App() {
     <BoardContext.Provider value={{ selectedTitle, setSelectedTitle, selectedAddress, setSelectedAddress, selectedThread, setSelectedThread, selectedStyle, setSelectedStyle }}>
       <Routes>
         <Route exact path='/' element={<Home setBodyStyle={setBodyStyle} />} />
-        <Route path={`/${selectedAddress}`} element={<Board setBodyStyle={setBodyStyle} />}>
+        <Route path={`/p/${selectedAddress}`} element={<Board setBodyStyle={setBodyStyle} />}>
           <Route path='post' element={<Board />} />
         </Route>
-        <Route path={`/${selectedAddress}/thread/${selectedThread}`} element={<Thread setBodyStyle={setBodyStyle} />}>
+        <Route path={`/p/${selectedAddress}/thread/${selectedThread}`} element={<Thread setBodyStyle={setBodyStyle} />}>
           <Route path='post' element={<Thread />} />
         </Route>
-        <Route path={`/${selectedAddress}/catalog`} element={<Catalog setBodyStyle={setBodyStyle} /> }>
+        <Route path={`/p/${selectedAddress}/catalog`} element={<Catalog setBodyStyle={setBodyStyle} /> }>
           <Route path='post' element={<Catalog />} />
         </Route>
       </Routes>
diff --git a/src/components/Board.jsx b/src/components/Board.jsx
index d8264825..d1caa3fe 100644
--- a/src/components/Board.jsx
+++ b/src/components/Board.jsx
@@ -28,17 +28,41 @@ const Board = ({ setBodyStyle }) => {
   const renderedFeed = selectedFeed.slice(startIndex, endIndex);
 
 
-  const handleScroll = (event) => {
-    const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;
-    if (scrollTop + clientHeight >= scrollHeight) {
-      setEndIndex(endIndex + 5);
-    }
-  };
-
   useEffect(() => {
     setSelectedFeed(feed);
   }, [feed]);
 
+  useEffect(() => {
+    let didCancel = false;
+    fetch(
+      "https://raw.githubusercontent.com/plebbit/temporary-default-subplebbits/master/subplebbits.json",
+      { cache: "no-cache" }
+    )
+      .then((res) => res.json())
+      .then(res => {
+        if (!didCancel) {
+          setDefaultSubplebbits(res);
+        }
+      });
+    return () => {
+      didCancel = true;
+    };
+  }, []);
+
+  useEffect(() => {
+    const handleScroll = () => {
+      const currentScrollPos = window.pageYOffset;
+
+      setVisible(prevScrollPos > currentScrollPos || currentScrollPos < 10);
+      setPrevScrollPos(currentScrollPos);
+    };
+
+    window.addEventListener('scroll', handleScroll);
+
+    return () => window.removeEventListener('scroll', handleScroll);
+  }, [prevScrollPos, visible]);
+
+
   const tryLoadMore = async () => {
     try {
       loadMore();
@@ -113,36 +137,14 @@ const Board = ({ setBodyStyle }) => {
     });
   };
 
-  useEffect(() => {
-    let didCancel = false;
-    fetch(
-      "https://raw.githubusercontent.com/plebbit/temporary-default-subplebbits/master/subplebbits.json",
-      { cache: "no-cache" }
-    )
-      .then((res) => res.json())
-      .then(res => {
-        if (!didCancel) {
-          setDefaultSubplebbits(res);
-        }
-      });
-    return () => {
-      didCancel = true;
-    };
-  }, []);
-
-  useEffect(() => {
-    const handleScroll = () => {
-      const currentScrollPos = window.pageYOffset;
-
-      setVisible(prevScrollPos > currentScrollPos || currentScrollPos < 10);
-      setPrevScrollPos(currentScrollPos);
-    };
-
-    window.addEventListener('scroll', handleScroll);
-
-    return () => window.removeEventListener('scroll', handleScroll);
-  }, [prevScrollPos, visible]);
 
+  const handleScroll = (event) => {
+    const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;
+    if (scrollTop + clientHeight >= scrollHeight) {
+      setEndIndex(endIndex + 5);
+    }
+  };
+  
   const handleVoidClick = () => {}
 
   const handleClickTitle = (title, address) => {
@@ -151,14 +153,6 @@ const Board = ({ setBodyStyle }) => {
     setSelectedFeed(feed.filter(feed => feed.title === title));
   };
 
-  const handleSelectChange = (event) => {
-    const selected = event.target.value;
-    const selectedTitle = defaultSubplebbits.find((subplebbit) => subplebbit.address === selected).title;
-    setSelectedTitle(selectedTitle);
-    setSelectedAddress(selected);
-    navigate(`/${selected}`);
-  }
-
   const handleClickHelp = () => {
     alert("- The CAPTCHA loads after you click \"Post\" \n- The CAPTCHA is case-sensitive. \n- Make sure to not block any cookies set by plebchan.");
   };
@@ -166,12 +160,20 @@ const Board = ({ setBodyStyle }) => {
   const handleClickForm = () => {
     setShowPostFormLink(false);
     setShowPostForm(true);
-    navigate(`/${selectedAddress}/post`);
+    navigate(`/p/${selectedAddress}/post`);
   };
 
   const handleClickThread = (thread) => {
     setSelectedThread(thread);
   }
+
+  const handleSelectChange = (event) => {
+    const selected = event.target.value;
+    const selectedTitle = defaultSubplebbits.find((subplebbit) => subplebbit.address === selected).title;
+    setSelectedTitle(selectedTitle);
+    setSelectedAddress(selected);
+    navigate(`/p/${selected}`);
+  }
   
   const handlePublishComment = async () => {
     try {
@@ -258,6 +260,7 @@ const Board = ({ setBodyStyle }) => {
     }
   }
 
+
   function renderComments(comments) {
     return comments.map(comment => {
       const { replyCount, replies: { pages: { topAll: { comments: nestedComments } } } } = comment;
@@ -278,7 +281,7 @@ const Board = ({ setBodyStyle }) => {
           {defaultSubplebbits.map(subplebbit => (
             <span className="boardList" key={`span-${subplebbit.address}`}>
               [
-              <Link to={`/${subplebbit.address}`} key={`a-${subplebbit.address}`} onClick={() => handleClickTitle(subplebbit.title, subplebbit.address)}
+              <Link to={`/p/${subplebbit.address}`} key={`a-${subplebbit.address}`} onClick={() => handleClickTitle(subplebbit.title, subplebbit.address)}
               >{subplebbit.title}</Link>
               ]&nbsp;
             </span>
@@ -397,12 +400,12 @@ const Board = ({ setBodyStyle }) => {
         </span>
         <div id="catalog-button-desktop">
           [
-          <Link to={`/${selectedAddress}/catalog`}>Catalog</Link>
+          <Link to={`/p/${selectedAddress}/catalog`}>Catalog</Link>
           ]
         </div>
         <div id="catalog-button-mobile">
           <span className="btn-wrap">
-            <Link to={`/${selectedAddress}/catalog`}>Catalog</Link>
+            <Link to={`/p/${selectedAddress}/catalog`}>Catalog</Link>
           </span>
         </div>
       </TopBar>
@@ -489,7 +492,7 @@ const Board = ({ setBodyStyle }) => {
                           &nbsp;
                           <span key={`rl1-${thread.cid}`}>
                             [
-                            <Link key={`rl2-${thread.cid}`} to={`/${selectedAddress}/thread/${thread.cid}`} onClick={() => handleClickThread(thread.cid)} className="reply-link" >Reply</Link>
+                            <Link key={`rl2-${thread.cid}`} to={`/p/${selectedAddress}/thread/${thread.cid}`} onClick={() => handleClickThread(thread.cid)} className="reply-link" >Reply</Link>
                             ]
                           </span>
                         </span>
@@ -508,7 +511,7 @@ const Board = ({ setBodyStyle }) => {
                             <span key={`ttl-s-${thread.cid}`} className="ttl"> (...) 
                             <br key={`ttl-s-br1-${thread.cid}`} /><br key={`ttl-s-br2${thread.cid}`} />
                             Post too long.&nbsp;
-                              <Link key={`ttl-l-${thread.cid}`} to={`/${selectedAddress}/thread/${thread.cid}`} onClick={() => handleClickThread(thread.cid)} className="ttl-link">Click here</Link>
+                              <Link key={`ttl-l-${thread.cid}`} to={`/p/${selectedAddress}/thread/${thread.cid}`} onClick={() => handleClickThread(thread.cid)} className="ttl-link">Click here</Link>
                               &nbsp;to view. </span>
                           </blockquote>
                         </>
@@ -582,7 +585,7 @@ const Board = ({ setBodyStyle }) => {
                             <span key={`ttl-s-${reply.cid}`} className="ttl"> (...)
                             <br key={`ttl-s-br1-${reply.cid}`} /><br key={`ttl-s-br2${reply.cid}`} />
                             Comment too long.&nbsp;
-                              <Link key={`ttl-l-${reply.cid}`} to={`/${selectedAddress}/thread/${thread.cid}`} onClick={() => handleClickThread(thread.cid)} className="ttl-link">Click here</Link>
+                              <Link key={`ttl-l-${reply.cid}`} to={`/p/${selectedAddress}/thread/${thread.cid}`} onClick={() => handleClickThread(thread.cid)} className="ttl-link">Click here</Link>
                             &nbsp;to view. </span>
                           </blockquote>
                         </>
@@ -675,7 +678,7 @@ const Board = ({ setBodyStyle }) => {
                             <span key={`mob-ttl-s-${thread.cid}`} className="ttl"> (...)
                             <br key={`mob-ttl-s-br1-${thread.cid}`} /><br key={`mob-ttl-s-br2${thread.cid}`} />
                              Post too long.&nbsp;
-                              <Link key={`mob-ttl-l-${thread.cid}`} to={`/${selectedAddress}/thread/${thread.cid}`} onClick={() => handleClickThread(thread.cid)} className="ttl-link">Click here</Link>
+                              <Link key={`mob-ttl-l-${thread.cid}`} to={`/p/${selectedAddress}/thread/${thread.cid}`} onClick={() => handleClickThread(thread.cid)} className="ttl-link">Click here</Link>
                               &nbsp;to view. </span>
                           </blockquote>
                         </>
@@ -686,7 +689,7 @@ const Board = ({ setBodyStyle }) => {
                   </div>
                   <div key={`mob-pl-${thread.cid}`} className="post-link-mobile">
                     <span key={`mob-info-${thread.cid}`} className="info-mobile">{thread.replyCount} Replies / ? Images</span>
-                    <Link key={`rl2-${thread.cid}`} to={`/${selectedAddress}/thread/${thread.cid}`} onClick={() => handleClickThread(thread.cid)} className="button-mobile" >View Thread</Link>
+                    <Link key={`rl2-${thread.cid}`} to={`/p/${selectedAddress}/thread/${thread.cid}`} onClick={() => handleClickThread(thread.cid)} className="button-mobile" >View Thread</Link>
                   </div>
                 </div>
                 {renderedComments.map(reply => {
@@ -750,7 +753,7 @@ const Board = ({ setBodyStyle }) => {
                             <span key={`mob-ttl-s-${reply.cid}`} className="ttl"> (...)
                             <br key={`mob-ttl-s-br1-${reply.cid}`} /><br key={`mob-ttl-s-br2${reply.cid}`} />
                             Comment too long.&nbsp;
-                              <Link key={`mob-ttl-l-${reply.cid}`} to={`/${selectedAddress}/thread/${thread.cid}`} onClick={() => handleClickThread(thread.cid)} className="ttl-link">Click here</Link>
+                              <Link key={`mob-ttl-l-${reply.cid}`} to={`/p/${selectedAddress}/thread/${thread.cid}`} onClick={() => handleClickThread(thread.cid)} className="ttl-link">Click here</Link>
                             &nbsp;to view. </span>
                           </blockquote>
                         </>
diff --git a/src/components/Catalog.jsx b/src/components/Catalog.jsx
index d8f55974..5f18237b 100644
--- a/src/components/Catalog.jsx
+++ b/src/components/Catalog.jsx
@@ -144,7 +144,7 @@ const Catalog = ({ setBodyStyle }) => {
   const handleClickForm = () => {
     setShowPostFormLink(false);
     setShowPostForm(true);
-    navigate(`/${selectedAddress}/catalog/post`);
+    navigate(`/p/${selectedAddress}/catalog/post`);
   };
 
   const handleClickThread = (thread) => {
@@ -245,7 +245,7 @@ const Catalog = ({ setBodyStyle }) => {
           {defaultSubplebbits.map(subplebbit => (
             <span className="boardList" key={`span-${subplebbit.address}`}>
               [
-              <Link to={`/${subplebbit.address}`} key={`a-${subplebbit.address}`} onClick={() => handleClickTitle(subplebbit.title, subplebbit.address)}
+              <Link to={`/p/${subplebbit.address}`} key={`a-${subplebbit.address}`} onClick={() => handleClickTitle(subplebbit.title, subplebbit.address)}
               >{subplebbit.title}</Link>
               ]&nbsp;
             </span>
@@ -364,12 +364,12 @@ const Catalog = ({ setBodyStyle }) => {
         </span>
         <div className="return-button" id="return-button-desktop">
           [
-          <Link to={`/${selectedAddress}`}>Return</Link>
+          <Link to={`/p/${selectedAddress}`}>Return</Link>
           ]
         </div>
         <div id="return-button-mobile">
           <span className="btn-wrap-catalog btn-wrap">
-            <Link to={`/${selectedAddress}`}>Return</Link>
+            <Link to={`/p/${selectedAddress}`}>Return</Link>
           </span>
         </div>
         <hr />
@@ -384,7 +384,7 @@ const Catalog = ({ setBodyStyle }) => {
           {feed.map(thread => {
             return (
               <div key={`${thread.cid}`} className="thread">
-                <Link key={`a-${thread.cid}`} to={`/${selectedAddress}/thread/${thread.cid}`} onClick={() => handleClickThread(thread.cid)}>
+                <Link key={`a-${thread.cid}`} to={`/p/${selectedAddress}/thread/${thread.cid}`} onClick={() => handleClickThread(thread.cid)}>
                   <img key={`img-${thread.cid}`} alt="" src="/assets/plebchan-psycho.png" />
                 </Link>
                 <div key={`ti-${thread.cid}`} className="thread-icons" >
diff --git a/src/components/Home.jsx b/src/components/Home.jsx
index 927a2f06..e8146fca 100644
--- a/src/components/Home.jsx
+++ b/src/components/Home.jsx
@@ -74,7 +74,7 @@ const Home = ({ setBodyStyle }) => {
               {defaultSubplebbits.map(subplebbit => (
                 <div className="board" key={subplebbit.address}>
                   <div className="board-title">{subplebbit.title}</div>
-                  <Link to={`/${subplebbit.address}`} onClick={() => {
+                  <Link to={`/p/${subplebbit.address}`} onClick={() => {
                     handleClick(subplebbit.title, subplebbit.address);
                   }} >
                     <img alt="board logo" src="/assets/plebchan.png" />
diff --git a/src/components/Thread.jsx b/src/components/Thread.jsx
index d7d64ba8..67389e5a 100644
--- a/src/components/Thread.jsx
+++ b/src/components/Thread.jsx
@@ -70,7 +70,7 @@ const Thread = ({ setBodyStyle }) => {
   const handleClickForm = () => {
     setShowReplyFormLink(false);
     setShowReplyForm(true);
-    navigate(`/${selectedAddress}/thread/${selectedThread}/post`);
+    navigate(`/p/${selectedAddress}/thread/${selectedThread}/post`);
   };
 
   const handleStyleChange = (event) => {
@@ -223,12 +223,12 @@ const Thread = ({ setBodyStyle }) => {
         <ReplyFormLink id="post-form-link" showReplyFormLink={showReplyFormLink} selectedStyle={selectedStyle} >
           <div id="return-button-mobile">
             <span className="btn-wrap">
-              <Link to={`/${selectedAddress}`}>Return</Link>
+              <Link to={`/p/${selectedAddress}`}>Return</Link>
             </span>
           </div>
           <div id="catalog-button-mobile">
             <span className="btn-wrap">
-              <Link to={`/${selectedAddress}/catalog`}>Catalog</Link>
+              <Link to={`/p/${selectedAddress}/catalog`}>Catalog</Link>
             </span>
           </div>
           <div id="bottom-button-mobile">
@@ -303,12 +303,12 @@ const Thread = ({ setBodyStyle }) => {
         </span>
         <span className="return-button" id="return-button-desktop">
           [
-          <Link to={`/${selectedAddress}`}>Return</Link>
+          <Link to={`/p/${selectedAddress}`}>Return</Link>
           ]
         </span>
         <span className="return-button catalog-button" id="catalog-button-desktop">
           [
-          <Link to={`/${selectedAddress}/catalog`}>Catalog</Link>
+          <Link to={`/p/${selectedAddress}/catalog`}>Catalog</Link>
           ]
         </span>
         <span className="return-button catalog-button" id="bottom-button-desktop">
@@ -629,12 +629,12 @@ const Thread = ({ setBodyStyle }) => {
                   <hr />
                   <span className="bottom-bar-return">
                     [
-                    <Link to={`/${selectedAddress}`}>Return</Link>
+                    <Link to={`/p/${selectedAddress}`}>Return</Link>
                     ]
                   </span>
                   <span className="bottom-bar-catalog">
                     [
-                    <Link to={`/${selectedAddress}/catalog`}>Catalog</Link>
+                    <Link to={`/p/${selectedAddress}/catalog`}>Catalog</Link>
                     ]
                   </span>
                   <span className="bottom-bar-top">
@@ -689,12 +689,12 @@ const Thread = ({ setBodyStyle }) => {
                 <div id="btns-container">
                   <div id="return-button-mobile">
                     <span className="btn-wrap">
-                      <Link to={`/${selectedAddress}`}>Return</Link>
+                      <Link to={`/p/${selectedAddress}`}>Return</Link>
                     </span>
                   </div>
                   <div id="catalog-button-mobile">
                     <span className="btn-wrap">
-                      <Link to={`/${selectedAddress}/catalog`}>Catalog</Link>
+                      <Link to={`/p/${selectedAddress}/catalog`}>Catalog</Link>
                     </span>
                   </div>
                   <span className="bottom-bar-top">