extends ../template_70s

block content
    .container#top
        .inner
            h2(style='font-size: 26pt; padding-top: 20px') Garrett Mills
            ul.inline-nav
                li
                    a.button(href=named('home')) Home
                li
                    a.button(href=route('/markmark')) About MarkMark
                li
                    a.button(href=route('/links')) My Bookmarks

            section#main
                img.markmark-mark(src=asset(textIsLight ? 'markmark-light.svg' : 'markmark-dark.svg') alt="MarkMark Logo")
                h2(style='font-size: 40pt') Standard MarkMark (v1.0)
                p MarkMark is a free (<a href="https://en.wikipedia.org/wiki/Free_as_in_Freedom" target="_blank">as in freedom</a>) bookmark format designed to be machine-readable and easy to use.
                p The goal of MarkMark is to standardize "link sharing" pages to build connections between small websites on the Internet.
                p You can view the full standard <a href="#{route('/markmark/standard')}">here</a>.
                p
                    i MarkMark was inspired by the post <a href="https://www.marginalia.nu/log/19-website-discoverability-crisis/" target="_blank">The Small Website Discoverability Crisis</a> on the Marginalia blog.

                h3 Example
                pre
                    code.hljs.language-markdown
                        |
                        | [//]: #(markmark-syntax: v1)
                        | [//]: #(markmark-author-name: Garrett Mills)
                        | [//]: #(markmark-author-email: shout@garrettmills.dev)
                        | [//]: #(markmark-author-href: https://garrettmills.dev/)
                        |
                        | # My Sites
                        |
                        | Here are links to various sites created by yours truly.
                        |
                        | - Garrett Mills
                        |     - https://garrettmills.dev/
                        |
                        | - My Code
                        |     - https://code.garrettmills.dev/garrettmills

                h3 Resources
                ul
                    li
                        a(href=route('/markmark/standard')) Spec: Standard MarkMark (v1.0)

block append style
    link(rel='stylesheet' href=asset('highlight/styles/' + themeRecord.highlightTheme + '.min.css'))

    style.
        .markmark-mark { width: 200px; margin-bottom: -60px; opacity: 0.75; }

block append script
    script(src=asset('highlight/highlight.min.js'))
    script.
        hljs.highlightAll();