• Public

  • Public
  • Network
  • Groups
  • Popular
  • People

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`