Merge pull request #13 from rix1/rix1/rix1dotdev-fixes

rix1dotdev: remove badge and fix links

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

@@ -2,7 +2,6 @@ export const repos = [
   {
     title: "unvote",
     when: "2024",
-    status: "In progress",
     description:
       'In which I embark on a quest to scrape all UN voting documents to face the harsh reality of UNs effectiveness.',
     link: "https://github.com/rix1/unvote",
@@ -11,7 +10,6 @@ export const repos = [
   {
     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",
@@ -20,7 +18,6 @@ export const repos = [
   {
     title: "Physical 100",
     when: "2023",
-    status: "Live",
     description:
       'Search contestants from the Netflix show "Physical:100". Built with T3 stack and fzf.',
     link: "https://search-100.rix1.dev/",
@@ -29,7 +26,6 @@ export const repos = [
   {
     title: "Pizza.rix1.dev",
     when: "2022",
-    status: "Live",
     description:
       "A small utility for calculating pizza dough. Built with Deno Fresh.",
     link: "https://pizza.rix1.dev/",
@@ -38,15 +34,13 @@ export const repos = [
   {
     title: "Gifty.lol",
     when: "2022",
-    status: "Live",
     description: "Secret Santa for the family 🎅. Built with T3 and Supabase",
     link: "https://gifty.lol/",
     repo: "https://github.com/rix1/rix1-builds/tree/main/apps/doggo",
   },
   {
     title: "Doggo",
     when: "2022",
-    status: "Broken",
     description:
       "An app that help us track daily tasks with our new dog, Yoda. Built with T3 and Supabase",
     link: "https://doggo.rix1.dev/",
@@ -55,7 +49,6 @@ export const repos = [
   {
     title: "Cabin planner",
     when: "2022",
-    status: "Broken",
     description:
       "An app for managing resources in large families, FRP if you want. Built with T3 and Supabase",
     link: "https://hytta.rix1.dev/",
@@ -64,7 +57,6 @@ export const repos = [
   {
     title: "Flow Writer",
     when: "2022",
-    status: "Unfinished",
     description:
       "A tool for unclear writing, modelled after my messy brain. Built with Next.js",
     link: "https://twitter.com/rix1/status/1510736583154147330",
@@ -73,7 +65,6 @@ export const repos = [
   {
     title: "Nearme",
     when: "2020",
-    status: "Live",
     description:
       "COVID-19: A tool to help you track your weekly lockdown-encounters.",
 
@@ -83,15 +74,13 @@ export const repos = [
   {
     title: "Plugformac.com",
     when: "2020",
-    status: "Live",
     description:
       "I try my best to give a helping hand out to the awesome people at [Wulkano](https://wulkano.com) 💜",
     link: "https://www.plugformac.com",
   },
   {
     title: "Feriekolonien.no",
     when: "2019",
-    status: "Live",
     description:
       "A site for a childrens camp where I cook and play during summer.",
     link: "https://www.feriekolonien.no",
@@ -100,7 +89,6 @@ export const repos = [
   {
     title: "Auth now",
     when: "2019",
-    status: "Unfinished",
     description:
       "Together with some friends, we cooked up a simple passwordless authentication service ✨",
     link: "https://github.com/rix1/auth-now",
@@ -109,23 +97,20 @@ export const repos = [
   {
     title: "46brew",
     when: "2018",
-    status: "Live",
     description: "A coffee timer for the 4:6 brewing method.",
     link: "https://46brew.app",
     repo: "http://github.com/rix1/46brew",
   },
   {
     title: "Meeting timer",
     when: "2018",
-    status: "Live",
     description: "A stupid tool that wont help you do meetings better.",
     link: "https://rix1-meeting-timer-kxtvp0psu.now.sh",
     repo: "https://github.com/rix1/meeting-timer",
   },
   {
     title: "Gradient mixer",
     when: "2015",
-    status: "Live",
     description:
       "A simple tool that help you mix a bunch of colors to find nice gradients 💅",
     link: "http://rix1.github.io/gradient-mixer/",

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

@@ -7,18 +7,9 @@ type Project = {
   repo?: string;
 };
 
-function badgeForStatus(status: Project["status"]) {
-  switch (status.toLowerCase()) {
-    case "broken":
-      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 markdownToHtmlLinks(markdown: string) {
+  const regex = /\[([^\]]+)\]\(([^)]+)\)/g;
+  return markdown.replace(regex, '<a href="$2">$1</a>');
 }
 
 function compareFn(a: Project, b: Project) {
@@ -36,7 +27,7 @@ export default ({ comp, title, children, index }: Lume.Data) => {
         <title>{title}</title>
       </head>
       <body
-        className={`relative mx-auto mt-12 max-w-7xl px-4 sm:px-6 lg:px-8 ${proseClasses}`}
+        className={`relative mx-auto my-24 max-w-7xl px-4 sm:px-6 lg:px-8 ${proseClasses}`}
       >
         <main className="grid items-end gap-4 md:grid-cols-2">
           {children}
@@ -61,18 +52,15 @@ export default ({ comp, title, children, index }: Lume.Data) => {
                   <a href={project.link} className="font-semibold underline">
                     {project.title}
                   </a>
-                  <span className="rounded-full text-sm">{project.when}</span>
                   &middot;
-                  <span
-                    className={[
-                      "rounded-full px-2 py-[2px] text-xs",
-                      badgeForStatus(project.status),
-                    ].join(" ")}
-                  >
-                    {project.status}
-                  </span>
+                  <span className="rounded-full text-sm">{project.when}</span>
                 </p>
-                <p className="not-prose my-0 block">{project.description}</p>
+                <p
+                  className="not-prose my-0 block"
+                  dangerouslySetInnerHTML={{
+                    __html: markdownToHtmlLinks(project.description),
+                  }}
+                />
                 {project.repo && (
                   <div className="self-end">
                     <a

apps/rix1.dev-lume/globals.css

@@ -199,14 +199,14 @@ a:not(.clear) {
     inset: 0 0;
 }
 
-span[title] {
+span[data-tooltip] {
     position: relative;
     display: inline-block;
     margin-right: 4px;
     cursor: help;
 }
 
-span[title]:before {
+span[data-tooltip]:before {
     content: "ℹ";
     opacity: 0.6;
     background-color: rgba(219, 39, 119, 0.3);
@@ -222,14 +222,14 @@ span[title]:before {
     font-size: 12px;
 }
 
-span[title]:hover:after {
+span[data-tooltip]:hover:after {
     opacity: 1;
     transition: opacity 100ms ease-in;
 }
 
-span[title]:after {
+span[data-tooltip]:after {
     position: relative;
-    content: attr(title);
+    content: attr(data-tooltip);
     position: absolute;
     display: block;
     width: 160px;

apps/rix1.dev-lume/index.md

@@ -11,7 +11,7 @@ I'm [@rix1](https://twitter.com/rix1), an Oslo-based
 [product developer](https://github.com/rix1) and engineering manager with a
 passion for music and dogs.
 
-Born in Norway and raised amidst a lively <span title="I'm one of seven kids">pack</span> of siblings, I'm on
+Born in Norway and raised amidst a lively pack of <span data-tooltip="Six to be exact 🫶">siblings</span>, I'm on
 a quest to make sense of the world through the lens of products, technology, and
 design. I take pride in _creating_ things, both on the computer and
 in the kitchen ✨