update license and qol improvements

Signed-off-by: Avinal Kumar <avinal.xlvii@gmail.com>

src/pages/404.astro

@@ -0,0 +1,45 @@
+---
+import BaseLayout from "@/layouts/BaseLayout.astro";
+---
+
+<BaseLayout title="404 — Page Not Found" description="The page you're looking for doesn't exist.">
+  <div class="not-found">
+    <span class="nf-code">404</span>
+    <h1>Page not found</h1>
+    <p>The page you're looking for doesn't exist or has been moved.</p>
+    <a href="/" class="btn btn-accent">Back to home</a>
+  </div>
+</BaseLayout>
+
+<style>
+  .not-found {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    text-align: center;
+    min-height: 50vh;
+    gap: var(--space-4);
+  }
+
+  .nf-code {
+    font-size: clamp(5rem, 15vw, 10rem);
+    font-weight: 800;
+    letter-spacing: -0.04em;
+    line-height: 1;
+    color: var(--border);
+  }
+
+  .not-found h1 {
+    font-size: var(--text-2xl);
+  }
+
+  .not-found p {
+    color: var(--text-muted);
+    max-width: 40ch;
+  }
+
+  .not-found .btn {
+    margin-top: var(--space-4);
+  }
+</style>

src/pages/index.astro

@@ -26,9 +26,24 @@ const activity = mergeActivity(contributions, wakatime);
 const recentPosts = allPosts
   .sort((a, b) => b.data.date.getTime() - a.data.date.getTime())
   .slice(0, 5);
+
+const personLd = {
+  "@context": "https://schema.org",
+  "@type": "Person",
+  name: "Avinal Kumar",
+  url: "https://avinal.space",
+  image: user?.avatar_url,
+  jobTitle: "Software Engineer II (Team Lead)",
+  worksFor: { "@type": "Organization", name: "Red Hat", url: "https://www.redhat.com" },
+  sameAs: [
+    "https://github.com/avinal",
+    "https://linkedin.com/in/avinal",
+    "https://twitter.com/Avinal_",
+  ],
+};
 ---
 
-<BaseLayout title="Home">
+<BaseLayout title="Home" jsonLd={personLd}>
   <div class="bento">
     <!-- Row 1: Hero (profile+about+skills+links) | Now Playing widget -->
     <div class="bento-8">

src/pages/posts/[category].astro

@@ -75,7 +75,7 @@ const excerpt = (body?: string, len = 140) => {
           <a href={`/posts/${post.id}/`} class="post-row">
             <div class="post-thumb">
               {post.data.image ? (
-                <img src={post.data.image} alt="" class="thumb-img" loading="lazy" />
+                <img src={post.data.image} alt={post.data.title} class="thumb-img" loading="lazy" decoding="async" />
               ) : (
                 <span class="thumb-placeholder">{post.data.title.charAt(0)}</span>
               )}

src/pages/posts/index.astro

@@ -52,7 +52,7 @@ const excerpt = (body?: string, len = 140) => {
           <a href={`/posts/${post.id}/`} class="post-row">
             <div class="post-thumb">
               {post.data.image ? (
-                <img src={post.data.image} alt="" class="thumb-img" loading="lazy" />
+                <img src={post.data.image} alt={post.data.title} class="thumb-img" loading="lazy" decoding="async" />
               ) : (
                 <span class="thumb-placeholder">{post.data.title.charAt(0)}</span>
               )}