marc-leopold/pages/galleries.vue

94 lines
5.3 KiB
Vue

<template>
<GalleryPage :galleries="galleries">
</GalleryPage>
</template>
<script>
import GalleryPage from '@/components/GalleryPage'
export default {
name: 'HomePage',
components: {
GalleryPage
},
data() {
return {
galleries: [
{ title: 'Gallery Zero',
featuredImage: 'https://via.placeholder.com/600x400/665588/ffffff?text=Featured+Gallery+Zero',
images: [
{ thumbUrl: 'https://via.placeholder.com/400x300/885566/ffffff', url: 'https://via.placeholder.com/1920x1080/885566/ffffff?text=Zero0' },
{ thumbUrl: 'https://via.placeholder.com/300x400/668855/ffffff', url: 'https://via.placeholder.com/1080x1920/668855/ffffff?text=Zero1' },
{ thumbUrl: 'https://via.placeholder.com/400x400/558866/ffffff', url: 'https://via.placeholder.com/1200x1200/558866/ffffff?text=Zero2' },
{ thumbUrl: 'https://via.placeholder.com/320x180/886655/ffffff', url: 'https://via.placeholder.com/1600x900/886655/ffffff?text=Zero3' }
]
},
{ title: 'Gallery One',
featuredImage: 'https://via.placeholder.com/600x400/ffffff/000000?text=Featured+Gallery+One',
images: [
{ thumbUrl: 'https://via.placeholder.com/400x300/ff0000/ffffff', url: 'https://via.placeholder.com/1920x1080/ff0000/ffffff?text=One0' },
{ thumbUrl: 'https://via.placeholder.com/400x300/00ff00/ffffff', url: 'https://via.placeholder.com/1920x1080/00ff00/ffffff?text=One1' },
{ thumbUrl: 'https://via.placeholder.com/400x300/0000ff/ffffff', url: 'https://via.placeholder.com/1920x1080/0000ff/ffffff?text=One2' },
{ thumbUrl: 'https://via.placeholder.com/400x300/ffff00/ffffff', url: 'https://via.placeholder.com/1920x1080/ffff00/ffffff?text=One3' },
{ thumbUrl: 'https://via.placeholder.com/400x300/ff00ff/ffffff', url: 'https://via.placeholder.com/1920x1080/ff00ff/ffffff?text=One4' },
{ thumbUrl: 'https://via.placeholder.com/400x300/00ffff/ffffff', url: 'https://via.placeholder.com/1920x1080/00ffff/ffffff?text=One5' },
{ thumbUrl: 'https://via.placeholder.com/400x300/ffffff/000000', url: 'https://via.placeholder.com/1920x1080/ffffff/000000?text=One6' },
{ thumbUrl: 'https://via.placeholder.com/400x300/000000/ffffff', url: 'https://via.placeholder.com/1920x1080/000000/ffffff?text=One7' }
]
},
{ title: 'Gallery Two',
featuredImage: 'https://via.placeholder.com/600x400',
images: [
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' }
]
},
{ title: 'Gallery Three',
featuredImage: 'https://via.placeholder.com/600x400',
images: [
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' }
]
},
{ title: 'Gallery Four',
featuredImage: 'https://via.placeholder.com/600x400',
images: [
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' }
]
},
{ title: 'Gallery Five',
featuredImage: 'https://via.placeholder.com/600x400',
images: [
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' }
]
},
{ title: 'Gallery Six',
featuredImage: 'https://via.placeholder.com/600x400',
images: [
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' },
{ thumbUrl: 'https://via.placeholder.com/400x300', url: 'https://via.placeholder.com/1920x1080' }
]
},
] // galleries end
}
}
}
</script>
<style scoped lang="scss">
</style>