make it more colorful

build.js

@@ -83,6 +83,11 @@ function build() {
     const baseHtml = readFile(baseHtmlPath);
     let css = readFile(cssPath);
 
+    if (data.theme != null) {
+        let themeCss = readFile(path.join(__dirname, 'src', 'themes', `${data.theme}.css`))
+        css += themeCss
+    }
+
     // Get the current year
     const currentYear = new Date().getFullYear();
     // Pass the current year to the Handlebars data

src/data.json

@@ -1,4 +1,5 @@
 {
+    "theme": "galaxy",
     "head": {
         "title": "LinkMeUp WieErWill",
         "description": "Get all weblinks of WieErWill.",

src/index.js

@@ -1,3 +0,0 @@
-import './templates/social-links.hbs';
-import '../public/styles/main.css';
-// Additional JavaScript code can be added here

src/themes/galaxy.css

@@ -0,0 +1,12 @@
+html {
+    background: 
+    radial-gradient(circle at 20% 35%, rgba(255, 225, 0, 0.8), transparent 60%),
+    radial-gradient(circle at 75% 44%, rgba(0, 128, 255, 0.8), transparent 60%),
+    radial-gradient(circle at 46% 80%, rgba(255, 0, 0, 0.8), transparent 60%),
+    radial-gradient(circle at 60% 10%, rgba(0, 255, 0, 0.8), transparent 60%),
+    radial-gradient(circle at 10% 90%, rgba(128, 0, 128, 0.8), transparent 60%);
+  background-blend-mode: screen;
+  background-size: cover;
+  background-attachment: fixed;
+  overflow: hidden;
+}