From cbf58a4ff50562af7000fb7b07702337100ba6c8 Mon Sep 17 00:00:00 2001
From: Xithrius <xithrius@gmail.com>
Date: Fri, 29 Dec 2023 21:35:17 -0800
Subject: [PATCH] Added but did not finish todo section

---
 site/components/Home/Divider.vue          |  7 ---
 site/components/navigation/MenuItem.vue   |  4 +-
 site/components/navigation/MobileMenu.vue | 15 ++++--
 site/components/navigation/TheHeader.vue  | 36 ++++++-------
 site/components/typography/Headline.vue   | 36 -------------
 site/components/typography/Prose.vue      | 62 -----------------------
 site/components/typography/Title.vue      | 14 -----
 site/content/todo/2022.json               | 54 ++++++++++++++++++++
 site/content/todo/2023.json               | 32 ++++++++++++
 site/content/todo/2024.json               | 28 ++++++++++
 site/pages/todo.vue                       | 26 ++++++++++
 site/types/meta/navigation.ts             |  5 +-
 site/utils/math.ts                        | 25 ---------
 site/utils/navigation.ts                  | 11 ----
 14 files changed, 174 insertions(+), 181 deletions(-)
 delete mode 100644 site/components/Home/Divider.vue
 delete mode 100644 site/components/typography/Headline.vue
 delete mode 100644 site/components/typography/Prose.vue
 delete mode 100644 site/components/typography/Title.vue
 create mode 100644 site/content/todo/2022.json
 create mode 100644 site/content/todo/2023.json
 create mode 100644 site/content/todo/2024.json
 create mode 100644 site/pages/todo.vue
 delete mode 100644 site/utils/math.ts
 delete mode 100644 site/utils/navigation.ts

diff --git a/site/components/Home/Divider.vue b/site/components/Home/Divider.vue
deleted file mode 100644
index 01aa1b9..0000000
--- a/site/components/Home/Divider.vue
+++ /dev/null
@@ -1,7 +0,0 @@
-<template>
-  <div class="flex items-center justify-center gap-8 pointer-events-none">
-    <span class="h-0.5 w-0.5 bg-gray-400 dark:bg-white/30" />
-    <span class="h-0.5 w-0.5 bg-gray-400 dark:bg-white/30" />
-    <span class="h-0.5 w-0.5 bg-gray-400 dark:bg-white/30" />
-  </div>
-</template>
diff --git a/site/components/navigation/MenuItem.vue b/site/components/navigation/MenuItem.vue
index 7c39eac..ddc131b 100644
--- a/site/components/navigation/MenuItem.vue
+++ b/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>
diff --git a/site/components/navigation/MobileMenu.vue b/site/components/navigation/MobileMenu.vue
index 0c4df44..bdfc611 100644
--- a/site/components/navigation/MobileMenu.vue
+++ b/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()
diff --git a/site/components/navigation/TheHeader.vue b/site/components/navigation/TheHeader.vue
index 885d2b0..d79610a 100644
--- a/site/components/navigation/TheHeader.vue
+++ b/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>
diff --git a/site/components/typography/Headline.vue b/site/components/typography/Headline.vue
deleted file mode 100644
index 50cb5b3..0000000
--- a/site/components/typography/Headline.vue
+++ /dev/null
@@ -1,36 +0,0 @@
-<script setup lang="ts">
-interface HeadlineProps {
-	content: string;
-	as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p' | 'span' | 'div';
-	size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'title';
-}
-
-withDefaults(defineProps<HeadlineProps>(), {
-	as: 'h2',
-	size: 'md',
-})
-</script>
-<template>
-  <div
-    :class="[
-      {
-        'text-xl': size === 'xs',
-        'text-2xl': size === 'sm',
-        'text-3xl': size === 'md',
-        'text-4xl': size === 'lg',
-        'text-2xl md:text-5xl': size === 'xl',
-        'text-4xl xs:text-5xl md:text-7xl  dark:drop-shadow': size === 'title',
-      },
-      'font-display font-semibold leading-snug tracking-tight color-em dark:text-white',
-    ]"
-    v-html="content"
-  />
-</template>
-
-<style lang="postcss">
-.color-em {
-	em {
-		@apply text-primary not-italic;
-	}
-}
-</style>
diff --git a/site/components/typography/Prose.vue b/site/components/typography/Prose.vue
deleted file mode 100644
index 3b2cb98..0000000
--- a/site/components/typography/Prose.vue
+++ /dev/null
@@ -1,62 +0,0 @@
-<script setup lang="ts">
-export interface ProseProps {
-	content: string;
-	size?: 'sm' | 'md' | 'lg'; // @TODO: Rework the sizes
-}
-
-withDefaults(defineProps<ProseProps>(), {
-	size: 'md',
-})
-
-const config = useRuntimeConfig()
-const contentEl = ref<HTMLElement | null>(null)
-
-onMounted(() => {
-	if (!contentEl.value) return
-
-	const anchors = Array.from(contentEl.value.getElementsByTagName('a'))
-	if (!anchors) return
-
-	for (const anchor of anchors) {
-		const href = anchor.getAttribute('href')
-
-		if (!href) return
-
-		const url = new URL(href, window.location.origin)
-
-		const isLocal = url.hostname === config.public.siteUrl
-
-		if (isLocal) {
-			anchor.addEventListener('click', (e) => {
-				const { pathname, searchParams, hash } = new URL(anchor.href)
-
-				navigateTo({
-					path: pathname,
-					hash: hash,
-					query: Object.fromEntries(searchParams.entries()),
-				})
-
-				e.preventDefault()
-			})
-		} else {
-			anchor.setAttribute('target', '_blank')
-			anchor.setAttribute('rel', 'noopener noreferrer')
-		}
-	}
-})
-</script>
-
-<template>
-  <div
-    ref="contentEl"
-    :class="[
-      {
-        'prose-sm': size === 'sm',
-        'md:prose-base lg:prose-lg': size === 'md',
-        'prose-lg lg:prose-xl': size === 'lg',
-      },
-      'prose dark:prose-invert prose-img:rounded-lg prose-img:rounded-lg prose-img:border-2 prose-img:border-gray-500 prose-headings:font-display prose-headings:font-semibold',
-    ]"
-    v-html="content"
-  />
-</template>
diff --git a/site/components/typography/Title.vue b/site/components/typography/Title.vue
deleted file mode 100644
index 391e74a..0000000
--- a/site/components/typography/Title.vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<script setup lang="ts">
-interface TitleProps {
-	as?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'p' | 'div';
-}
-
-withDefaults(defineProps<TitleProps>(), {
-	as: 'h2',
-})
-</script>
-<template>
-  <component :is="as" class="font-medium tracking-wider uppercase font-display text-primary">
-    <slot />
-  </component>
-</template>
diff --git a/site/content/todo/2022.json b/site/content/todo/2022.json
new file mode 100644
index 0000000..71ef9c4
--- /dev/null
+++ b/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
+  }
+]
diff --git a/site/content/todo/2023.json b/site/content/todo/2023.json
new file mode 100644
index 0000000..886ba03
--- /dev/null
+++ b/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"
+  }
+]
diff --git a/site/content/todo/2024.json b/site/content/todo/2024.json
new file mode 100644
index 0000000..f8b1e28
--- /dev/null
+++ b/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"
+  }
+]
diff --git a/site/pages/todo.vue b/site/pages/todo.vue
new file mode 100644
index 0000000..59a73a0
--- /dev/null
+++ b/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>
diff --git a/site/types/meta/navigation.ts b/site/types/meta/navigation.ts
index 362af41..ae93599 100644
--- a/site/types/meta/navigation.ts
+++ b/site/types/meta/navigation.ts
@@ -1,5 +1,4 @@
 export interface NavigationItem {
-  name: string;
-  path: string;
-  icon?: string | null;
+  label: string;
+  to: string;
 }
diff --git a/site/utils/math.ts b/site/utils/math.ts
deleted file mode 100644
index 06d6775..0000000
--- a/site/utils/math.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-function formatPercent(number: number) {
-	return Number((number * 100).toFixed(1)) + '%'
-}
-
-function percentChange(num1: number, num2: number) {
-	if (num1 === 0 || num2 === 0) return 0
-	return (num1 - num2) / num1
-}
-
-function roundToDecimal(value: number | string, decimals: number | string) {
-	const val = typeof value === 'string' ? parseFloat(value) : value
-	const dec = typeof decimals === 'string' ? parseInt(decimals, 10) : decimals
-	// @ts-ignore
-	return Number(Math.round(val + 'e' + dec) + 'e-' + dec)
-}
-
-function isEven(n: number) {
-	return n % 2 === 0
-}
-
-function isOdd(n: number) {
-	return Math.abs(n % 2) === 1
-}
-
-export { formatPercent, percentChange, roundToDecimal, isEven, isOdd }
diff --git a/site/utils/navigation.ts b/site/utils/navigation.ts
deleted file mode 100644
index 9d26e26..0000000
--- a/site/utils/navigation.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import type { NavigationItem, Page } from '~/types'
-
-export function getNavItemUrl(item: NavigationItem): string | null {
-	if (item.type === 'page' && (item.page as Page)) {
-		return (item.page as Page)?.permalink
-	} else if (item.type === 'url' && item.url) {
-		return item.url as string
-	}
-
-	return null
-}