Added but did not finish todo section

site/components/navigation/MenuItem.vue

@@ -7,11 +7,11 @@ defineProps<{
 </script>
 <template>
   <NuxtLink
-    :href="item.path"
+    :href="item.to"
     class="relative px-3 py-4 flex items-center justify-center transition hover:text-primary-400 dark:hover:text-primary-400"
     active-class="text-primary-500 dark:text-primary-500"
     :target="'_self'"
   >
-    {{ item.name }}
+    {{ item.label }}
   </NuxtLink>
 </template>

site/components/navigation/MobileMenu.vue

@@ -1,16 +1,23 @@
 <script setup lang="ts">
-const items = [
-  { label: 'Home', to: '/', icon: 'solar:home-smile-outline' },
+import type { NavigationItem } from '~/types'
+
+const items: NavigationItem[] = [
+  {
+    label: 'Home',
+    to: '/',
+  },
   {
     label: 'Blog',
     to: '/posts',
-    icon: 'solar:document-add-outline',
   },
   {
     label: 'Projects',
     to: '/projects',
-    icon: 'solar:folder-with-files-outline',
   },
+  {
+    label: 'ToDo',
+    to: '/todo',
+  }
 ]
 
 const route = useRoute()

site/components/navigation/TheHeader.vue

@@ -2,17 +2,22 @@
 import type { NavigationItem } from '~/types'
 
 const items: NavigationItem[] = [
-  { name: 'Home', path: '/', icon: 'solar:home-smile-outline' },
   {
-    name: 'Blog',
-    path: '/posts',
-    icon: 'solar:document-add-outline',
+    label: 'Home',
+    to: '/',
   },
   {
-    name: 'Projects',
-    path: '/projects',
-    icon: 'solar:folder-with-files-outline',
+    label: 'Blog',
+    to: '/posts',
   },
+  {
+    label: 'Projects',
+    to: '/projects',
+  },
+  {
+    label: 'ToDo',
+    to: '/todo',
+  }
 ]
 </script>
 
@@ -23,19 +28,16 @@ const items: NavigationItem[] = [
     <div
       class="flex items-center dark:bg-zinc-900 bg-zinc-200 justify-between py-2 px-6 md:flex-1 rounded-lg shadow-md"
     >
-      <NuxtLink
-        href="https://github.com/Xithrius"
-      >
-        <Icon
-          aria-hidden="true"
-          name="iconoir:github"
-          class="w-5 h-5"
-        />
+      <NuxtLink href="https://github.com/Xithrius">
+        <Icon aria-hidden="true" name="iconoir:github" class="w-5 h-5" />
       </NuxtLink>
-      <nav class="hidden md:flex md:space-x-4 lg:space-x-6" aria-label="Global navigation">
+      <nav
+        class="hidden md:flex md:space-x-4 lg:space-x-6"
+        aria-label="Global navigation"
+      >
         <NavigationMenuItem
           v-for="item in items"
-          :key="item.name"
+          :key="item.label"
           :item="item"
         />
       </nav>

site/content/todo/2022.json

@@ -0,0 +1,54 @@
+[
+  {
+    "desc": "Survive",
+    "done": true
+  },
+  {
+    "desc": "A year-long contribution streak"
+  },
+  {
+    "desc": "Create a website with multiple subdomains",
+    "url": "https://github.com/Xithrius/xithrius.cloud",
+    "done": true
+  },
+  {
+    "desc": "Twitch TUI",
+    "url": "https://github.com/Xithrius/twitch-tui",
+    "done": true
+  },
+  {
+    "desc": "Timezone Tracker",
+    "url": "https://github.com/Xithrius/timezone-tracker",
+    "done": true
+  },
+  {
+    "desc": "Markdown table generator",
+    "url": "https://github.com/Xithrius/markdown-table-rs",
+    "done": true
+  },
+  {
+    "desc": "Make guides/blogs on website",
+    "url": "https://github.com/Xithrius/xithrius.cloud/tree/main/site",
+    "done": true
+  },
+  {
+    "desc": "Create home server",
+    "url": "https://github.com/Xithrius/titan.xithrius.cloud",
+    "done": true
+  },
+  {
+    "desc": "Create own polybar theme/config",
+    "url": "https://github.com/Xithrius/dotfiles/tree/main/.config/polybar",
+    "done": true
+  },
+  {
+    "desc": "Rust TUI template repository",
+    "url": "https://github.com/Xithrius/rust-tui-project-template",
+    "done": true
+  },
+  {
+    "desc": "Get CD working on a VPS",
+    "url": "https://github.com/Xithrius/xithrius.cloud/",
+    "done": true
+  }
+]

site/content/todo/2023.json

@@ -0,0 +1,32 @@
+[
+  { "desc": "Survive again" },
+  { "desc": "An actual full year contribution streak", "done": true },
+  {
+    "desc": "Create an one-for-all package manager",
+    "url": "https://github.com/Xithrius/nitride"
+  },
+  {
+    "desc": "Discord bot for graphing",
+    "url": "https://github.com/Xithrius/Xythrion"
+  },
+  { "desc": "Create systemd service(s) to alert when something happens" },
+  { "desc": "Take an online course for circuit analysis" },
+  { "desc": "Get access to home server from anywhere", "done": true },
+  { "desc": "User video game stats lookup" },
+  { "desc": "Gmail clone", "done": true },
+  { "desc": "Game config sync", "url": "https://github.com/Xithrius/alacrite" },
+  { "desc": "File vault with encryption" },
+  { "desc": "File explorer", "url": "https://github.com/Xithrius/nitroxide" },
+  {
+    "desc": "Control fan with ESP32 module, temp/humidity sensor"
+  },
+  {
+    "desc": "Complete one of the years for Advent of Code"
+  },
+  {
+    "desc": "Create QOL scripts for remote server interactions"
+  },
+  {
+    "desc": "Perfect current i3wm config looks and workflows"
+  }
+]

site/content/todo/2024.json

@@ -0,0 +1,28 @@
+[
+  {
+    "desc": "Survive yet again"
+  },
+  {
+    "desc": "Rewrite this site in Nuxt"
+  },
+  {
+    "desc": "Get Ordis (Warframe market bot) into a production state",
+    "url": "https://github.com/Xithrius/Ordis"
+  },
+  {
+    "desc": "Get Xythrion (General utility bot) into a production state",
+    "url": "https://github.com/Xithrius/Xythrion"
+  },
+  {
+    "desc": "Adafruit Metro ESP32-S2 to provide temperature readings (through Circuit Python)"
+  },
+  {
+    "desc": "Automate repetitive workflow setups for i3wm"
+  },
+  {
+    "desc": "Kitty terminal framework for setting up projects via config files"
+  },
+  {
+    "desc": "Complete a modern C++ course"
+  }
+]

site/pages/todo.vue

@@ -0,0 +1,26 @@
+<template>
+  <main class="min-h-screen">
+    <AppHeader
+      class="mb-16"
+      title="ToDo"
+    />
+    <div class="space-y-4">
+      <AppProjectCard
+        v-for="(project, id) in projects"
+        :key="id"
+        :project="project"
+      />
+    </div>
+  </main>
+</template>
+
+<script setup>
+useSeoMeta({
+  title: 'ToDo | Xithrius',
+  description: 'Tasks and Goals for the future',
+})
+
+const { data: projects } = await useAsyncData('todo-all', () =>
+  queryContent('/todo').find()
+)
+</script>

site/types/meta/navigation.ts

@@ -1,5 +1,4 @@
 export interface NavigationItem {
-  name: string;
-  path: string;
-  icon?: string | null;
+  label: string;
+  to: string;
 }