{% extends 'layout.html' %}

{% block meta %}
    <meta name="author" content="Peers Community">
    <meta name="description" content="A community-curated knowledge graph about any topic.">
    <meta name="keywords" content="free,knowledge,graph">
{% endblock %}

{% block body %}

<div class="homepage">

    <form action = "{{ url('search') }}"
          class  = "search"
          id     = "search">
        
        <input autocomplete = "off"
               autofocus    = "true"
               maxlength    = "2048"
               name         = "q"
               placeholder  = "Search topics"
               spellcheck   = "false"
               type         = "text" />
        
        <ul class="suggestions"></ul>
    </form>
    
    <div class="links right">
        <a href="/dokk/about" class="small-font nodecoration" title="About the project">About</a>
        <a href="{{ url('explore') }}" class="small-font nodecoration" title="Explore graph">Explore</a>
        <a href="/dokk" class="small-font nodecoration" title="Community pages">Community</a>
        <a href="{{ url('editor') }}" class="small-font nodecoration" title="Edit the graph">Editor</a>
        <a href="{{ url('index') }}" class="dokk-logo nodecoration">DOKK</a>
    </div>

</div>

{% endblock %}
