System color theme fix, crammed all projects/templates into their own…

… files

README.md

@@ -21,7 +21,7 @@ Personal portfolio website, written in Nuxt.
  <td> Blogs, guides, and fixes
 
 <tr>
- <td> https://xithrius.cloud/projects
+ <td> https://xithrius.cloud/showcase
  <td> Project/template repository showcase
 
 <tr>

site/components/App/Navbar.vue

@@ -42,15 +42,19 @@ const headerRef = ref(null)
 const { styles } = useFixedHeader(headerRef)
 
 const items = [
-  { name: 'Home', path: '/', icon: 'solar:home-smile-outline' },
+  {
+    name: 'Home',
+    path: '/',
+    icon: 'solar:home-smile-outline',
+  },
   {
     name: 'Blog',
     path: '/posts',
     icon: 'solar:document-add-outline',
   },
   {
-    name: 'Projects',
-    path: '/projects',
+    name: 'Showcase',
+    path: '/showcase',
     icon: 'solar:folder-with-files-outline',
   },
 ]

site/components/navigation/MobileMenu.vue

@@ -11,8 +11,8 @@ const items: NavigationItem[] = [
     to: '/posts',
   },
   {
-    label: 'Projects',
-    to: '/projects',
+    label: 'Showcase',
+    to: '/showcase',
   },
   {
     label: 'ToDo',

site/components/navigation/TheHeader.vue

@@ -11,8 +11,8 @@ const items: NavigationItem[] = [
     to: '/posts',
   },
   {
-    label: 'Projects',
-    to: '/projects',
+    label: 'Showcase',
+    to: '/showcase',
   },
   {
     label: 'ToDo',

site/content/showcase/projects.json

@@ -0,0 +1,54 @@
+{
+  "repositories": [
+    {
+      "name": "twitch-tui",
+      "url": "https://github.com/Xithrius/twitch-tui",
+      "description": "Twitch chat in the terminal"
+    },
+    {
+      "name": "xithrius.cloud",
+      "url": "https://github.com/Xithrius/xithrius.cloud",
+      "description": "Personal portfolio website"
+    },
+    {
+      "name": "Solarius",
+      "url": "https://github.com/Xithrius/Solarius",
+      "description": "Summarizing results of your favorite search engines"
+    },
+    {
+      "name": "Xythrion",
+      "url": "https://github.com/Xithrius/Xythrion",
+      "description": "Discord graphing bot"
+    },
+    {
+      "name": "Competitive programming",
+      "url": "https://github.com/Xithrius/competitive-programming",
+      "description": "Competitive programming on different platforms"
+    },
+    {
+      "name": "Gradient skins",
+      "url": "https://github.com/Xithrius/gradient-skins",
+      "description": "Generate gradient Minecraft skins with ease"
+    },
+    {
+      "name": "Nitroxide",
+      "url": "https://github.com/Xithrius/nitroxide",
+      "description": "Another modern file explorer"
+    },
+    {
+      "name": "Ordis",
+      "url": "https://github.com/Xithrius/Ordis",
+      "description": "Cephalon Ordis from Warframe as a Discord bot"
+    },
+    {
+      "name": "timezone-tracker",
+      "url": "https://github.com/Xithrius/timezone-tracker",
+      "description": "Converting/tracking timezones of others relative to your local time"
+    },
+    {
+      "name": "titan.xithrius.cloud",
+      "url": "https://github.com/Xithrius/titan.xithrius.cloud",
+      "description": "Home server setup"
+    }
+  ]
+}

site/content/showcase/templates.json

@@ -0,0 +1,14 @@
+{
+  "repositories": [
+    {
+      "name": "nextjs-fastapi-auth-template",
+      "url": "https://github.com/Xithrius/nextjs-fastapi-auth-template",
+      "description": "Next.js, FastAPI-users, iron-session, and SQLAlchemy"
+    },
+    {
+      "name": "rust-binary-project-template",
+      "url": "https://github.com/Xithrius/rust-binary-project-template",
+      "description": "A template for Rust binary projects"
+    }
+  ]
+}

site/content/todo/2024.json

@@ -28,11 +28,11 @@
       "desc": "Complete a modern C++ course"
     },
     {
-      "desc": "General config file sync",
-      "url": "https://github.com/Xithrius/alacrite"
+      "desc": "General config file sync"
     },
     {
-      "desc": "Search engine that summarizes results via LLM(s)"
+      "desc": "Search engine that summarizes results via LLM(s)",
+      "url": "https://github.com/Xithrius/Solarius"
     }
   ]
 }

site/package.json

@@ -35,6 +35,7 @@
   "devDependencies": {
     "@nuxt/devtools": "^1.0.6",
     "@nuxt/eslint-config": "^0.2.0",
+    "@nuxtjs/color-mode": "^3.3.2",
     "eslint": "^8.56.0",
     "typescript": "^5.3.3",
     "vue-tsc": "^1.8.27"

site/pages/showcase.vue

@@ -0,0 +1,31 @@
+<template>
+  <main class="min-h-screen">
+    <div
+      v-for="(repos, repo_id) in repo_list"
+      :key="repo_id"
+    >
+      <AppHeader
+        class="mb-8"
+        :title="repos.title"
+      />
+      <div class="space-y-4 mb-8">
+        <AppProjectCard
+          v-for="(repo, id) in repos.repositories"
+          :key="id"
+          :project="repo"
+        />
+      </div>
+    </div>
+  </main>
+</template>
+
+<script setup>
+useSeoMeta({
+  title: 'Showcase | xithrius.cloud',
+  description: 'Showcase of projects and templates',
+})
+
+const { data: repo_list } = await useAsyncData('showcase-all', () =>
+  queryContent('/showcase').find()
+)
+</script>