doctype html
head
    block meta
        meta(charset='utf-8')
        meta(name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no')
        meta(http-equiv='x-ua-compatible' content='ie=edge')
        meta(name='description' content='Hi, there! My name is Garrett. I am a computer scientist, software engineer, and speaker.')
        meta(name='keywords' content='garrett mills glmdev developer speaker flitter extollo student')
        meta(name='author' content=config('app.name', 'Garrett Mills'))
        meta(name='robots' content='index, follow')

    block title
        if title
            title #{title} | #{config('app.name', 'Garrett Mills')}
        else
            title #{config('app.name', 'Garrett Mills')}

    block style
        style !{themeCSS}
        link(rel='stylesheet' href=asset('main-70s.css'))

    link(rel='author' href='/humans.txt')
    link(rel="alternate" href="/feed/atom.xml" title="Garrett Mills - Posts & Updates" type="application/atom+xml")
    link(rel="alternate" href="/feed/rss.xml" title="Garrett Mills - Posts & Updates" type="application/rss+xml")
    link(rel="alternate" href="/feed/json.json" title="Garrett Mills - Posts & Updates" type="application/feed+json")

    link(rel='apple-touch-icon' sizes='180x180' href=asset('favicon/apple-touch-icon.png'))
    link(rel='manifest' href=asset('favicon/site.webmanifest'))
    link(rel='icon' type='image/png' sizes='32x32' href=asset('favicon/favicon-32x32.png'))
    link(rel='icon' type='image/png' sizes='16x16' href=asset('favicon/favicon-16x16.png'))
    link(rel='shortcut icon' href=asset('favicon/favicon.ico'))

body
    .color-chips
        .chip(style="background-color: var(--c-line-1)")
        .chip(style="background-color: var(--c-line-2)")
        .chip(style="background-color: var(--c-line-3)")

    block content

    footer
        .ff-tag(style="margin-right: 80px")
            a(href="https://www.mozilla.org/en-US/firefox/browsers/" target="_blank")
                img(src=asset('ffox.png') width="75" style="margin-top: -1px")
        .by-line Garrett Mills
            .copy#tagline(title="my, aren't you curious...") copyright &copy; #{(new Date()).getFullYear()}
            .copyright(style='display: flex; justify-content: right')
                a(style='display: flex; padding-top: 10px' href='https://creativecommons.org/licenses/by-nc-sa/4.0/' target='_blank')
                    img(src=asset('cc-by-nc-sa-small.png') title='This work is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License')
            if user()
                div.auth-container(style="justify-content: end")
                    if user().profileUrl
                        div.profile
                            img(src=user().profileUrl width=50 style="border-radius: 50%")
                    p(style="font-family: Lora, serif") Welcome, #{user().getDisplay()}!&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#{named('@auth:coreid:logout')}">Log out</a>
        .col
            ul.links
                li
                    a(href='/#home') home
                li
                    a(href='/#about') about me
                li
                    a(href='/#work') what I'm working on
                li
                    a(href='/#contact') get in touch
                li
                    a(href='/#recent') latest updates
        .col
            ul.links
                li
                    a(href='https://static.garrettmills.dev/Resume.pdf' target='_blank') résumé
                li
                    a(href='/blog') blog
                li
                    a(href='https://code.garrettmills.dev/garrettmills' target='_blank') my code
                li
                    a(href='/technical') technical info
                li
                    a(href='?forceNewTheme=true') random theme
                if user()
                    li
                        a(href='/dash') dashboard

    block script
    script(src=asset('welcome.js'))
