doctype html
html(lang="en" dir="ltr")
    head
        <meta http-equiv="x-ua-compatible" content="ie=edge">
        <meta content='text/html; charset=UTF-8' http-equiv='Content-Type' />
        <link async href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">

        style(media="screen")
            include ../css/site-layout.css
        style(media="screen")
            include ../css/materialize.min.css
        style(media="screen")
            include ../css/site.css
        //- style(media="screen")
            include ../css/typography.css
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

        <link rel="manifest" href="static/js/manifest.json">
        block additionalStyle

        block seo
            title Hierarchically Deterministic Authentication
        
    body
        ul.sidenav.sidenav-fixed#slide-out
            li
                .user-view
                    .background
                        img(src="static/images/office.jpg", alt="background")
                    if user
                        a#name
                            span.white-text.name= user.displayName
            if user
                li
                    form.center(action="/account/logout" method="POST")                        
                        <button class="btn-flat" type="submit">logout</button>
                //- li.red-text
                    a DELETE ACCOUNT
            else 
                li
                    a(href="/account/authenticate") login/register
                //- li
                    a(href="/login/hd-auth") login with hd-auth
                
            
                     
        header(role="banner")
            block navigation
                nav.blue.darken-4
                    .nav-wrapper
                        a.brand-logo.center HD-Auth
                        ul.left
                            li
                                a.sidenav-trigger(href="#", data-target="slide-out")
                                    i.material-icons menu
                   
        
        main(role="main")
            .row
                .col.s12
                    //- I just need the space at the top of the page to be good on mobile...
            block content
                .container
                    p.flow-text Center content

        block footer
            
            footer.blue.darken-4.page-footer(role="footer")
                .container
                    .row
                        .col.s12
                            p.flow-text Links
                            ul
                                li
                                    a.white-text(href="bsides") b-sides Capetown 2019
                                li
                                    a.white-text(href="https://code.sigidli.com/hd-auth/") Code
                                li
                                    a.white-text(href="bitcoin:1GShZrpSK6LJZRDCSNcZhEiHcLV916afoX") Donate to 1GShZrpSK6LJZRDCSNcZhEiHcLV916afoX
                                li
                                    a.white-text(href="http://xpub6CmUNwicBT2i7voSgpZJrJmr4nU77SsFd5UiKoMxiqpzWTtebwukbziMDsD3FNozPmS2Qb7sRSGzW2VgTkHYwnqAod16w81X44H145ovt5Y.onion") onion v4?

                .footer-copyright
                    .container
                        span &copy; what year is it? 
                        strong Sigidli
        
        //- TODO: Add a condition to use cdn in production...
        //- <script type="text/javascript" src="/static/js/jquery-3.3.1.min.js"></script>
        script
            include ../js/jquery-3.3.1.min.js
        //- <script type="text/javascript" src="/static/js/materialize.min.js"></script>
        script
            include ../js/materialize.min.js
        
        //- <script type="text/javascript" src="/static/js/site.js"></script>
        script
            include ../js/site.js
        script
            include ../js/clipboard.min.js
        script
            include ../js/copy-to-clipboard.js
        block additionalScripts