diff --git a/config/config.json b/config/config.json index f01c184..af5da46 100644 --- a/config/config.json +++ b/config/config.json @@ -7,6 +7,7 @@ "wallpaper_dark": "img/background-dark.jpg", "dark_mode": false, "open_new_tab": false, + "blur": true, "hosted_by": "somebody" }, "services": [ diff --git a/css/main.css b/css/main.css index 8c28fd4..4bd2dc4 100644 --- a/css/main.css +++ b/css/main.css @@ -14,6 +14,7 @@ html { --bg2: #FFF8; --hover: #0001; --scale-factor: 1.15; + --blur: blur(16px); } body { @@ -26,6 +27,10 @@ body { font-size: 14px; -webkit-tap-highlight-color: transparent; } +.noblur { + --blur: blur(0); +} + ::-webkit-scrollbar { display: none; } @@ -128,7 +133,7 @@ a { box-shadow: 2px 2px 8px #0003; background: var(--background); padding: 3px; - backdrop-filter: blur(16px); + backdrop-filter: var(--blur); border-radius: 24px; margin: -4px 12px 16px; text-align: center; @@ -153,7 +158,7 @@ a { box-shadow: 2px 2px 8px #0002; display: flex; margin: 16px auto 0; - backdrop-filter: blur(16px); + backdrop-filter: var(--blur); border-radius: 24px; max-width: 480px; background: var(--background); @@ -184,7 +189,7 @@ a { border-radius: 24px; background: var(--background); margin: 20px; - backdrop-filter: blur(16px); + backdrop-filter: var(--blur); transition: background .2s; } diff --git a/index.html b/index.html index b47513d..58bbe8e 100644 --- a/index.html +++ b/index.html @@ -106,6 +106,14 @@
+