From 0d63ca3288917f51c2064256e3e8833dfdac355e Mon Sep 17 00:00:00 2001
From: Jonathan Branan <jonbranan@gmail.com>
Date: Sun, 3 Nov 2024 01:48:17 -0600
Subject: [PATCH] modified likes page

---
 app/likes/page.tsx            | 38 ++++++++++++++++++++++++++++++++---
 app/projects/page.tsx         |  2 +-
 css/prism.css                 |  2 +-
 data/blog/howibuiltcygnus.mdx |  2 +-
 data/headerNavLinks.ts        |  4 +---
 data/likesData.ts             | 29 ++++++++++++++++++++++++++
 next.config.js                |  8 +++++++-
 tailwind.config.js            |  2 +-
 8 files changed, 76 insertions(+), 11 deletions(-)
 create mode 100644 data/likesData.ts

diff --git a/app/likes/page.tsx b/app/likes/page.tsx
index 01382fd..35acaaa 100644
--- a/app/likes/page.tsx
+++ b/app/likes/page.tsx
@@ -1,3 +1,35 @@
-export default function Page() {
-  return <div>ayoooooooooooooooo</div>
-}
+import projectsData from '@/data/likesData'
+import Card from '@/components/Card'
+import { genPageMetadata } from 'app/seo'
+
+export const metadata = genPageMetadata({ title: 'Likes' })
+
+export default function Likes() {
+  return (
+    <>
+      <div className="divide-y divide-gray-200 dark:divide-gray-700">
+        <div className="space-y-2 pb-8 pt-6 md:space-y-5">
+          <h1 className="text-3xl font-extrabold leading-9 tracking-tight text-gray-900 dark:text-gray-100 sm:text-4xl sm:leading-10 md:text-6xl md:leading-14">
+            Likes
+          </h1>
+          <p className="text-lg leading-7 text-gray-500 dark:text-gray-400">
+            These things are pretty cool, check 'em out.
+          </p>
+        </div>
+        <div className="container py-12">
+          <div className="-m-4 flex flex-wrap">
+            {projectsData.map((d) => (
+              <Card
+                key={d.title}
+                title={d.title}
+                description={d.description}
+                imgSrc={d.imgSrc}
+                href={d.href}
+              />
+            ))}
+          </div>
+        </div>
+      </div>
+    </>
+  )
+}
\ No newline at end of file
diff --git a/app/projects/page.tsx b/app/projects/page.tsx
index 523bcd9..4cb5cc9 100644
--- a/app/projects/page.tsx
+++ b/app/projects/page.tsx
@@ -32,4 +32,4 @@ export default function Projects() {
       </div>
     </>
   )
-}
+}
\ No newline at end of file
diff --git a/css/prism.css b/css/prism.css
index 9046e34..2ed8301 100644
--- a/css/prism.css
+++ b/css/prism.css
@@ -80,7 +80,7 @@
 }
 
 .token.boolean {
-  color: rgb(255, 88, 116);
+  color: rgb(138, 21, 40);
 }
 
 .token.number {
diff --git a/data/blog/howibuiltcygnus.mdx b/data/blog/howibuiltcygnus.mdx
index ca68623..1b37d90 100644
--- a/data/blog/howibuiltcygnus.mdx
+++ b/data/blog/howibuiltcygnus.mdx
@@ -49,5 +49,5 @@ To be continued....
 ###  Troubleshooting insanity
 ###   The Need to Concede
 ###  Light at the end of the tunnel
-*/}
+*/} 
 
diff --git a/data/headerNavLinks.ts b/data/headerNavLinks.ts
index 18eeddc..f7447ea 100644
--- a/data/headerNavLinks.ts
+++ b/data/headerNavLinks.ts
@@ -1,9 +1,7 @@
 const headerNavLinks = [
   { href: '/', title: 'Home' },
   { href: '/blog', title: 'Blog' },
-  { href: 'https://git.jonb.io/', title: 'Code' },
-  { href: 'https://up.jonb.io/status/default', title: 'Status' },
-  { href: 'https://castlemine-map.jonb.io/', title: 'Castlemine Map' },
+  // { href: 'https://git.jonb.io/', title: 'Code' },
   { href: '/likes', title: 'Likes' },
   { href: '/tags', title: 'Tags' },
   { href: '/projects', title: 'Projects' },
diff --git a/data/likesData.ts b/data/likesData.ts
new file mode 100644
index 0000000..bdcc30c
--- /dev/null
+++ b/data/likesData.ts
@@ -0,0 +1,29 @@
+interface Likes {
+  title: string
+  description: string
+  href?: string
+  imgSrc?: string
+}
+
+const likesData: Likes[] = [
+  {
+    title: 'Gitea',
+    description: `My git server. Where all of the development happens.`,
+    href: 'https://git.jonb.io/',
+    imgSrc: 'https://s3.jonb.io/cdn/likes/gitea.jpeg',
+  },
+  {
+    title: 'Castlemine Map',
+    description: `Minecraft map for the castlemine.jonb.io server.`,
+    href: 'https://castlemine-map.jonb.io/',
+    imgSrc: 'https://s3.jonb.io/cdn/likes/minecraft.jpeg',
+  },
+  {
+    title: 'Uptime Kuma',
+    description: `App that monitors the kingdom.`,
+    href: 'https://up.jonb.io/status/default',
+    imgSrc: 'https://s3.jonb.io/cdn/likes/uptime-kuma.jpeg',
+  },
+]
+
+export default likesData
diff --git a/next.config.js b/next.config.js
index 86acba3..e218230 100644
--- a/next.config.js
+++ b/next.config.js
@@ -10,7 +10,7 @@ const ContentSecurityPolicy = `
   script-src 'self' 'unsafe-eval' 'unsafe-inline' giscus.app analytics.umami.is;
   style-src 'self' 'unsafe-inline';
   img-src * blob: data:;
-  media-src *.s3.amazonaws.com;
+  media-src s3.jonb.io*;
   connect-src *;
   font-src 'self';
   frame-src giscus.app
@@ -77,6 +77,12 @@ module.exports = () => {
           protocol: 'https',
           hostname: 'picsum.photos',
         },
+        {
+          protocol: 'https',
+          hostname: 's3.jonb.io',
+          port: '',
+          pathname: '/cdn/**',
+        },
       ],
       unoptimized,
     },
diff --git a/tailwind.config.js b/tailwind.config.js
index 3c14209..5e304a0 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -25,7 +25,7 @@ module.exports = {
         sans: ['var(--font-space-grotesk)', ...fontFamily.sans],
       },
       colors: {
-        primary: colors.pink,
+        primary: colors.cyan,
         gray: colors.gray,
       },
       zIndex: {