Tootfinder

Opt-in global Mastodon full text search. Join the index!

@aral@mastodon.ar.al
2026-07-29 11:05:17

If I do say so myself, I do love expressive I can be with Kitten.
This is me injecting raw HTML markup into a Markdown code block in a Kitten Markdown page to highlight specific lines in a code block¹.
(The string interpolation of the HTML as an array is a hack that bypasses Kitten’s default sanitisation and should only be used with trusted content.)
PS. I’m going through all the tutorials on the site to update them to reflect the current state of Kitten after the three-mon…

2. The welcome message tells you that you can use the `.help` command for assistance. Run that and you will see a list that looks like the following:

    ```text
    .break      Sometimes you get stuck, this gets you out
    .clear      Alias for .break
    .editor     Enter editor mode
    .exit       Exit the REPL
    .help       Print this help message
    ${['<strong>']}.id         Show your Small Web place ID (and create it and your secret if necessary).${['</strong>']}
    .load       Lo…
@aral@mastodon.ar.al
2026-07-31 12:58:23

That feeling when your renderer can handle a component that outputs HTML inside link text in Markdown that’s embedded in HTML.
(Yes, I’m bragging.)
#Kitten #SmallWeb #SmallTech

Screenshot: Detail of Helix editor show source code of Kitten example at ~/sandbox/layout-components: footer. component.js (another tab, types.d.ts, is visible but not active).

Highlighted code:

Powered with love by [Kitten <${kitten.icons.cat} weight=duotone size=1.5em style='vertical-align: bottom;'/>](https://kitten.small-web.org). 


Full (visible) code:

export default () => kitten.html`
  <footer>
    <markdown>
      Copyright (c) 2023-${new Date().getFullYear()}, Yours Truly.

      T…
Screenshot: A generic web browser showing the render of a page in the sample Kitten site showing the footer rendered. It reads Powered with love by Kitten with a blue (link-coloured) Kitten icon next to the word Kitten (as a single link).