Been getting deeper into SiYuan Note lately. It’s neat, and offers synchronization through Amazon S3 or any compatible service. Compatible? Well heck. Didn’t know that there’s something out there S3 enough without being S3.

Using Digital Ocean Spaces for the last month or two. Now I want to try self-hosted. Hopefully I can set up Garage on my Raspberry Pi 4.

Supposed to be a quick "hey here's what I'm listening to." Naturally I spent half an hour being annoyed with trivial display issues.

Stay tuned while I decide on a better way to display album details from the local data. Maybe something with beets.

Meanwhile, here's the general idea:

I tried visually replacing a few Logseq tags with icons in CSS. It worked!

How'd I do it? Here I'll just paste from my journal note figuring out the first one. I'm sure I'll revisit this tonight after taking care of the day's business.

• #idea Thinking about custom tag icons for logseq

  • #warning under construction #warning
  • Inspired by Obsidian Alternate Checkboxes CSS snippet

  • Here's what #idea looks like in the dev console:

    •  <div
            class=""
            style="display: inline;"
            data-tooltipped=""
            aria-describedby="tippy-tooltip-119"
            data-original-title="null"
            ><a
                data-ref="idea"
                class="tag">#idea</a></div>

  • #question how do my installed plugins change the structure?

    • I don't think I currently have any plugins that alter element attributes

  • Set up CSS Selector #bookmark to match

    • a.tag[data-ref"idea"]=

  • Hide the displayed tag by making it tiny

    •  a.tag[data-ref="idea"] {
         border: none;
         font-size: 0;
       }

  • Append an icon with the font size we started at

    •  a.tag[data-ref="idea"]:after {
         content: "💡";
         font-size: initial;
       }

  • as-is, this has accessibility issues and font-size: initial won't work with headings. Also, to do it right I should be encoding the icon