diff --git a/src/content/posts/software/multithreading-a-gui.mdx b/src/content/posts/autonomous-racing/multithreading-a-gui.mdx
similarity index 100%
rename from src/content/posts/software/multithreading-a-gui.mdx
rename to src/content/posts/autonomous-racing/multithreading-a-gui.mdx
diff --git a/src/layouts/BaseLayout.astro b/src/layouts/BaseLayout.astro
index 328354c..0601f50 100644
--- a/src/layouts/BaseLayout.astro
+++ b/src/layouts/BaseLayout.astro
@@ -36,6 +36,8 @@ const {
             return "#d50032";
           case "meditations":
             return "#6a0dad";
+          case "autonomous-racing":
+            return "#009975";
           default:
             return "#000000";
         }
diff --git a/src/pages/index.astro b/src/pages/index.astro
index cd550df..b9ec17e 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -42,6 +42,9 @@ Object.keys(postsByCategory).forEach((category) => {
       <li class="topic meditations">
         <a href="#meditations" data-topic="meditations">meditations</a>
       </li>
+      <li class="topic autonomous-racing">
+        <a href="#autonomous-racing" data-topic="autonomous-racing">autonomous racing</a>
+      </li>
     </ul>
     <div class="posts" id="posts"></div>
   </div>
diff --git a/src/utils/colors.js b/src/utils/colors.js
index bd3a90a..91e8819 100644
--- a/src/utils/colors.js
+++ b/src/utils/colors.js
@@ -6,6 +6,8 @@ export function getTopicColor(topicName) {
       return "#d50032";
     case "meditations":
       return "#6a0dad";
+    case "autonomous-racing":
+      return "#009975";
     default:
       return "#000000";
   }