diff --git a/content/blog/pixacao/example-2026-05-30.svg b/content/blog/pixacao/example-2026-05-30.svg new file mode 100644 index 0000000..4e5a9eb --- /dev/null +++ b/content/blog/pixacao/example-2026-05-30.svg @@ -0,0 +1,644 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/content/blog/pixacao/index.rst b/content/blog/pixacao/index.rst new file mode 100644 index 0000000..77175da --- /dev/null +++ b/content/blog/pixacao/index.rst @@ -0,0 +1,39 @@ +--- +title: "New Artwork: Pixação Experiments" +date: 2026-05-30T09:44:44+02:00 +summary: > + I published a piece of algorithmic art fusing a Pixação graffiti-inspired lettering style with a layout similar to a + Thai Haw-taew (five row) Yantra blessing tattoo. +--- + +.. raw:: html + +
+ A drawing in the style
+        of a sak yant five line thai buddhist blessing tattoo, with lettering not in khmer but in pichação
+        graffiti-inspired letters reading out random hexadecimal characters. (they’re quite hard to read though). The
+        graphic is kept in simple, constistent thickness, black lines on white background. The letters are ornate, with
+        some parts looking leaf-like, and all have a square outer shape. +
+ +I made a small piece of algorithmic art fusing a Pixação graffiti-inspired lettering style with a layout similar to a +Thai Haw-taew (five row) Yantra blessing tattoo because it looks cool. Please have a look at `the live version here. +`__ + +The artwork encodes the latest `NIST Randomness Beacon`_ at the time of viewing, so it's the same for everyone viewing +it simultaneously but it changes unpredictably roughly every 1-3 minutes. The beacon's hexadecimal content is inserted +into the artwork with a Pixação-inspired font that I created. The artwork is loosely based on a Thai buddhist Sak Yant +tattoo, but deviates from it in some details because it's not intended to be a buddhist spiritual artifact. + +Keeping with the spirit of the five row Sak Yant tattoo it is inspired by, this artwork also conveys a blessing. +However, where a five row Sak Yant tattoo blesses its wearer, this artwork is meant to bless your computer when you +print it out and place it near it. Its blessing provides protection from unforseen circumstances by encoding the most +unforseen of things: 120 bit of the 512 bit of entropy in a NIST v2.0 interoperable randomness beacon. + +If you enjoy it, please feel free to share it with your friends. If you print it and you want to share, I'd love to see +a photo of it. You can reach me through my email or on mastodon. + +`Here's the live version of the artwork. `__ + +.. _`NIST Randomness Beacon`: https://csrc.nist.gov/Projects/interoperable-randomness-beacons/beacon-20 + diff --git a/static/pixacao/index.html b/static/pixacao/index.html new file mode 100644 index 0000000..516b1e8 --- /dev/null +++ b/static/pixacao/index.html @@ -0,0 +1,298 @@ + + + + + + Pixação + + + +
+ +
+ +
+ + Print this page to bestow protection from unforeseen circumstances upon your computer. + +
+ +
+
+
+ +
+ +
+ +
+ + + + diff --git a/static/pixacao/template diagram.svg b/static/pixacao/template diagram.svg new file mode 100644 index 0000000..febc7b4 --- /dev/null +++ b/static/pixacao/template diagram.svg @@ -0,0 +1,1085 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/static/pixacao/template pixacao onepage.svg b/static/pixacao/template pixacao onepage.svg new file mode 100644 index 0000000..cb4dd8d --- /dev/null +++ b/static/pixacao/template pixacao onepage.svg @@ -0,0 +1,1227 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/themes/conspiracy/assets/css/style.css b/themes/conspiracy/assets/css/style.css index c20edea..89e37bb 100644 --- a/themes/conspiracy/assets/css/style.css +++ b/themes/conspiracy/assets/css/style.css @@ -480,6 +480,10 @@ img:hover { filter: none; } +.dark-mode-invert { + filter: invert(1) hue-rotate(180deg); +} + /*****************************************************/ /* Code block formatting / syntax highlighting rules */ /*****************************************************/ @@ -690,7 +694,7 @@ footer { --c-bg-behind: hsl(220, 10%, 95%); --c-bg-front: hsl(220, 10%, 96%); --c-bg-highlight: #ffffff; - --c-bg-figure-backdrop: #b5bcc8; + --c-bg-figure-backdrop: #f0f0f0; --c-text: hsl(220, 20%, 30%); --c-text-inverted: hsl(220, 20%, 100%); --c-text-muted: #5d5980; @@ -734,6 +738,10 @@ footer { filter: none; } + .dark-mode-invert { + filter: none; + } + .card { box-shadow: 0 0 3px 1px rgba(0, 0, 0, calc(0.5*var(--shadow-opacity))); }