Search
Items tagged with: markdown
https://markprompt.com/
Markprompt
Open-source GPT-4 platform for Markdown, Markdoc and MDX with built-in analyticsmarkprompt.com
At the moment i am using a custom shortcode, but it is still a bit tedious.
Thankful for anyone who can point me in the right direction. 🙏
#webdev #markdown #11ty
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 :)
💕 https://codeberg.org/kitten/app
#Kitten #SmallWeb #Markdown #markup #html #web #dev
![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
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 "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`")
I’ll be adding better examples and comprehensive documentation as I go but if you want to have a play, these resources should help:
Kitten Count example in Markdown: https://codeberg.org/kitten/app#html-is-so-1991-introducing-markdown
Components example (which demonstrates nearly all the supported features): https://codeberg.org/kitten/app/src/branch/main/examples/components/index.page
PS. Huge thanks to the markdown-it folks & the various plugin authors for making this possible.
#Kitten #SmallWeb #markdown #web #dev
