diff --git a/src/App.vue b/src/App.vue index 3c423c7..48ea017 100644 --- a/src/App.vue +++ b/src/App.vue @@ -28,8 +28,11 @@ get titleStyle() { + let dim = `rgba(0, 0, 0, ${config.title.dim / 100})`; + dim = `linear-gradient(${dim}, ${dim})`; + return `height: ${config.title.height}vh;` - + `background: url(${require('./assets/' + config.title.background)})`; + + `background-image: ${dim}, url(${require('./assets/' + config.title.background)});`; } } diff --git a/src/content/charlie-config.json b/src/content/charlie-config.json index cd57055..894bc16 100644 --- a/src/content/charlie-config.json +++ b/src/content/charlie-config.json @@ -2,6 +2,8 @@ "title": { "text": "Charlie's Gallery", - "height": 100 + "height": 80, + "background": "title.jpeg", + "dim": 50 } }