From d196d8ae32b9b56e8e1aaf8d133e822d0722cef3 Mon Sep 17 00:00:00 2001 From: Corentin Risselin Date: Tue, 21 Jul 2020 01:10:16 +0900 Subject: [PATCH] Background image --- src/main.css | 14 ++++++++++++++ webpack.dev.js | 2 +- webpack.prod.js | 2 +- 3 files changed, 16 insertions(+), 2 deletions(-) diff --git a/src/main.css b/src/main.css index 21d2b90..0bc7a99 100644 --- a/src/main.css +++ b/src/main.css @@ -16,6 +16,20 @@ body font-family: sans; } +body::before { + content: ""; + display: block; + position: absolute; + top: 0; + left: 0; + background-image: url(/assets/back.webp); + width: 100%; + height: 100%; + opacity: 0.15; + z-index: -1; +} + + @media (max-width: 420px) { body diff --git a/webpack.dev.js b/webpack.dev.js index 9e08df6..d310524 100644 --- a/webpack.dev.js +++ b/webpack.dev.js @@ -41,7 +41,7 @@ module.exports = Object.assign( { filename: "[path].gz[query]", algorithm: "gzip", - test: [/\.js/, /^assets\.*/], + test: [/\.js/, /\.svg/], threshold: 1000 }) ], diff --git a/webpack.prod.js b/webpack.prod.js index 03a8d01..62e880a 100644 --- a/webpack.prod.js +++ b/webpack.prod.js @@ -29,7 +29,7 @@ module.exports = Object.assign( { filename: "[path].gz[query]", algorithm: "gzip", - test: [/\.js/, /^assets\.*/], + test: [/\.js/, /\.svg/], threshold: 1000 }) ]