feat: autonomous racing

src/layouts/BaseLayout.astro

@@ -36,6 +36,8 @@ const {
             return "#d50032";
           case "meditations":
             return "#6a0dad";
+          case "autonomous-racing":
+            return "#009975";
           default:
             return "#000000";
         }

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>

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";
   }