diff --git a/components/Masonry/detail.vue b/components/Masonry/detail.vue
index a6793fe..430d1df 100644
--- a/components/Masonry/detail.vue
+++ b/components/Masonry/detail.vue
@@ -20,10 +20,14 @@ const item = props.data
         <span></span>
       </h3>
     </div>
-    <img v-if="item.isThumb" loading="lazy" class="w-full" :src="item.src" />
-    <div class="p-2.5 pb-1">
-      <img class="w-1/2 mt-0 mr-2.5 mb-2.5 ml-0 float-left" v-if="item.src && !item.isThumb" :src="item.src">
-      <p class="pb-2.5">{{ item.description }}</p>
-    </div>
+    <ContentDoc class="p-3" :path="'/data/projects/' + item.slug">
+      <template #not-found>
+        <img v-if="item.isThumb" loading="lazy" class="w-full" :src="item.src" />
+        <div class="p-2.5 pb-1">
+          <img class="w-1/2 mt-0 mr-2.5 mb-2.5 ml-0 float-left" v-if="item.src && !item.isThumb" :src="item.src">
+          <p class="pb-2.5">{{ item.description }}</p>
+        </div>
+      </template>
+    </ContentDoc>
   </div>
 </template>
\ No newline at end of file
diff --git a/components/Masonry/types.ts b/components/Masonry/types.ts
index fdc7936..bffd0f2 100644
--- a/components/Masonry/types.ts
+++ b/components/Masonry/types.ts
@@ -1,5 +1,6 @@
 export type MasonryItem = {
   title: string,
+  slug: string,
   src: string,
   duration: string,
   isThumb: boolean,
diff --git a/content/data/projects/triptantra.md b/content/data/projects/triptantra.md
new file mode 100644
index 0000000..b36144a
--- /dev/null
+++ b/content/data/projects/triptantra.md
@@ -0,0 +1,13 @@
+---
+title: 'Project: TripTantra'
+description: 'Some description'
+---
+
+# This is an example MDC rendered text and a list.
+
+- [ ] This
+- [x] is
+- [x] a
+- [x] checklist
+- [ ] that
+- [ ] works.