adds gallery and ner zone

components/content/collapseSection.vue

@@ -0,0 +1,18 @@
+<script lang="ts" setup>
+const props = defineProps(['headerLabel'])
+const items = [{
+  label: props.headerLabel
+}]
+</script>
+<template>
+  <UAccordion :items="items">
+    <template #item="{item}">
+      <slot />
+    </template>
+  </UAccordion>
+</template>
+
+
+<style>
+
+</style>

components/content/faceGallery.vue

@@ -0,0 +1,19 @@
+  <script lang="ts" setup>
+  defineProps(['img1', 'img2'])
+  </script>
+<template>
+  <div style="display: flex; overflow:auto;">
+    <img :src="`img/${img1}`">
+    <img :src="`img/${img2}`">
+  </div>
+</template>
+
+
+<style scoped>
+img {
+  border-radius: 5px;
+  margin-right: 5px;
+  max-height: 200px;
+  margin-bottom: 10px;
+}
+</style>

content/index.md

@@ -2,15 +2,18 @@
 title: Josh's Website
 ---
 
-![my-face](/img/face.jpg)
+::face-gallery{img1="face.jpg" img2="face2.jpg"}
+::
+
 
 Self-taught designer, music producer, illustrator, and computer programer
 
 Fullstack Developer, and Creative Lead for [Inkbird](https://inkbird.io)
 
 Co-Host of the [Tan Pants Podcast](https://linktr.ee/tanpants)
 
-Side hustling game developer. Working on a rougelike with cars in the [Godot Engine](https://godotengine.org)
+Side hustling game developer. Working on my first game in the [Godot Engine](https://godotengine.org)
+
 
 ---
 
@@ -25,12 +28,12 @@ Side hustling game developer. Working on a rougelike with cars in the [Godot Eng
 [📷 Instagram](https://www.instagram.com/josh.andrson/)
 
 ---
-
+::collapse-section{headerLabel="Nerd Zone"}
 __Favorite Games__: Halo Reach, Dishonored, Half-life 2, Fallout: New Vegas, Hollow Knight, Divinity Original Sin 2, MGS:V, Super Mario Galaxy. Metal Gear Rising: Revengence
 
 __Weapons of Choice__: Affinity Designer & Photo, Blender, Godot, Obsidian, VS Code, Davinci Resolve, Logic Pro
 
 __Favorite Soundtracks__: Deus Ex: Mankind Divided, Halo: ODST, Mass Effect, Skyrim, Outer Wilds
 
 __Favorite Soups__: French Onion, Tomato, Cheddar Broccoli
-
+::