{{template "kopf" .}}

<div class="seitenkopf">
    <div class="seitenkopf-titel">
        <h1>Graph</h1>
        <span class="hilfe">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="seitenkopf-aktionen">
        <button type="button" class="zweitrangig" data-graph-einpassen>Ganzen Graphen zeigen</button>
    </div>
</div>

<p class="hilfe" data-graph-hinweis hidden></p>

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

<p class="hilfe">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 "fuss" .}}