<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        
        <link href="css/templates.css" rel="stylesheet">
        
        <title>{{ node['schema:name'] }} - DOKK</title>
    </head>
    
    <body class="node">
        <header>
            
            <div class="menu">
                <a href="https://dokk.org">
                    DOKK
                </a>
                <a href="https://dokk.org/about">
                    ABOUT
                </a>
            </div>
            
            <div>
                <form action="search" id="search" class="search">
                    <input
                        autocomplete="off"
                        maxlength="2048"
                        name="q"
                        placeholder="Search topics"
                        required="true"
                        spellcheck="false"
                        type="text" />
                    
                    <input title="Search" value="" type="submit" />
                    
                    <div class="suggestions"></div>
                </form>
            </div>
        </header>
        
        {# The node name #}
        <h1 class="name">{{ node['schema:name'] }}</h1>
        
        {# The node subtitle #}
        <h2 class="disambiguating-description">{{ node['schema:disambiguatingDescription'] }}</h2>
        
        <div class="content">{{ content|raw }}</div>
        
        <footer>
            
        </footer>
        
        <script src="js/dokk.min.js"></script>
    </body>
</html>


