From 6663949f262920232d20bb96110347e2f00dfb6b Mon Sep 17 00:00:00 2001 From: wieerwill Date: Wed, 17 Jan 2024 17:38:52 +0100 Subject: [PATCH] make it more colorful --- build.js | 5 +++++ src/data.json | 1 + src/index.js | 3 --- src/themes/galaxy.css | 12 ++++++++++++ src/themes/galaxy.js | 0 5 files changed, 18 insertions(+), 3 deletions(-) delete mode 100644 src/index.js create mode 100644 src/themes/galaxy.css create mode 100644 src/themes/galaxy.js diff --git a/build.js b/build.js index 076e94d..8a08fc9 100644 --- a/build.js +++ b/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 diff --git a/src/data.json b/src/data.json index 1db592c..bd4fc29 100644 --- a/src/data.json +++ b/src/data.json @@ -1,4 +1,5 @@ { + "theme": "galaxy", "head": { "title": "LinkMeUp WieErWill", "description": "Get all weblinks of WieErWill.", diff --git a/src/index.js b/src/index.js deleted file mode 100644 index a11bfd9..0000000 --- a/src/index.js +++ /dev/null @@ -1,3 +0,0 @@ -import './templates/social-links.hbs'; -import '../public/styles/main.css'; -// Additional JavaScript code can be added here diff --git a/src/themes/galaxy.css b/src/themes/galaxy.css new file mode 100644 index 0000000..cbf5c4f --- /dev/null +++ b/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; +} \ No newline at end of file diff --git a/src/themes/galaxy.js b/src/themes/galaxy.js new file mode 100644 index 0000000..e69de29