diff options
author | delta <darkussdelta@gmail.com> | 2025-03-02 03:10:06 +0100 |
---|---|---|
committer | delta <darkussdelta@gmail.com> | 2025-03-02 03:10:06 +0100 |
commit | 9d7fdb26f9cd5b20932db99492ab42c2504f7cd9 (patch) | |
tree | b9568e152b31649ffccd9ab7ab5fd7fae313dc14 /.zs | |
parent | 5a91b2d5b74f02791a4e426bebcf8917a29f341e (diff) |
add prismite page
Diffstat (limited to '.zs')
-rwxr-xr-x | .zs/generate_colors | 2 | ||||
-rw-r--r-- | .zs/generate_colors.jq | 10 | ||||
-rw-r--r-- | .zs/layout.html | 2 | ||||
-rw-r--r-- | .zs/palette.json | 132 |
4 files changed, 145 insertions, 1 deletions
diff --git a/.zs/generate_colors b/.zs/generate_colors new file mode 100755 index 0000000..7ade457 --- /dev/null +++ b/.zs/generate_colors @@ -0,0 +1,2 @@ +#!/bin/sh +cat .zs/palette.json | jq -r -f .zs/generate_colors.jq diff --git a/.zs/generate_colors.jq b/.zs/generate_colors.jq new file mode 100644 index 0000000..d61686a --- /dev/null +++ b/.zs/generate_colors.jq @@ -0,0 +1,10 @@ +to_entries | +map([ + (.key | gsub("_"; "-")), + ("oklch(" + (.value | join(" ")) + ")") +]) | +# group_by(.[0] | gsub("-.*"; "")) | +reduce .[] as $item ([]; .[if ($item[0] | test("fg|bg|border")) then 0 else 1 end] += [$item]) | +map(reduce .[] as $item ({}; .[$item[0] | gsub("-.*"; "")] += [$item])) | +map(map(map("<div style=\"background-color: var(--\(.[0]))\"\(if (.[0] | test("bg|border")) then " class=\"fg-light\"" else "" end)><div class=\"color_name\">\(.[0])</div><div class=\"color_value\">\(.[1])</div></div>") | "<div>" + join("") + "</div>") | "<div>" + join("") + "</div>" ) | +join("\n") diff --git a/.zs/layout.html b/.zs/layout.html index a686192..5c0671b 100644 --- a/.zs/layout.html +++ b/.zs/layout.html @@ -24,7 +24,7 @@ </head> <body> - <div id="deco"> + <div id="deco" aria-hidden=true> <div id="rainbow"></div> <div id="triangles"></div> </div> diff --git a/.zs/palette.json b/.zs/palette.json new file mode 100644 index 0000000..56b1944 --- /dev/null +++ b/.zs/palette.json @@ -0,0 +1,132 @@ +{ + "fg_low": { + "l": "75%", + "c": "0.01368", + "h": "253.09" + }, + "fg": { + "l": "85%", + "c": "0.01368", + "h": "253.09" + }, + "fg_high": { + "l": "95%", + "c": "0.01368", + "h": "253.09" + }, + "bg_lowest": { + "l": "15%", + "c": "0.01368", + "h": "253.09" + }, + "bg_low": { + "l": "17.5%", + "c": "0.01368", + "h": "253.09" + }, + "bg": { + "l": "20%", + "c": "0.01368", + "h": "253.09" + }, + "bg_high": { + "l": "22.5%", + "c": "0.01368", + "h": "253.09" + }, + "bg_highest": { + "l": "25%", + "c": "0.01368", + "h": "253.09" + }, + "border": { + "l": "35%", + "c": "0.023", + "h": "253.09" + }, + "border_variant": { + "l": "30%", + "c": "0.023", + "h": "253.09" + }, + "red": { + "l": "80%", + "c": "0.15765", + "h": "24.728" + }, + "red_bright": { + "l": "90%", + "c": "0.15765", + "h": "24.728" + }, + "orange": { + "l": "80%", + "c": "0.139", + "h": "45.216" + }, + "orange_bright": { + "l": "90%", + "c": "0.139", + "h": "45.216" + }, + "yellow": { + "l": "80%", + "c": "0.12758", + "h": "76.402" + }, + "yellow_bright": { + "l": "90%", + "c": "0.12758", + "h": "76.402" + }, + "green": { + "l": "80%", + "c": "0.11211", + "h": "147.63" + }, + "green_bright": { + "l": "90%", + "c": "0.11211", + "h": "147.63" + }, + "cyan": { + "l": "80%", + "c": "0.09919", + "h": "181.49" + }, + "cyan_bright": { + "l": "90%", + "c": "0.09919", + "h": "181.49" + }, + "blue": { + "l": "80%", + "c": "0.09994", + "h": "249.58" + }, + "blue_bright": { + "l": "90%", + "c": "0.09994", + "h": "249.58" + }, + "purple": { + "l": "80%", + "c": "0.09923", + "h": "296.61" + }, + "purple_bright": { + "l": "90%", + "c": "0.09923", + "h": "296.61" + }, + "pink": { + "l": "80%", + "c": "0.06662", + "h": "9.2146" + }, + "pink_bright": { + "l": "90%", + "c": "0.06662", + "h": "9.2146" + } +} |