Public
- Public
- Network
- Groups
- Popular
- People

Conversation

Notices

Aral Balkan (aral@mastodon.ar.al)'s status on Sunday, 19-Mar-2023 02:02:21 JST Aral Balkan

Did someone say Markdown in components? Yep, you can now do that in Kitten (as of a few minutes ago in main).
Markdown support is now in the core renderer and every Kitten feature is now supported under Markdown as it is under HTML (Kitten conditionals, components, etc.)
Mix and match to your heart’s desire :)
:kitten:💕
https://codeberg.org/kitten/app
#Kitten #SmallWeb #Markdown #markup #html #web #dev
In conversation Sunday, 19-Mar-2023 02:02:21 JST from mastodon.ar.al permalink
Attachments
1. app
  
  from kitten
  
  A web development kit that’s small, purrs, and loves you.
2. Screenshot with Helix Editor editing index.page on the left side of the screen and a browser showing the page rendered (it’s a mock blog example with a heading, a figure with my photo and the caption It’s-a me… Mario! Umm… Aral, an example of syntax highlighting in a code listing and a dynamic Comments section. Excerpt of code in editor: if (!db.comments) db.comments = [] const Footer = _ => markdown` <footer class='Footer'> --- Copyright (c) 2023-present, Aral Balkan. Released under [Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International (CC BY-NC-SA 4.0)](https://creativecommons.org/licenses/by-nc-sa/4.0/) </footer> <style> .Footer { margin-top: 2em; margin-bottom: 3em; } .Footer p { text-align: center; font-size: small; } </style> ` // This is a demonstration of using the markdown tagged template function. export default _ => ({ markup: markdown` # My lovely blog ![Black and white photo (close-up) of a white passing man](https://ar.al/images/aral-432.jpg "It’s-a me… Mario! Umm… Aral.") Lots of interesting things, including code snippets: [code js] function say (message) { console.log(message) } [code] <h2>Comments</h2> <if ${db.comments.length === 0}> <p>No one’s commented yet… be the first?</p> <else> <ul> ${db.comments.map(comment => html`
  https://s3-eu-central-1.amazonaws.com/mastodon-aral/media_attachments/files/110/045/341/202/325/383/original/5686f4b21a0fde4c.png
- anyone (lordvalor@mastodon.social)'s status on Sunday, 19-Mar-2023 06:24:19 JST anyone
  in reply to
  
  @aral oh, this is vim on a white theme? cool.
  
  In conversation Sunday, 19-Mar-2023 06:24:19 JST permalink
- Aral Balkan (aral@mastodon.ar.al)'s status on Sunday, 19-Mar-2023 06:24:19 JST Aral Balkan
  in reply to
  - anyone
  @lordvalor Helix Editor in WezTerm :)
  
  In conversation Sunday, 19-Mar-2023 06:24:19 JST permalink
- Aral Balkan (aral@mastodon.ar.al)'s status on Sunday, 19-Mar-2023 06:25:09 JST Aral Balkan
  in reply to
  - Tushar Chauhan
  @tchauhan When the system is in light mode (during the day). In dark mode it switches to a dark theme :)
  
  In conversation Sunday, 19-Mar-2023 06:25:09 JST permalink
- Tushar Chauhan (tchauhan@mastodon.mit.edu)'s status on Sunday, 19-Mar-2023 06:25:10 JST Tushar Chauhan
  in reply to
  
  @aral Always happy to see light themes still have their users 😁
  
  In conversation Sunday, 19-Mar-2023 06:25:10 JST permalink

Public

Conversation

Notices

Feeds