From 5e7a70a45d550ed213afd402aaae5d6e6c4eac8e Mon Sep 17 00:00:00 2001 From: morandd Date: Mon, 25 Nov 2024 15:00:12 +0100 Subject: [PATCH] polishing UI --- public/fairicubelogo2_108520563.jpeg | Bin 0 -> 8077 bytes src/components/ChoosePalette.astro | 4 +++ src/components/Colorbar.astro | 37 +++++++++------------------ src/components/Map.astro | 2 +- src/scripts/palette.js | 37 +++++++++++++++++++++++++-- src/style.css | 34 ++++++++++++++++-------- 6 files changed, 75 insertions(+), 39 deletions(-) create mode 100644 public/fairicubelogo2_108520563.jpeg diff --git a/public/fairicubelogo2_108520563.jpeg b/public/fairicubelogo2_108520563.jpeg new file mode 100644 index 0000000000000000000000000000000000000000..28fae355aecc53d4e26253cb6a8af7692822d8e0 GIT binary patch literal 8077 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 literal 0 HcmV?d00001 diff --git a/src/components/ChoosePalette.astro b/src/components/ChoosePalette.astro index 3d18402..6216493 100644 --- a/src/components/ChoosePalette.astro +++ b/src/components/ChoosePalette.astro @@ -88,6 +88,10 @@ document.addEventListener('DOMContentLoaded', () => { align-items: center; gap: 1rem; margin: 0 auto; + /* Nah, looks bad. Neat effect but lots of pixelation and loss of antialiasing: + color: white; + mix-blend-mode: difference; + */ input{ diff --git a/src/components/Colorbar.astro b/src/components/Colorbar.astro index ce7a1e1..c98ac77 100644 --- a/src/components/Colorbar.astro +++ b/src/components/Colorbar.astro @@ -1,7 +1,7 @@