From ea2db3bfa3588d72a7fe78abda7226905d143109 Mon Sep 17 00:00:00 2001
From: joshandersn <josh@inkbird.io>
Date: Wed, 26 Jun 2024 11:23:26 -0400
Subject: [PATCH] garden maze image gallery

---
 components/content/imageGallery.vue | 22 ++++++++++++++++++++++
 content/portfolio/gardenmaze.md     | 22 +++++++---------------
 2 files changed, 29 insertions(+), 15 deletions(-)
 create mode 100644 components/content/imageGallery.vue

diff --git a/components/content/imageGallery.vue b/components/content/imageGallery.vue
new file mode 100644
index 0000000..8f44ef3
--- /dev/null
+++ b/components/content/imageGallery.vue
@@ -0,0 +1,22 @@
+  <script lang="ts" setup>
+  defineProps(['img1', 'img2', 'img3', 'img4'])
+  const isOpen = ref(false)
+  </script>
+<template>
+  <UCarousel v-slot="item" :items="[img1, img2, img3, img4]" arrows>
+    <a target="_blank" :href="item.item">
+      <img :src="item.item" height="500" draggable="false">
+    </a>
+  </UCarousel>
+</template>
+
+
+<style scoped>
+img {
+  border-radius: 5px;
+  margin-right: 5px;
+  max-height: 200px;
+  margin-bottom: 10px;
+  margin-top: 10px;
+}
+</style>
\ No newline at end of file
diff --git a/content/portfolio/gardenmaze.md b/content/portfolio/gardenmaze.md
index d0c8e5e..83eecea 100644
--- a/content/portfolio/gardenmaze.md
+++ b/content/portfolio/gardenmaze.md
@@ -4,18 +4,10 @@ Artwork for social media and book cover. all digitally painted in high resolutio
 
 I had a lot of fun developing the art for this project. You can check out The Garden Maze [here](https://www.amazon.com/Garden-Maze-Isaac-Anderson/dp/B0BCNX8TN6)
 
----
-Profile image for Kindle Vella profile and one of the characters from the book.
-![bunny](/img/port/bunny.jpg)
-
----
-Ariel view of the maze in the book.
-![the maze](/img/port/maze.jpg)
-
----
-Early sketches of the knight and the quire to be displayed on the cover.
-![sketches](/img/port/coversketches.png)
-
----
-Cover design including spine, logo, and back
-![cover design](/img/port/gmcover.jpg)
+::image-gallery{img1="/blog/img/port/bunny.jpg" img2="/blog/img/port/maze.jpg" img3="/blog/img/port/coversketches.png" img4="/blog/img/port/gmcover.jpg"}
+::
+***
+- *a: Profile image for Kindle Vella profile and one of the characters from the book.*
+- *b: Ariel view of the maze in the book.*
+- *c: Early sketches of the knight and the quire to be displayed on the cover.*
+- *d: Cover design including spine, logo, and back*
\ No newline at end of file