From 52bfc290f7fc3a5c0ea88a5269f09f134d0dfe4b Mon Sep 17 00:00:00 2001 From: jbb01 <32650546+jbb01@users.noreply.github.com> Date: Sun, 15 Sep 2024 17:29:05 +0200 Subject: [PATCH] replace cube background with penrose tiling --- index.css | 7 +++---- pattern.svg => pattern/cube.svg | 0 pattern/penrose.svg | 9 +++++++++ 3 files changed, 12 insertions(+), 4 deletions(-) rename pattern.svg => pattern/cube.svg (100%) create mode 100644 pattern/penrose.svg diff --git a/index.css b/index.css index 6e266ee..ea201cb 100644 --- a/index.css +++ b/index.css @@ -24,10 +24,9 @@ html::before { z-index: -1; background: conic-gradient(from 0deg in hsl longer hue, hsl(0deg 100% 12.5%) 0 0); - -webkit-mask-image: url("pattern.svg"); - -webkit-mask-size: 5rem; - mask-image: url("pattern.svg"); - mask-size: 5rem; + -webkit-mask-image: url("pattern/penrose.svg"); + -webkit-mask-size: max(100lvmax, 200rem); + -webkit-mask-position: center; } body { diff --git a/pattern.svg b/pattern/cube.svg similarity index 100% rename from pattern.svg rename to pattern/cube.svg diff --git a/pattern/penrose.svg b/pattern/penrose.svg new file mode 100644 index 0000000..a44b0bc --- /dev/null +++ b/pattern/penrose.svg @@ -0,0 +1,9 @@ + + + + + + +