feat: add icons to posts and photos to featured posts

src/components/SmallCard.astro

@@ -21,7 +21,13 @@ const { post } = Astro.props;
   <a href={tp(`/${post.collection}/${post.id.split("/")[0]}`)}>
     <h2
       class="text-2xl flex gap-2 items-center line-clamp text-ellipsis overflow-hidden">
-      {post.data.icon && <img src={post.data.icon} class="h-6" />}
+      {
+        post.data.icon?.length > 3 ? (
+          <img src={post.data.icon} class="h-6" />
+        ) : post.data.icon?.length ? (
+          <span>{post.data.icon}</span>
+        ) : null
+      }
       {post.data.title}
     </h2>
     <p class="text-ellipsis overflow-hidden line-clamp-2">

src/content/photos/erasmus-valencia/index.en.mdx

@@ -2,6 +2,9 @@
 title: "Erasmus Valencia"
 date: 2022-09-02
 cover: ./images/MAX_8218 - MAX_8230.jpg
+toc: true
+icon: 🍊
+tags: ["valencia", "erasmus"]
 ---
 
 import Image from "@components/Image.astro"

src/content/photos/erasmus-valencia/index.mdx

@@ -3,6 +3,8 @@ title: "Erasmus Valencia"
 date: 2022-09-02
 cover: ./images/MAX_8218 - MAX_8230.jpg
 toc: true
+icon: 🍊
+tags: ["valencia", "erasmus"]
 ---
 
 import Image from "@components/Image.astro"

src/content/photos/madeira-2025/index.en.mdx

@@ -3,7 +3,9 @@ title: Madeira
 date: 2025-02-16
 license: "CC-BY-SA:4.0"
 comments: true
+icon: 🏝️
 cover: ./images/MAX_0603.jpg
+tags: ["madeira", "travel"]
 ---
 
 import Image from "@components/Image.astro";

src/content/photos/madeira-2025/index.mdx

@@ -3,7 +3,9 @@ title: Madeira
 date: 2025-02-16
 license: "CC-BY-SA:4.0"
 comments: true
+icon: 🏝️
 cover: ./images/MAX_0603.jpg
+tags: ["madeira", "travel"]
 ---
 
 import Image from "@components/Image.astro";

src/content/photos/peaks-of-the-balkans/index.en.mdx

@@ -3,6 +3,8 @@ title: "Peaks of the Balkans"
 date: 2024-06-19
 cover: ./images/MAX_9861.jpg
 license: "CC-BY-SA:4.0"
+icon: 🏔️
+tags: ["balkans", "travel"]
 comments: true
 ---
 

src/content/photos/peaks-of-the-balkans/index.mdx

@@ -3,6 +3,8 @@ title: "Peaks of the Balkans"
 date: 2024-06-19
 cover: ./images/MAX_9861.jpg
 license: "CC-BY-SA:4.0"
+icon: 🏔️
+tags: ["balkans", "hiking", "travel"]
 comments: true
 ---
 

src/pages/index.astro

@@ -33,9 +33,21 @@ const posts = filterCollection(
   await getCollection("blog"),
   getLocale(Astro.url),
 );
+const photos = filterCollection(
+  await getCollection("photos"),
+  getLocale(Astro.url),
+);
+const list = [...posts, ...photos];
+list.sort((a, b) => {
+  return a.data.date > b.data.date ? -1 : 1;
+});
+// .sort((a, b) => {
+//   return a.data.date.getDate() > b.data.date.getDate() ? 1 : -1;
+// });
+console.log(list.map((post) => [post.data.date, post.data.title]));
 
-const featuredPost = posts.find((post) => post.data?.featured);
+const featuredPost = list.find((post) => post.data?.featured);
-const otherPosts = posts.filter((post) => featuredPost !== post).slice(0, 3);
+const otherPosts = list.filter((post) => featuredPost !== post).slice(0, 3);
 ---
 
 <Layout title="Max Richter">