Dev mountainproject pull

content/blog/test.md

@@ -0,0 +1,7 @@
+---
+title: Test
+---
+
+# Test
+
+This is a test page

pages/blog/[slug].vue

@@ -1,7 +1,40 @@
 <template>
-    <main>
-        <ContentDoc />
-    </main>
+  <main class="container mx-auto px-4 py-8">
+    <ContentDoc>
+      <template #default="{ doc }">
+        <article class="prose lg:prose-xl">
+          <h1>{{ doc.title }}</h1>
+          <p v-if="doc.description" class="text-gray-600">
+            {{ doc.description }}
+          </p>
+          <p v-if="doc.author" class="text-sm text-gray-500">
+            By {{ doc.author }}
+          </p>
+          <ContentRenderer :value="doc" />
+        </article>
+      </template>
+
+      <template #not-found>
+        <h1>Post Not Found</h1>
+        <p>Sorry, the requested blog post could not be found.</p>
+      </template>
+    </ContentDoc>
+  </main>
 </template>
 
-<script setup></script>
+<script setup>
+const route = useRoute();
+// Strip .md extension if present in the slug
+const slug = route.params.slug.replace(/\.md$/, "");
+const path = `/blog/${slug}`;
+
+// Try to directly query the content
+const { data: document } = await useAsyncData(`content-${slug}`, () =>
+  queryContent("blog").where({ _path: path }).findOne()
+);
+
+// Log debugging information
+console.log("Route params:", route.params);
+console.log("Cleaned path:", path);
+console.log("Document found:", document.value);
+</script>

pages/index.vue

@@ -69,13 +69,27 @@
         <p class="mt-2">{{ edu }}</p>
       </div>
     </div>
-    <div class="mb-8">
-      <h2 class="font-bold text-xl">Awards</h2>
-      <img
-        class="w-full max-w-md h-auto"
-        src="assets/top_100_badge_2024.png"
-        alt="top_100_badge"
-      />
+    <h2 class="font-bold text-xl">Awards</h2>
+    <div class="grid grid-cols-1 md:grid-cols-2 gap-4 mt-4">
+      <div class="flex flex-col items-center">
+        <img
+          class="w-full max-w-md h-auto"
+          src="assets/top_100_badge_2024.png"
+          alt="top_100_badge"
+        />
+        <p class="mt-2 text-center">Top 100 Analytics Professional 2024</p>
+      </div>
+      <div class="flex flex-col items-center">
+        <img
+          class="w-full max-w-md h-auto"
+          src="assets/dayton_startup_weekend_2025/dry_guy.jpeg"
+          alt="top_100_badge"
+        />
+        <p class="mt-2 text-center">
+          Dayton Startup Weekend 2025 - 1st Place: Dry Guy - The plant health
+          monitor that also was the Crowd Favorite.
+        </p>
+      </div>
     </div>
   </div>
 </template>