diff --git a/src/Site/Catalog.tsx b/src/Site/Catalog.tsx
index 7039b73..07aa7f9 100644
--- a/src/Site/Catalog.tsx
+++ b/src/Site/Catalog.tsx
@@ -31,7 +31,8 @@ const fetchCatalog = async (boardID: string): Promise<Page[]> => {
 // Creates the json index for the catalog.
 const createThreadElement = (thread: Thread, boardID: string,) => {
   const { no, images, com, sub, tim, ext, tn_h, tn_w } = thread;
-  const threadURL = `https://boards.4channel.org/${boardID}/thread/${no}`;
+  //const threadURL = `https://boards.4channel.org/${boardID}/thread/${no}`;
+  const localURL = `/${boardID}/thread/${no}`;
   // if ext is .webm or gif, show the thumbnail instead.
   let imgSrc;
   if (ext === '.webm' || ext === '.gif') {
@@ -42,7 +43,7 @@ const createThreadElement = (thread: Thread, boardID: string,) => {
   const ratio = 150 / Math.max(tn_w, tn_h);
   return (
     <div key={`thread-${no}`} id={`thread-${no}`} className="thread">
-      <a href={threadURL} target="_blank" rel="noopener noreferrer">
+      <a href={localURL} className='catalog-link'>
       <img id={`thumb-${no}`} src={imgSrc} data-height={tn_h} data-width={tn_w} style={{width: `${tn_w * ratio}px`, height: `${tn_h * ratio}px`}} alt={`Thumbnail for thread ${no}`} />
       </a>
       <div id={`meta-${no}`} className="meta" title="(R)eplies / (I)mage Replies">