Add new goals

GDWR · Jul 4, 2023 · 73321a2 · 73321a2
1 parent 9ce9243
commit 73321a2
Showing 1 changed file with 6 additions and 3 deletions.
diff --git a/src/pages/goals.astro b/src/pages/goals.astro
@@ -4,6 +4,10 @@ import Footer from "../components/Footer.astro";
 import "@fontsource/jetbrains-mono";
 
 const Goals = [
+    { name: "Tribe", description: "A self-hostable user submitted content-driven community.", completed: false },
+    { name: "Cru", description: "The group based, fitness motivation app that I need.", completed: false },
+    { name: "Dungeoneer", description: "A web game to fulfil that dungeon diving itch. Complete with website and API integration", completed: false },
+    { name: "Cardigo", description: "Collaboratively send digital cards to your family, friends and others.", completed: false },
     { name: "More blog posts", description: "Lets keep this ball rolling!", link: "/blog", completed: false },
     { name: "Advent of Code 2022", description: "Completed advent of code using a random language each day.", link: "https://github.com/gdwr/aoc2022", completed: false },
     { name: "Write a blog post", description: "I really need to write something.", link: "/blog", completed: true }
@@ -20,10 +24,9 @@ const Goals = [
         <main class="flex flex-col items-center justify-center gap-8 text-center dark:text-white ">
             <h1 class="underline font-bold text-4xl"> Goals </h1>
 
-            { Goals.map(goal => <a class="group px-8 pb-4 pt-2 w-1/4 rounded-xl bg-stone-300 hover:cursor-pointer dark:bg-stone-800" href={goal.link}>
-                <h2 class=`${goal.completed ? "line-through" : ""} text-2xl font-bold group-hover:text-orange-400 dark:text-orange-300 dark:group-hover:text-orange-500`>{goal.name}</h2>
+            { Goals.map(goal => <a class=`group px-8 pb-4 pt-2 w-2/5 rounded-xl bg-stone-300 ${goal.link ? "hover:cursor-pointer" : "hover:cursor-default"} dark:bg-stone-800` href={goal.link}>
+                <h2 class=`${goal.completed ? "line-through" : ""} text-2xl font-bold ${goal.link ? "group-hover:text-orange-400" : ""} dark:text-orange-300 ${goal.link ? "dark:group-hover:text-orange-500" : ""}`>{goal.name}</h2>
                 <span>{goal.description}</span>
-                <span>{goal.name}</span>
             </a>)
             }