Add MarkMark links to links.mark.md and additional resources to /markmark

src/app/resources/markmark/links.mark.md

@@ -52,3 +52,13 @@ Tech projects that I found interesting, funny, or wanted to experiment with late
   - https://web.archive.org/web/20230314204244/http://www.rdrop.com/~half/Creations/Writings/Web.patterns/gift.to.the.community.html
   - https://web.archive.org/web/20211102185515/http://www.rdrop.com/~half/Creations/Writings/Web.patterns/downloadable.weblet.html
   - https://web.archive.org/web/20220120050151/http://www.rdrop.com/~half/Creations/Writings/Web.patterns/site.map.html
+
+# MarkMark Meta
+
+Links, resources, and tools related to MarkMark itself. ([_What's MarkMark?_](https://garrettmills.dev/markmark))
+
+- Standard MarkMark (v1.0)
+  - https://garrettmills.dev/markmark
+  - https://garrettmills.dev/markmark/standard
+- `mark-mark`: a WIP TypeScript MarkMark parser/renderer collection
+  - https://code.garrettmills.dev/garrettmills/www/src/branch/master/src/markmark

src/app/resources/views/markmark/welcome.pug

@@ -44,6 +44,13 @@ block content
                 ul
                     li
                         a(href=route('/markmark/standard')) Spec: Standard MarkMark (v1.0)
+                    li MarkMark Icons (<a href="#{asset('markmark-light.svg')}">Light</a>, <a href="#{asset('markmark-dark.svg')}">Dark</a>)
+                    li
+                        a(href='https://code.garrettmills.dev/garrettmills/www/src/branch/master/src/markmark')
+                            span <code>mark-mark</code>: a TypeScript MarkMark parser/renderer collection
+                            span(style='color: red; font-size: 0.7em; padding-left: 15px;' title='This library is still a work-in-progress and is not ready for production use.') WIP!
+                        ul
+                            li Heads up! Unlike the MarkMark Spec, the <code>mark-mark</code> library is licensed CC BY-NC-SA 4.0. <a href="#{route('/technical')}#license">Learn more.</a>
 
 block append style
     link(rel='stylesheet' href=asset('highlight/styles/' + themeRecord.highlightTheme + '.min.css'))

src/app/resources/views/technical.pug

@@ -35,7 +35,7 @@ block content
                         li Standard deviation of the centroid distance
                     p Because it's interesting, you can view the # of generation attempts, as well as the aforementioned criteria in the footer of the homepage.
 
-                    h3 Source Code & Licensing
+                    h3#license Source Code & Licensing
                     a(href='https://creativecommons.org/licenses/by-nc-sa/4.0/' target='_blank' style='margin-top: 15px')
                         img(src=asset('cc-by-nc-sa.png'))
                     p This website, its source code, and its contents are licensed under the terms of the Creative Commons BY-NC-SA 4.0 license. Learn more <a href="https://creativecommons.org/licenses/by-nc-sa/4.0/" target="_blank">here</a>.

src/markmark/html.renderer.ts

@@ -1,3 +1,4 @@
+import * as marked from 'marked'
 import {isNamedSection, MarkMark} from './types'
 
 export class HtmlRenderer {
@@ -9,9 +10,9 @@ export class HtmlRenderer {
 
             // if this section has a title/description, write those out
             if ( isNamedSection(section) ) {
-                mmLines.push(`<h1 class="markmark section-title">${section.title}</h1>`)
+                mmLines.push(`<h1 class="markmark section-title">${marked.marked.parse(section.title)}</h1>`)
                 if ( section.description ) {
-                    mmLines.push(`<p class="markmark section-description">${section.description}</p>`)
+                    mmLines.push(`<p class="markmark section-description">${marked.marked.parse(section.description)}</p>`)
                 }
             }
 
@@ -23,7 +24,7 @@ export class HtmlRenderer {
                     linkTitle += `  <span class="markmark link-tags">${link.tags.map(x => '<span class="markmark link-tag">#' + x + '</span>').join(' ')}</span>`
                 }
 
-                mmLines.push(`<li class="markmark link-title">${linkTitle}<ul class="markmark url-list">`)
+                mmLines.push(`<li class="markmark link-title">${marked.marked.parse(linkTitle)}<ul class="markmark url-list">`)
 
                 for ( const url of link.urls ) {
                     mmLines.push(`<li class="markmark link-url"><a href="${url}" target="_blank">${url}</a></li>`)