gallery layout

centered caption placement

vue-theme/src/pages/single.vue

             //- ?: are objects are always gallery blocks
             .gallery.block(v-if="typeof block === 'object'" :class="`gallery-${i}`")
                 p gallery number: {{ i }}
-                ul
+                ul.t-cntr 
                     li(v-for="(imageID, j) in post.galleries[block.gallery].ids" :class="`gallery-${i}--image-${j+1}`" :key="`block-${i}-${j}`")
                         img(@click="openGallery(i - 1, imageID)" :src="post.attached[imageID]['thumbnail']")
-                        button(@click="openGallery(i - 1, imageID)") gallery: {{ i }} image: {{ imageID }}
+                        //- TO DO Caption stuff and full screen Title/Description
+                        p Caption goes here<br>
+                            button(@click="openGallery(i - 1, imageID)") gallery: {{ i }} image: {{ imageID }}
+                        br
                 //- Fullscreen gallery component for every gallery block
                 gallery(
                     v-if="activeGalleryIndex == (i - 1)"