{{template "header" .}}

<div class="page-header">
    <div class="page-header-title">
        <h1>Graph</h1>
        <span class="help">Verweise zwischen den Einträgen dieses Projekts. Gestrichelte Knoten sind
            Ziele eines <code>[[…]]</code>-Verweises, zu denen es noch keinen Eintrag gibt.</span>
    </div>
    <div class="page-header-actions">
        <button type="button" class="secondary" data-graph-fit>Ganzen Graphen zeigen</button>
    </div>
</div>

<p class="help" data-graph-hint hidden></p>

<div class="graph-wrap">
    <svg data-graph="/p/{{.Project.Slug}}/graph/data" data-graph-base="/p/{{.Project.Slug}}/e/"
         role="img" aria-label="Verweisgraph"></svg>
</div>

<p class="help">Ziehen zum Verschieben, Mausrad zum Zoomen — beim Hineinzoomen erscheinen weitere Namen.
    Zeigt die Maus auf einen Knoten, treten er und seine Nachbarn hervor. Ein Klick öffnet den Eintrag.</p>

{{template "footer" .}}