From 9286d4342fc4213d2f760896f9395bdab57c4fdd Mon Sep 17 00:00:00 2001 From: Rhiannon Morris Date: Mon, 17 Feb 2025 03:19:41 +0100 Subject: [PATCH 1/3] custom cursors --- media/hand.png | 3 +++ media/tail.png | 3 +++ style/base.css | 7 ++++++- 3 files changed, 12 insertions(+), 1 deletion(-) create mode 100644 media/hand.png create mode 100644 media/tail.png diff --git a/media/hand.png b/media/hand.png new file mode 100644 index 0000000..f943df0 --- /dev/null +++ b/media/hand.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:669a1ee8a1c0a3389a41e71fc847dd8351d8a3d483751d7fbdfbfb0b68675f26 +size 705 diff --git a/media/tail.png b/media/tail.png new file mode 100644 index 0000000..f883571 --- /dev/null +++ b/media/tail.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:61a24968a025a4c723732c14957481405186fa74f17f5568435c423a7dfe876e +size 1017 diff --git a/style/base.css b/style/base.css index 02b4d41..e1d3ef2 100644 --- a/style/base.css +++ b/style/base.css @@ -21,8 +21,13 @@ actually exists min-height: 100lvh; margin: 0; scrollbar-gutter: stable; + + cursor: url("../media/tail.png") 34 1, auto; + --pointer: url("../media/hand.png") 31 1, auto; } + a { cursor: var(--pointer); } + :root { font-size: large; @@ -90,7 +95,7 @@ actually exists } } - input, label { cursor: pointer; } + input, label { cursor: var(--pointer); } input { appearance: none; From 2a8b42ec3d4b683f4bff0367a2308f3be0324a6f Mon Sep 17 00:00:00 2001 From: Rhiannon Morris Date: Mon, 17 Feb 2025 03:20:07 +0100 Subject: [PATCH 2/3] fix selection on #six --- style/base.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/style/base.css b/style/base.css index e1d3ef2..8b1e179 100644 --- a/style/base.css +++ b/style/base.css @@ -541,7 +541,7 @@ actually exists } @layer faces.six { - #six, #six ::selection { + #six { --hue: 250deg; --bg-angle: 130deg; From 1b42446243c219031bf3ae8c2bc14d11fc3232f8 Mon Sep 17 00:00:00 2001 From: Rhiannon Morris Date: Mon, 17 Feb 2025 03:20:13 +0100 Subject: [PATCH 3/3] background --- media/church.png | 3 +++ style/base.css | 4 +++- style/properties.css | 6 ++++++ 3 files changed, 12 insertions(+), 1 deletion(-) create mode 100644 media/church.png diff --git a/media/church.png b/media/church.png new file mode 100644 index 0000000..4ecf6cc --- /dev/null +++ b/media/church.png @@ -0,0 +1,3 @@ +version https://git-lfs.github.com/spec/v1 +oid sha256:c654930a72f5948cbcc07c93fb3de6c77e24682f2db39971a61b2031a93ceb54 +size 8014 diff --git a/style/base.css b/style/base.css index 8b1e179..6198e23 100644 --- a/style/base.css +++ b/style/base.css @@ -55,12 +55,14 @@ actually exists } --shadow-hsl: 330deg 40% 40%; - --base-background: var(--gradient) fixed; + --base-background: url(../media/church.png), var(--gradient) fixed; background: var(--base-background); font-family: Muller, sans-serif; font-weight: 500; + @media (prefers-reduced-data: reduce) { + --base-background: var(--gradient) fixed; font-family: sans-serif; font-weight: normal; } diff --git a/style/properties.css b/style/properties.css index 0a3c261..a3fefe4 100644 --- a/style/properties.css +++ b/style/properties.css @@ -1,3 +1,9 @@ +@property --base-background { + syntax: "*"; + inherits: false; + initial-value: transparent; +} + /* face backgrounds */ @property --hue {