This commit is contained in:
ManjaroOne666 2019-01-12 16:51:12 +00:00
parent 5f7a237800
commit 37f5d60335
5 changed files with 33 additions and 15 deletions

View File

@ -1,6 +1,6 @@
* { // * {
outline: 1px dotted red; // outline: 1px dotted red;
} // }
html { html {

View File

@ -50,6 +50,24 @@ export default {
width: 100vw; width: 100vw;
flex: 0 0 100vw; flex: 0 0 100vw;
} }
.gallery-title {
position: absolute;
display: block;
max-width: 66%;
font-size: 1.5em;
padding: .5em 1em .5em 1em;
margin: 1rem 0 0 0;
color: #fff;
background-color: rgba(0, 0, 0, .3);
border-top-right-radius: 6rem 6rem;
border-bottom-right-radius: 6rem 6rem;
}
} }
@media (min-width: $bp__layout) { @media (min-width: $bp__layout) {

View File

@ -13,7 +13,7 @@
"precommit": "npm run lint" "precommit": "npm run lint"
}, },
"dependencies": { "dependencies": {
"@nuxtjs/axios": "^5.0.0", "@nuxtjs/axios": "^5.3.6",
"cross-env": "^5.2.0", "cross-env": "^5.2.0",
"nuxt": "^2.0.0", "nuxt": "^2.0.0",
"nuxt-buefy": "^0.2.1", "nuxt-buefy": "^0.2.1",

View File

@ -16,17 +16,17 @@ export default {
data() { data() {
return { return {
galleries: [ galleries: [
{ title: 'Gallery Zero', { title: 'Portraits',
featuredImage: 'https://via.placeholder.com/600x400/665588/ffffff?text=Featured+Gallery+Zero', featuredImage: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/portraits-4-600x400.jpeg',
images: [ images: [
{ thumbUrl: 'https://via.placeholder.com/400x300/885566/ffffff', url: 'https://via.placeholder.com/1920x1080/885566/ffffff?text=Zero0' }, { thumbUrl: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/portraits-4-600x400.jpeg', url: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/portraits-4-1800x1200.jpeg' },
{ thumbUrl: 'https://via.placeholder.com/300x400/668855/ffffff', url: 'https://via.placeholder.com/1080x1920/668855/ffffff?text=Zero1' }, { thumbUrl: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/portraits-3-600x400.jpeg', url: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/portraits-3-1800x1200.jpeg' },
{ thumbUrl: 'https://via.placeholder.com/400x400/558866/ffffff', url: 'https://via.placeholder.com/1200x1200/558866/ffffff?text=Zero2' }, { thumbUrl: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/portraits-2-480x600.jpg', url: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/portraits-2-1800x2250.jpg' },
{ thumbUrl: 'https://via.placeholder.com/320x180/886655/ffffff', url: 'https://via.placeholder.com/1600x900/886655/ffffff?text=Zero3' } { thumbUrl: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/portraits-8-390x600.jpeg', url: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/portraits-8-1560x2400.jpeg' }
] ]
}, },
{ title: 'Gallery One', { title: 'Flowers',
featuredImage: 'https://via.placeholder.com/600x400/ffffff/000000?text=Featured+Gallery+One', featuredImage: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/flowers-5-600x402.jpeg',
images: [ 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/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/00ff00/ffffff', url: 'https://via.placeholder.com/1920x1080/00ff00/ffffff?text=One1' },
@ -38,8 +38,8 @@ export default {
{ thumbUrl: 'https://via.placeholder.com/400x300/000000/ffffff', url: 'https://via.placeholder.com/1920x1080/000000/ffffff?text=One7' } { thumbUrl: 'https://via.placeholder.com/400x300/000000/ffffff', url: 'https://via.placeholder.com/1920x1080/000000/ffffff?text=One7' }
] ]
}, },
{ title: 'Gallery Two', { title: 'The Longest Title for a Gallery That You Could Ever Imagine (Unless You Have a Really Good Imagination - And Then You Could Probably Think of a Really Big One)',
featuredImage: 'https://via.placeholder.com/600x400', featuredImage: 'https://marcleopold.isnet.uk/wp-content/uploads/2017/07/music-4-600x400.jpg',
images: [ 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' },

View File

@ -942,7 +942,7 @@
webpack-node-externals "^1.7.2" webpack-node-externals "^1.7.2"
webpackbar "^3.1.3" webpackbar "^3.1.3"
"@nuxtjs/axios@^5.0.0": "@nuxtjs/axios@^5.3.6":
version "5.3.6" version "5.3.6"
resolved "https://registry.yarnpkg.com/@nuxtjs/axios/-/axios-5.3.6.tgz#1bad5af6e30977809cddd5248dd3b41271d1dc14" resolved "https://registry.yarnpkg.com/@nuxtjs/axios/-/axios-5.3.6.tgz#1bad5af6e30977809cddd5248dd3b41271d1dc14"
integrity sha512-kxtiHW1QCYHaztKEkBnqH/GQoQoVubHdBWMC9+X0cVaA3AwOFsGI3Ef4/dSX8coSto7D+nV8LH3rVjbaFT+KUg== integrity sha512-kxtiHW1QCYHaztKEkBnqH/GQoQoVubHdBWMC9+X0cVaA3AwOFsGI3Ef4/dSX8coSto7D+nV8LH3rVjbaFT+KUg==