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">
        link(rel="icon", href="/static/img/mantra-icon.png", type="image/png")

        block seo
            title Mantra

        //- Using Material Design Lite for the CSS stuff
        //- https://getmdl.io
        //- <script src="https://code.getmdl.io/1.3.0/material.min.js"></script>
        //- <link rel="stylesheet" href="https://code.getmdl.io/1.3.0/material.indigo-pink.min.css">
        link(rel="stylesheet", href="/static/css/materialize.min.css")
        style(media="screen")
            include ../css/site-layout.css
        style(media="screen")
            include ../css/site.css
        <meta name="viewport" content="width=device-width, initial-scale=1.0"/>

        block additionalStyle
    body
        -
            const translatorDisplayName = function(translationChapterTranslator) {
                return translationChapterTranslator.translator.entityEmail == null ? translationChapterTranslator.translator.name : translationChapterTranslator.translator.entityEmail.email.address
            };
            const stringToColour = function(str) {
                var hash = 0;
                for (var i = 0; i < str.length; i++) {
                    hash = str.charCodeAt(i) + ((hash << 5) - hash);
                }
                var colour = '#';
                for (var i = 0; i < 3; i++) {
                    var value = (hash >> (i * 8)) & 0xFF;
                    colour += ('00' + value.toString(16)).substr(-2);
                }
                return colour;
            }
        ul.sidenav.sidenav-fixed#slide-out
            li
                .user-view.primary-color-light.z-depth-2
                    .background
                    a#name
                        p.flow-text.black-text.name Mantra.
                    //- a(href="#bio") 
                        span.black-text Open source open literature
                    a(href="#email") 
                        span.email mantra@exonumia.africa

            if user
                li
                    a(href="/entities")
                        i.material-icons.black-text person
                        span entities 
                li
                    a(href="/library")
                        i.material-icons.black-text person
                        span library 
                li
                    a(href="/projects")
                        i.material-icons.black-text person
                        span Projects
                li
                    a(href="/campaigns")
                        i.material-icons.black-text person
                        span campaigns
                li
                    a(href="/pledges")
                        i.material-icons.black-text person
                        span pledges
                li
                    .divider
                li
                    a(href="/account")
                        i.material-icons.black-text person
                        span account
                li
                    a(href="/account/tokens")
                        i.material-icons.black-text vpn_key
                        span tokens
                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.primary-color
                    .nav-wrapper
                        a.brand-logo.black-text.center.hide-on-small-only(href="/") Mantra
                        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 

            .row
                .col.s12
                    //- I just need some space at the bottom...

        block footer
            footer.primary-color.page-footer.z-depth-3(role="footer")
                .container
                    .row
                        .col.s12.m6
                            p.flow-text.black-text Follow
                            ul
                                li
                                    a.black-text(href="https://www.twitter.com/exonumia280") Twitter
                                li
                                    a.black-text(href="https://www.facebook.com/exonumia.africa") Facebook
                                li
                                    a.black-text(href="https://www.instagram.com/exonumia.africa") Instagram
                                li
                                    a.black-text(href="https://www.linkedin.com/company/exonumia-africa") LinkedIn
                                
                        .col.s12.m6
                            //- p.flow-text Links
                            //- ul
                                li
                                    a.black-text(href="/faq") FAQ
                                li
                                    a.black-text(href="/privacy") Privacy Policy
                                li
                                    a.black-text(href="/compliance") Compliance
                                li
                                    a.black-text(href="/terms") Terms
                                li
                                    a.black-text(href="/contact") Contact

                .footer-copyright.primary-color-dark
                    .container
                        span &copy; 2021 
                        a(href="https://sigidli.com/")
                            strong Sigidli


        script(src="/static/js/materialize.min.js")
        script
            include ../js/site.js
        block additionalScripts
            //- All other scripts will be added here as they are needed in the views