From 2e8724ee02d50d8aee372490f8869febce3b24cf Mon Sep 17 00:00:00 2001
From: Hykilpikonna <admin@moecraft.cc>
Date: Sun, 22 Dec 2019 22:56:54 -0500
Subject: [PATCH] [S] Dim background

---
 src/App.vue                     | 5 ++++-
 src/content/charlie-config.json | 4 +++-
 2 files changed, 7 insertions(+), 2 deletions(-)

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)});`;
         }
     }
 </script>
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
     }
 }