Random Geekery Life is a tumblelog / microblogging experiment by Brian Wisti.
[2022-08-04 Thu 10:04]

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

logseq page
Three down, a few thousand to go

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
[2022-08-01 Mon 22:45]

Continuing to get annoyed at Datalog for queries in Logseq, when I remembered org-roam uses a SQLite database. Plus there’s org-roam-ui, which — sheesh. It’s impressive.

org-roam-ui 3d graph next to emacs window with documents and a SQL query
The graph is real pretty.

I have way too much sitting in my Logseq graph to just bounce, but it’s good to remember I have options.

All posts...