extends template_70s

block content
    .container#top
        .inner
            .hero
                .hero-box
                    h1 Garrett Mills
            section#header
                h1 Bookmarks
                p Below is a random collection of links to other sites that I found interesting.
                p I think publishing personal bookmark lists is a great way to better connect and explore the smaller side of the Internet.
                p This list is also available in <a href="#{route('/links.mark.md')}"><img class="inline-markmark-logo" src="#{asset(textIsLight ? 'markmark-light.svg' : 'markmark-dark.svg')}"/> MarkMark format</a> (<a href="#{route('/markmark')}">learn more</a>).
            section#links !{contentHtml}

block append style
    style.
        section { margin-top: 0; padding-bottom: 0; }

        h1 { font-size: 40pt; }
        h2 { font-size: 30pt; }
        h3 { font-size: 24pt; }
        h4 { font-size: 18pt; }

        #links h1 { font-size: 25pt; margin-top: 60px; }

        *:not(li) > ul > li { margin-top: 20px; }

        .markmark.link-tags { margin-left: 30px; }
        .markmark.link-tag { color: var(--c-font-muted); }