Public
- Public
- Network
- Groups
- Popular
- People

Screenshot of code listing for /web/💕/settings🔒/index.page.js with the following line highlighted in a kitten.html block: <${kitten.version.Component} /> Full code listing shown follows: return kitten.html` <page htmx alpinejs water> <header> <h1>Small Web Settings</h1> <section id='info'> <markdown> ## 👋🤓 Hello! Here you will find technical details about your Small Web place (such as your cryptographic identity) as well as configuration options. </markdown> </section> </header> <main x-data='{}'> <markdown> ## 🐱 Kitten <${kitten.version.Component} /> </markdown> <markdown> ## 🌲 Evergreen Web Did you have a site here before? You can preserve it and keep existing links to it on the Web from breaking. </markdown> <${EvergreenWebForm} /> <p class='snug'>Not sure what to enter here? Please see <a href='https://4042307.org'>4042307.org</a></p> <markdown> ## 🆔 Identity This is your public identity for ${kitten.domain} (ed25519 public key). <div class='public'> <input readonly type='input' value ='${_.id.ed25519.asString}'> <button

Download link

Screenshot of code listing for /web/💕/settings🔒/index.page.js with the following line highlighted in a kitten.html block: <${kitten.version.Component} /> Full code listing shown follows: return kitten.html` <page htmx alpinejs water> <header> <h1>Small Web Settings</h1> <section id='info'> <markdown> ## 👋🤓 Hello! Here you will find technical details about your Small Web place (such as your cryptographic identity) as well as configuration options. </markdown> </section> </header> <main x-data='{}'> <markdown> ## 🐱 Kitten <${kitten.version.Component} /> </markdown> <markdown> ## 🌲 Evergreen Web Did you have a site here before? You can preserve it and keep existing links to it on the Web from breaking. </markdown> <${EvergreenWebForm} /> <p class='snug'>Not sure what to enter here? Please see <a href='https://4042307.org'>4042307.org</a></p> <markdown> ## 🆔 Identity This is your public identity for ${kitten.domain} (ed25519 public key). <div class='public'> <input readonly type='input' value ='${_.id.ed25519.asString}'> <button
https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/111/478/433/684/691/816/original/8aa69a94f6a2f651.png

Notices where this attachment appears

Aral Balkan (aral@mastodon.ar.al)'s status on Monday, 27-Nov-2023 04:18:03 JST Aral Balkan

Really enjoying how building things with Kitten just feels so elegant…
Here, there’s a model class (that manages all aspects of Kitten’s version information) and you can use the `Component` getter to get a Kitten component you can add to your page to display the version information.
For a separate view, you can call the `printToConsole()` method to have it output the same information to the console.
Not revolutionary or rocket science but still, pretty neat ;)
#Kitten #SmallWeb #web #dev

In conversation about a year ago from mastodon.ar.al permalink