From d6859cdaad5de3c0e34186afefe066f0fa4b8678 Mon Sep 17 00:00:00 2001
From: webfussel <fiona@webfussel.de>
Date: Sat, 14 Jun 2025 10:23:46 +0200
Subject: [PATCH] add: SEO for articles

SEO and SchemaORg for articles
---
 app/assets/css/blog/article.css             |  28 ++++++++++++-
 app/assets/css/blog/card.css                |   1 +
 app/assets/css/global.css                   |   9 ++++
 app/components/Blog/Author.vue              |  18 ++++++--
 app/components/Blog/Card.vue                |  12 +-----
 app/components/Section/Intro.vue            |  10 +++--
 app/error.vue                               |  20 +++++++++
 app/pages/blog/[slug].vue                   |  43 ++++++++++++++++----
 app/pages/blog/index.vue                    |  21 ++++++----
 app/utils/error.ts                          |  15 +++++++
 content.config.ts                           |  10 ++---
 content/blog/0000.start.md                  |  25 ++++++------
 content/blog/0001.entry1.md                 |  18 --------
 content/blog/0002.entry2.md                 |  18 --------
 content/blog/0003.entry3.md                 |  18 --------
 content/blog/0004.entry4.md                 |  18 --------
 public/img/blog/authors/webfussel@1x.webp   | Bin 0 -> 458 bytes
 public/img/blog/authors/webfussel@2x.webp   | Bin 0 -> 1038 bytes
 public/img/blog/authors/webfussel@3x.webp   | Bin 0 -> 1712 bytes
 public/img/blog/posts/0000.start.webp       | Bin 0 -> 8528 bytes
 public/img/blog/posts/0000.start_thumb.webp | Bin 0 -> 8516 bytes
 server/routes/blog/posts.json.ts            |  39 ++++++++++++++++++
 22 files changed, 198 insertions(+), 125 deletions(-)
 create mode 100644 app/error.vue
 create mode 100644 app/utils/error.ts
 delete mode 100644 content/blog/0001.entry1.md
 delete mode 100644 content/blog/0002.entry2.md
 delete mode 100644 content/blog/0003.entry3.md
 delete mode 100644 content/blog/0004.entry4.md
 create mode 100644 public/img/blog/authors/webfussel@1x.webp
 create mode 100644 public/img/blog/authors/webfussel@2x.webp
 create mode 100644 public/img/blog/authors/webfussel@3x.webp
 create mode 100644 public/img/blog/posts/0000.start.webp
 create mode 100644 public/img/blog/posts/0000.start_thumb.webp
 create mode 100644 server/routes/blog/posts.json.ts

diff --git a/app/assets/css/blog/article.css b/app/assets/css/blog/article.css
index f1afd46..b01583c 100644
--- a/app/assets/css/blog/article.css
+++ b/app/assets/css/blog/article.css
@@ -3,14 +3,39 @@
     flex-direction: column;
     gap: 2rem;
 
+    & .meta {
+        display: flex;
+        gap: 1rem;
+        align-items: center;
+    }
+
+    & .article-content {
+        background: var(--color-black);
+        border-radius: 1rem;
+    }
+
+    & .article-text {
+        padding: 2rem;
+    }
+
+    & header {
+        padding: 2rem 2rem 0;
+    }
+
     h1 {
         font-size: 2rem;
     }
 
+    h2 {
+        font-size: 1.5rem;
+        font-style: italic;
+        font-weight: lighter;
+    }
+
     & .image {
         width: 100%;
         height: 450px;
-        border-radius: 1rem;
+        border-radius: 1rem 1rem 0 0;
         overflow: hidden;
         background: #000;
 
@@ -19,6 +44,7 @@
             height: 100%;
             opacity: .8;
             object-fit: cover;
+            object-position: center;
         }
     }
 }
\ No newline at end of file
diff --git a/app/assets/css/blog/card.css b/app/assets/css/blog/card.css
index 7e868db..7b067c7 100644
--- a/app/assets/css/blog/card.css
+++ b/app/assets/css/blog/card.css
@@ -15,6 +15,7 @@
     & > .image {
         flex: 0 0 200px;
         width: 100%;
+        overflow: hidden;
 
         & img {
             height: 100%;
diff --git a/app/assets/css/global.css b/app/assets/css/global.css
index 8396b49..2e23894 100755
--- a/app/assets/css/global.css
+++ b/app/assets/css/global.css
@@ -159,6 +159,15 @@ span.chip {
     width: max-content;
     transition: var(--transition-time);
 
+    &.interactive {
+        cursor: pointer;
+
+        &:hover {
+            background: var(--color-orange-dark);
+            color: var(--color-white);
+        }
+    }
+
     &:not(.dark) {
         --background: var(--color-orange);
         --color: var(--color-black);
diff --git a/app/components/Blog/Author.vue b/app/components/Blog/Author.vue
index 6045e67..45f4e40 100644
--- a/app/components/Blog/Author.vue
+++ b/app/components/Blog/Author.vue
@@ -1,7 +1,15 @@
 <template>
   <aside class="BlogAuthor">
     <div class="image">
-      <img :src="image" :alt="`Bild von ${name}`"/>
+      <img
+        loading="lazy"
+        width="50"
+        height="50"
+        :srcset="imageSet.join(', ')"
+        :src="initialImage"
+        aria-hidden="true"
+        :alt="`Profilbild von ${name}`"
+      />
     </div>
     <div class="meta">
       <span class="name">{{ name }}</span>
@@ -11,13 +19,14 @@
 </template>
 
 <script setup lang="ts">
+import { getImageSet, getInitialImage } from '../../utils/image'
+
 type Props = {
   name: string
-  image: string
   date: string
 }
 
-const { date } = defineProps<Props>()
+const { name, date } = defineProps<Props>()
 
 const formatter = new Intl.DateTimeFormat('de-DE', {
   year: 'numeric',
@@ -26,4 +35,7 @@ const formatter = new Intl.DateTimeFormat('de-DE', {
 })
 
 const dateFormatted = computed(() => formatter.format(new Date(date)))
+
+const imageSet = getImageSet('/img/blog/authors/', name)
+const initialImage = getInitialImage('/img/blog/authors/', name)
 </script>
\ No newline at end of file
diff --git a/app/components/Blog/Card.vue b/app/components/Blog/Card.vue
index 8f1546d..ba33f0e 100644
--- a/app/components/Blog/Card.vue
+++ b/app/components/Blog/Card.vue
@@ -10,15 +10,11 @@
       </header>
       <main>
         <p>
-          {{ generatePlainText(excerpt.value).at(0)?.text ?? '' }}
+          {{ description }}
         </p>
       </main>
       <footer>
-        <BlogAuthor :name="author.name" :image="author.image" :date="date"/>
-        <div class="tags">
-          <span>tags</span>
-          <span class="tag" v-for="tag in tags">{{ tag }}</span>
-        </div>
+        <BlogAuthor :name="author.name" :date="date"/>
       </footer>
     </div>
   </NuxtLink>
@@ -26,20 +22,16 @@
 
 <script setup lang="ts">
 import type { Category } from './types'
-import type { MinimalNode } from '@nuxt/content'
 
 type Props = {
   title: string
   description: string
   image: string
   date: string
-  excerpt: { type: string, value: MinimalNode[], children?: any }
   link: string
-  tags: string[]
   category: Category
   author: {
     name: string
-    image: string
   }
 }
 
diff --git a/app/components/Section/Intro.vue b/app/components/Section/Intro.vue
index 396f561..81d6d28 100755
--- a/app/components/Section/Intro.vue
+++ b/app/components/Section/Intro.vue
@@ -6,7 +6,9 @@
         <span class="my-name-wrapper">Ich bin <Highlight>Fiona</Highlight>.</span>
       </h1>
       <h2>
-        Component <Highlight>&</Highlight> API Entwicklerin
+        Component
+        <Highlight>&</Highlight>
+        API Entwicklerin
       </h2>
       <p class="fulltext">
         Ich unterstütze Unternehmen dabei, ihre Daten von verschiedenen Endpunkten sauber aufzubereiten
@@ -21,14 +23,14 @@
         Ich biete dir genau das, was du brauchst, um eine individuelle WebApp in Fahrt zu bringen, deren Inhalte einfach zu verändern sind.
       </p>
       <Button class="cta" href="#skills">
-        <Icon name="ph:lightbulb-duotone" size="1.5em" mode="svg" />
+        <Icon name="ph:lightbulb-duotone" size="1.5em" mode="svg"/>
         Fussel erklärt's dir
       </Button>
     </div>
     <div class="intro-img">
       <picture>
-        <source width="750" height="866" media="(min-width: 431px)" srcset="/img/profile_big.webp" />
-        <img width="430" height="866" src="/img/profile_small.webp" alt="Bild von Fiona Urban" />
+        <source width="750" height="866" media="(min-width: 431px)" srcset="/img/profile_big.webp"/>
+        <img width="430" height="866" src="/img/profile_small.webp" alt="Bild von Fiona Urban"/>
       </picture>
     </div>
   </section>
diff --git a/app/error.vue b/app/error.vue
new file mode 100644
index 0000000..ac82507
--- /dev/null
+++ b/app/error.vue
@@ -0,0 +1,20 @@
+<template>
+  <section class="bg-radial">
+    <NuxtLayout>
+      <section class="content">
+        <h1>{{ error?.statusCode }}</h1>
+        <p>{{ message }}</p>
+      </section>
+    </NuxtLayout>
+  </section>
+</template>
+<script setup lang="ts">
+import type { NuxtError } from 'nuxt/app'
+
+type Props = {
+  error: NuxtError
+}
+
+const { error } = defineProps<Props>()
+const message = getErrorMessage(error)
+</script>
\ No newline at end of file
diff --git a/app/pages/blog/[slug].vue b/app/pages/blog/[slug].vue
index 0195bc6..ef69662 100644
--- a/app/pages/blog/[slug].vue
+++ b/app/pages/blog/[slug].vue
@@ -5,29 +5,54 @@
       Zurück zur Übersicht
     </NuxtLink>
 
-    <p v-if="!article">
-      Sorry bro, aber der Artikel existiert einfach nicht.
-    </p>
-
-    <div v-else>
+    <main v-if="article" class="article-content z-3">
+      <div class="image z-2">
+        <img :src="article.image" alt="Artikelbild" aria-hidden="true"/>
+      </div>
       <header>
-        <div class="image z-2">
-          <img :src="article.image" alt="Artikelbild" aria-hidden="true"/>
+        <div class="meta">
+          <NuxtLink :to="`/blog/?category=${article.category}`">
+            <span class="chip interactive"><BlogCategory :name="article.category as Category"/></span>
+          </NuxtLink>
         </div>
         <h1 class="margin-top">{{ article.title }}</h1>
         <h2>{{ article.description }}</h2>
       </header>
-      <div class="flex-col gap-default">
+      <div class="flex-col gap-default article-text">
         <ContentRenderer v-if="article" :value="article" :style="{ display: 'contents' }"/>
       </div>
-    </div>
+    </main>
   </section>
 </template>
 
 <script setup lang="ts">
+import type { Category } from '../../components/Blog/types'
+
 const route = useRoute()
 
 const { data: article } = await useAsyncData('article', () => queryCollection('blog').path(route.path).where('date', '<', tomorrow(new Date())).first())
+
+if (!article.value) {
+  throw createError({
+    statusCode: 404,
+    statusMessage: 'Page Not Found',
+  })
+} else {
+  useHead(article.value.head || {})
+  useSeoMeta({
+    ...(article.value.seo || {}),
+    ogTitle: article.value.title,
+    ogDescription: article.value.description,
+    ogImage: article.value.image,
+    ogImageAlt: article.value.description,
+    ogUrl: `https://webfussel.de${article.value.path}`,
+    twitterTitle: article.value.title,
+    twitterDescription: article.value.description,
+    twitterImage: article.value.image,
+    twitterImageAlt: article.value.description,
+    twitterUrl: `https://webfussel.de${article.value.path}`,
+  })
+}
 </script>
 
 <style scoped>
diff --git a/app/pages/blog/index.vue b/app/pages/blog/index.vue
index e8e4b86..8a4f56e 100644
--- a/app/pages/blog/index.vue
+++ b/app/pages/blog/index.vue
@@ -1,10 +1,17 @@
 <template>
   <section id="blog" class="BlogOverview content">
-    <main>
+    <h1>Blogfussel - für mehr Fussel im Blog</h1>
+    <p>Hey! Hier sammel ich alles, was mir so durch den Kopf geht - von handfesten Tutorials und Code-Snippets über Freelancing-Stories
+      bis hin zu News meiner Apps und random Gedanken. Manchmal ausführlich, manchmal nur kurz angerissen.</p>
+
+    <main class="margin-top">
       <ul class="category-list">
         <li>
           <NuxtLink class="inline-flex-row gap-sm side" to="/blog">
-            <span class="chip" :class="{ 'dark' : route.query.category}">Alle {{ articles?.length }}</span>
+            <span class="chip"
+                  :class="{ 'dark' : route.query.category && Object.keys(allCategoriesAndCount).includes(route.query.category as string)}">Alle {{
+                articles?.length
+              }}</span>
           </NuxtLink>
         </li>
         <li v-for="(count, category) in allCategoriesAndCount">
@@ -15,6 +22,8 @@
       </ul>
       <div class="grid margin-top-middle article-overview">
         <BlogCard v-for="article in firstTen" v-bind="makeBlogCard(article)"/>
+        <div v-if="firstTen.length < 2"/>
+        <div v-if="firstTen.length < 3"/>
       </div>
     </main>
   </section>
@@ -33,8 +42,8 @@ const { data: articles } = await useAsyncData('articles', () => queryCollection(
 )
 
 const firstTen = computed(() => {
-  if (route.query.category) {
-    return articles.value?.filter(article => article.meta.category === route.query.category).slice(0, 10) ?? []
+  if (route.query.category && Object.keys(allCategoriesAndCount.value).includes(route.query.category as Category)) {
+    return articles.value?.filter(article => article.category === route.query.category).slice(0, 10) ?? []
   }
   return articles.value?.slice(0, 10) ?? []
 })
@@ -42,7 +51,7 @@ const firstTen = computed(() => {
 const allCategoriesAndCount = computed(() => {
   const categories = {} as Record<Category, number>
   articles.value?.forEach(article => {
-    const category = article.meta.category as Category
+    const category = article.category as Category
     if (category) {
       categories[category] = (categories[category] ?? 0) + 1
     }
@@ -55,9 +64,7 @@ const makeBlogCard = (article: BlogCollectionItem) => ({
   description: article.description,
   image: article.thumbnail as string,
   date: article.date as string,
-  excerpt: article.excerpt as any,
   link: article.path,
-  tags: article.tags as string[],
   category: article.category as Category,
   author: article.author as { name: string, image: string },
 })
diff --git a/app/utils/error.ts b/app/utils/error.ts
new file mode 100644
index 0000000..f61d860
--- /dev/null
+++ b/app/utils/error.ts
@@ -0,0 +1,15 @@
+import type { NuxtError } from 'nuxt/app'
+
+const codes: Record<number, string> = {
+  400: 'Hey, deine Anfrage war irgendwie kaputt. Check nochmal!',
+  404: 'Sorry bro, aber diese Seite existiert einfach nicht.',
+  408: 'Alter, das hat viel zu lange gedauert. Timeout!',
+  410: 'Diese Seite ist für immer weg. Gone!',
+  500: 'Crap, da ging was im Hintergrund schief. Sorry!',
+  501: 'Das haben wir noch nicht implementiert. Oops!',
+  502: 'Der Server dahinter spinnt gerade rum.',
+  503: 'Service ist gerade down. Versuch es später nochmal.',
+  504: 'Gateway Timeout - da hängt was fest.',
+}
+
+export const getErrorMessage = (error: NuxtError) => codes[error.statusCode] ?? 'Sorry, da ist etwas schief gelaufen.'
\ No newline at end of file
diff --git a/content.config.ts b/content.config.ts
index fffe2f5..f15d153 100644
--- a/content.config.ts
+++ b/content.config.ts
@@ -1,8 +1,9 @@
 import { defineContentConfig, defineCollection, z } from '@nuxt/content'
+import { asSchemaOrgCollection } from 'nuxt-schema-org/content'
 
 export default defineContentConfig({
   collections: {
-    blog: defineCollection({
+    blog: defineCollection(asSchemaOrgCollection({
       type: 'page',
       source: 'blog/*.md',
       schema: z.object({
@@ -10,17 +11,12 @@ export default defineContentConfig({
         image: z.string(),
         thumbnail: z.string(),
         category: z.string(),
-        tags: z.array(z.string()),
         author: z.object({
           name: z.string(),
           image: z.string(),
         }),
-        excerpt: z.object({
-          type: z.string(),
-          children: z.any(),
-        }),
       }),
-    }),
+    })),
 
     skills: defineCollection({
       type: 'page',
diff --git a/content/blog/0000.start.md b/content/blog/0000.start.md
index 26fa078..a81e22d 100644
--- a/content/blog/0000.start.md
+++ b/content/blog/0000.start.md
@@ -1,20 +1,21 @@
 ---
-image: 'https://picsum.photos/1920/450?random=4'
-thumbnail: 'https://picsum.photos/750/250?random=4'
-title: 'Blogfussel - für mehr Fussel im Blog'
+image: '/img/blog/posts/0000.start.webp'
+thumbnail: '/img/blog/posts/0000.start_thumb.webp'
+title: 'Blogfussel - schon wieder'
+description: 'Warum ich mich dazu entschlossen habe, jetzt doch wieder mit dem Bloggen anzufangen? Da muss ich etwas ausholen.'
 navigation: true
 date: 2025-06-11
 category: 'story'
-tags: [ 'start', 'story' ]
 author:
   name: 'webfussel'
-  image: '/img/og.webp'
+  image: '/img/blog/authors/webfussel@3x.webp'
+schemaOrg:
+  type: 'BlogPosting'
+  headline: 'Warum es wieder einen blogfussel gibt'
+  author:
+    type: 'Person'
+    name: 'Fiona Urban aka webfussel'
+  datePublished: '2025-06-11'
 ---
 
-::blog-excerpt
-Warum ich mich dazu entschlossen habe jetzt doch wieder mit dem Bloggen anzufangen? Da muss ich etwas ausholen.
-::
-
-<!-- more -->
-
-Noch mehr Text
\ No newline at end of file
+Irgendein Text
\ No newline at end of file
diff --git a/content/blog/0001.entry1.md b/content/blog/0001.entry1.md
deleted file mode 100644
index 49d8d25..0000000
--- a/content/blog/0001.entry1.md
+++ /dev/null
@@ -1,18 +0,0 @@
----
-image: 'https://picsum.photos/600/250?random=3'
-title: 'Post 1'
-description: 'Blablabla'
-navigation: true
-date: 2025-05-20
-category: 'tutorial'
-tags: [ 'test', 'wasd' ]
-author:
-  name: 'webfussel'
-  image: '/img/og.webp'
----
-
-Blablabla test 1 2 3
-
-<!-- more -->
-
-Noch mehr Text
\ No newline at end of file
diff --git a/content/blog/0002.entry2.md b/content/blog/0002.entry2.md
deleted file mode 100644
index 1033dfa..0000000
--- a/content/blog/0002.entry2.md
+++ /dev/null
@@ -1,18 +0,0 @@
----
-image: 'https://picsum.photos/600/250?random=2'
-title: 'Post 2'
-description: 'Blablabla'
-navigation: true
-date: 2025-05-16
-category: 'snippet'
-tags: [ 'test', 'asdf' ]
-author:
-  name: 'webfussel'
-  image: '/img/og.webp'
----
-
-Blablabla test 1 2 3
-
-<!-- more -->
-
-Noch mehr Text
\ No newline at end of file
diff --git a/content/blog/0003.entry3.md b/content/blog/0003.entry3.md
deleted file mode 100644
index 8e19bbb..0000000
--- a/content/blog/0003.entry3.md
+++ /dev/null
@@ -1,18 +0,0 @@
----
-image: 'https://picsum.photos/600/250?random=1'
-title: 'Post 3'
-description: 'Blablabla'
-navigation: true
-date: 2025-05-25
-category: 'freelancing'
-tags: [ 'test', '123' ]
-author:
-  name: 'webfussel'
-  image: '/img/og.webp'
----
-
-Blablabla test 1 2 3
-
-<!-- more -->
-
-Noch mehr Text
\ No newline at end of file
diff --git a/content/blog/0004.entry4.md b/content/blog/0004.entry4.md
deleted file mode 100644
index 476906d..0000000
--- a/content/blog/0004.entry4.md
+++ /dev/null
@@ -1,18 +0,0 @@
----
-image: 'https://picsum.photos/600/250?random=5'
-title: 'Post 4'
-description: 'Blablabla'
-navigation: true
-date: 2025-05-25
-category: 'news'
-tags: [ 'test', '123' ]
-author:
-  name: 'webfussel'
-  image: '/img/og.webp'
----
-
-Blablabla test 1 2 3
-
-<!-- more -->
-
-Noch mehr Text
\ No newline at end of file
diff --git a/public/img/blog/authors/webfussel@1x.webp b/public/img/blog/authors/webfussel@1x.webp
new file mode 100644
index 0000000000000000000000000000000000000000..0a85f433ee06765feecc8715c7ab9eba3295eeea
GIT binary patch
literal 458
zcmV;*0X6<oNk&G(0RRA3MM6+kP&il$000000000n001!n09H^qAfy2R0B{QcodGH`
z05SkRokE;RC8Q%EEEo$guoH=60Lcgs1Jnb$XtDOhQ;?->6^6NJl(c4mz-`AaB2q}K
zGrG9zPvCLrHeT1EMx&<Mn;cm6T17<5AVONlL%xCK)+`PhOr-X@Kmh)&qkqT#wB^>l
zGSC>uJFJxhcQph#mS8w?-sE(~6#pLVZ`0S??>9$ifs<s-%r~W#o%~uf5ssLPvaiG|
zB_coV4x?}wG?Xao8m|ykljK3E9X9E_K<sSpBlOlO1dsZOmtA7NR_Z@u+kp0H)2v$^
zfPxqeF^6dEx^UDyqZbObj;89ok&NAzGJEdzvM)hJ6d-^#A5xyi6yb!C;AglIU~z={
z(895V6wmR|sbXcXEeG?XP*gEEi~cTO4pblH%Lb{QD1Tx9i%gj0N`u7n9>28?#JS8)
zk(Y|+Ybjam?aXcD;L9(-%`>R-T&#R1bs4R|g&DLmVQB2Xj)0D&+|SX1pB&!^<YZX8
z7tj$j;#*r}a@;x#TJ$;(to#?aWhn5vZCc~!p3EK9*%fZJK~y5Fy{!hxBme*a0H|fu
AivR!s

literal 0
HcmV?d00001

diff --git a/public/img/blog/authors/webfussel@2x.webp b/public/img/blog/authors/webfussel@2x.webp
new file mode 100644
index 0000000000000000000000000000000000000000..eb5563975e5f75b1689fb65e936965e37ebc2805
GIT binary patch
literal 1038
zcmV+p1o8V)Nk&En1ONb6MM6+kP&il$000000001E003hE09H^qAm{@C0MHu%odGIj
z0Av6@okp8UC8Q#uEw`EguoH=80LvuNmZ>Vpg&5c5NPScOj(wNfCwiMZX6nNX2vE%X
zi!Lkr#5pFl@}id-#@6e_SZre(ef-vZG(INEp3`NXn3Xmh$RiHG`X~Aqz$n2vH1X$T
zxb}{1v#W@J5XI_>)$ban5i*~V2A#mO@TxAF;bSd5{?c!u2xbUeYWbZMtu5((T^;C<
zDj9RWi}f`yHfDME)Vi8Hh}|=`BJ~WyRILZZ0*f>{Lqh~LYM=Y-JQ4)W?h>s$hfJS@
z=@wr%#knz~3KgLkC^TjO0PmZ3F4%*TN&=5<a+7$Q48i=pt~zc<w`}l-B*~Eog7;%`
zd;im>cknVJU3$=h6S=r!>ZUHoRu9UT1+a?3YvkE*bDWt?FXcsM=Q<p(G%P6mXwW90
zAr@H3^gjnog1J1gt1@^rRO3U@eMLQhidYw@{&Pa3J$BepBeCtVL-K#W+U-g$03S7S
zq^5X>^{7SayD|uL4e{yHpe<3}`~65hVp+q5;{4DfZ%~VVfNPDnnymP`>`KAF#aq2I
z6`%vEcMj|63mjtS$+h}D0%@T?6n(#99FG0pe^>jLN_DvvT+prt#JeWBF*$9f*)^a?
z#zsE>+YwOvb=hX4>*r_<qP5Dwc+TCu$>FSz(nOJQ_A?5`-;;S@l*A95X+y<E$yjK;
z1pIlCzb2!v;XWm9M%F{`EUpM|i7U3Bzk;+bsdeE)_iX~_5yla?Shg+xrV@FX)K{`v
zybyzm`2j&wFfux8_jSP|xT{w%Jn1y4vJFORZ4O6NaxD4vC58n3*T7U-C@snZ^P9lE
zMX8au-?XQ0s5=M=m|Nz$P(GQ4)1FBY0oBt=;vj9-c3SP8m|zSGm}*<t6gP6OvzW(*
zw7ru$x}bW;32wU%9dqE`W6iB6x2H1SW(8|6@3($H#(Fd&7#&sR|H+4_TXi`1OW~Yh
zulvx3L{uTCL?CfpZAAf2hKSlF6~z%|IJ}8k!d)xw&NWHg*bCJPC>N2WoMAkm_*@Rv
zJo3chpJYaGr#F41HKvIpxh+cVruAb3xB0tD8|nIWw}<nT*>dPMgl^de=AuN9j>2BG
zlKO9u*RZ`w2Fs?Ep`M7Pom5)99oRY3Ny8aKzM>DxqV)ktNuCK54W6+hV64ueH(6&I
z@fJP@JwR=zoD2R*XLmrr6&RXQ@AgFi5yG_nE`POn;g~GTkWq2{MM<$Fw#b7j`*HQk
zl>!3Drel#%??&oKhsmr!=hDadFCEYa^fZbldT`w*xv1p`oz}Xz(XAKSVH7dbl!Lnp
II~MQ&0J8Y^%m4rY

literal 0
HcmV?d00001

diff --git a/public/img/blog/authors/webfussel@3x.webp b/public/img/blog/authors/webfussel@3x.webp
new file mode 100644
index 0000000000000000000000000000000000000000..3c25357a66b32a35e0156faf34612edf042bd5be
GIT binary patch
literal 1712
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
G0000|&qcui

literal 0
HcmV?d00001

diff --git a/public/img/blog/posts/0000.start.webp b/public/img/blog/posts/0000.start.webp
new file mode 100644
index 0000000000000000000000000000000000000000..4b3ba327aad672cbea0f9b59eb5af07c8e4c8e2b
GIT binary patch
literal 8528
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
Q-R@RczrTMq`1kAo2TE`s6#xJL

literal 0
HcmV?d00001

diff --git a/public/img/blog/posts/0000.start_thumb.webp b/public/img/blog/posts/0000.start_thumb.webp
new file mode 100644
index 0000000000000000000000000000000000000000..b9388e8291bc5b5fbf5fa5e7dc9cbd1325ca7ab9
GIT binary patch
literal 8516
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

literal 0
HcmV?d00001

diff --git a/server/routes/blog/posts.json.ts b/server/routes/blog/posts.json.ts
new file mode 100644
index 0000000..591d2f9
--- /dev/null
+++ b/server/routes/blog/posts.json.ts
@@ -0,0 +1,39 @@
+import { BlogCollectionItem } from '@nuxt/content'
+
+
+const simpleDate = (date: Date) => {
+  date.setDate(date.getDate() + 1)
+  return `${date.getFullYear()}-${`${date.getMonth() + 1}`.padStart(2, '0')}-${date.getDate()}`
+}
+
+const author = (baseUrl: string) => ({
+  name: 'webfussel',
+  img: `${baseUrl}/img/blog/authors/webfussel@3x.webp`,
+  img1x: `${baseUrl}/img/blog/authors/webfussel@1x.webp`,
+  img2x: `${baseUrl}/img/blog/authors/webfussel@2x.webp`,
+  img3x: `${baseUrl}/img/blog/authors/webfussel@3x.webp`,
+})
+
+export default defineEventHandler(async event => {
+  const url = getRequestURL(event)
+  const baseUrl = `${url.protocol}//${url.host}`
+
+  const articles = await queryCollection(event, 'blog')
+    .where('date', '<', simpleDate(new Date()))
+    .order('date', 'DESC')
+    .all()
+
+  const entries = articles.map(article => ({
+    url: `${baseUrl}${article.path}`,
+    title: article.title,
+    excerpt: article.description,
+    date: article.date,
+    thumbnail: `${baseUrl}${article.thumbnail}`,
+    category: article.category,
+  }))
+
+  return {
+    author: author(baseUrl),
+    posts: entries,
+  }
+})
\ No newline at end of file