rix1dotdev: add a few more projects

apps/rix1.dev-lume/_data/index.js

@@ -1,10 +1,28 @@
 export const repos = [
+  {
+    title: "unvote",
+    when: "2024",
+    status: "Unfinished",
+    description:
+      'A little tool for scraping all UN voting documents and storing them locally.',
+    link: "https://github.com/rix1/unvote",
+    repo: "https://github.com/rix1/unvote",
+  },
+  {
+    title: "Cashflow",
+    when: "2024",
+    status: "CLI",
+    description:
+      'Simplify the management of personal finances by parsing and normalizing CSV exports from Norwegian bank statements.',
+    link: "https://github.com/rix1/cashflow",
+    repo: "https://github.com/rix1/cashflow",
+  },
   {
     title: "Physical 100",
     when: "2023",
     status: "Live",
     description:
-      'Search contestants from the Netflix show "Physical:100". Built with T3 stack. Search was done with a JavsScript port of fzf.',
+      'Search contestants from the Netflix show "Physical:100". Built with T3 stack and fzf.',
     link: "https://search-100.rix1.dev/",
     repo: "https://github.com/rix1/rix1-builds/tree/main/apps/physical-100",
   },

apps/rix1.dev-lume/_includes/layouts/landing.tsx

@@ -13,12 +13,18 @@ function badgeForStatus(status: Project["status"]) {
       return "bg-red-100 text-red-600";
     case "unfinished":
       return "bg-gray-100 text-gray-600";
+    case "cli":
+      return "bg-blue-100 text-blue-600";
     case "live":
     default:
       return "bg-green-100 text-green-600";
   }
 }
 
+function compareFn(a: Project, b: Project) {
+  return Number(b.when) - Number(a.when);
+}
+
 export default ({ comp, title, children, index }: Lume.Data) => {
   const proseClasses = ["prose", "lg:prose-xl"].join(" ");
 
@@ -49,7 +55,7 @@ export default ({ comp, title, children, index }: Lume.Data) => {
         <section className="mt-24">
           <h2 className="mb-8">{index.repos.length} of my latest creations:</h2>
           <div className="grid grid-flow-row grid-cols-2 gap-6 md:grid-cols-3 lg:grid-rows-3">
-            {(index.repos as Project[]).map((project) => (
+            {(index.repos as Project[]).sort(compareFn).map((project) => (
               <article key={project.title} className="mb-4 max-w-xs">
                 <p className="not-prose my-0 inline-flex flex-wrap items-baseline gap-2">
                   <a href={project.link} className="font-semibold underline">