Merge pull request #9 from kuzudb/more-fixes

More fixes

.gitignore

@@ -18,3 +18,5 @@ pnpm-debug.log*
 
 # macOS-specific files
 .DS_Store
+# VS code
+.vscode

src/components/Header.astro

@@ -15,8 +15,8 @@ export interface NavigationLink {
 const { main }: { main: NavigationLink[] } = menu;
 ---
 
-<header class="bg-zinc-50 dark:bg-zinc-900">
-  <div class="mx-auto max-w-screen-lg px-4 py-8 sm:px-6 sm:py-12 lg:px-8">
+<header class="bg-zinc-50 dark:bg-zinc-900 sticky top-0 z-50">
+  <div class="mx-auto max-w-screen-lg px-4 py-4 sm:px-4 sm:py-4 lg:px-4">
     <div class="flex items-start justify-between gap-2 sm:gap-4 md:items-center">
       <div class="block dark:hidden">
         <a href="/" class="logo flex items-center" aria-current="page">

src/content/post/2023-01-12-what-every-gdbms-should-do/index.md

@@ -2,7 +2,7 @@
 title: "What every competent GDBMS should do (a.k.a. the goals and vision of Kùzu)"
 description: "What every competent GDBMS should do (a.k.a. the goals and vision of Kùzu)"
 pubDate: "Jan 12 2023"
-heroImage: "/default.png"
+heroImage: "/src/content/post/2023-01-12-what-every-gdbms-should-do/bachmann.png"
 categories: ["concepts"]
 authors: ["semih"]
 tags: ["vision"]

src/content/post/2023-01-20-factorization/index.md

@@ -2,7 +2,7 @@
 title: "Factorization and great ideas from database theory"
 description: "Factorization and great ideas from database theory"
 pubDate: "Jan 20 2023"
-heroImage: "/default.png"
+heroImage: "/src/content/post/2023-01-20-factorization/factorization-banner.png"
 categories: ["concepts"]
 authors: ["semih"]
 tags: ["internals", "factorization"]

src/content/post/2023-02-22-wcoj/index.md

@@ -2,7 +2,7 @@
 title: "Why (Graph) DBMSs Need New Join Algorithms"
 description: "Why (Graph) DBMSs Need New Join Algorithms: The Story of Worst-case Optimal Join Algorithms"
 pubDate: "Feb 22 2023"
-heroImage: "/default.png"
+heroImage: "/src/content/post/2023-02-22-wcoj/wcoj-4-clique.png"
 categories: ["concepts"]
 authors: ["semih"]
 tags: ["internals", "wcoj", "joins"]

src/layouts/Posts.astro

@@ -32,16 +32,18 @@ type PostType = {
         <div class="rounded-lg block overflow-hidden mb-4">
           {post.data.heroImage && (
             <a href={`/post/${post.slug}/`}>
-            <figure class="max-w-48 mx-24 mx-auto flex">
-              <Image
-                src={post.data.heroImage}
-                alt={post.data.title}
-                width={960}
-                height={480}
-                decoding="async"
-                loading="lazy"
-              />
-            </figure>
+            <center>
+                <figure class="max-w-96 h-36 mx-2">
+                <Image
+                    src={post.data.heroImage}
+                    alt={post.data.title}
+                    width={960}
+                    height={480}
+                    decoding="async"
+                    loading="lazy"
+                />
+                </figure>
+            </center>
             </a>
           )}
         </div>

src/styles/global.css

@@ -40,7 +40,7 @@
     @apply hover:text-orange-600;
   }
   img {
-    @apply rounded-md w-full md:w-full lg:w-3/4 hover:w-full;
+    @apply rounded-md w-full md:w-full lg:w-3/4;
   }
   th {
     @apply bg-zinc-100 bg-zinc-200 dark:bg-zinc-300;