{{define "page"}}
{{template "header" .}}
{{template "navbar" .}}
{{template "github" .}}
<div class="container">
    <h1>
        {{.Props.Title}}
        {{if .Props.SubTitle}}
        <small>{{.Props.SubTitle}}</small>
        {{end}}
    </h1>
    {{template "cloud" .}}
    <hr>
    {{.Props.Content}}
    {{template "breadcrumbs" .}}
</div>
{{template "footer" .}}
{{end}}

{{define "tag"}}
{{template "header" .}}
{{template "navbar" .}}
<div class="container">
    <h1>Tagged &ldquo;{{.Props.TagState.CurrentTag.RawName}}&rdquo;</h1>
    <hr>
    <ul>
        {{range .Props.TagState.CurrentTag.TaggedFiles}}
        <li><a href="/{{.Path}}">{{.Props.Title}}</a></li>
        {{end}}
    </ul>
    {{template "breadcrumbs" .}}
</div>
{{template "footer" .}}
{{end}}

{{define "tags"}}
{{template "header" .}}
{{template "navbar" .}}
<div class="container">
    <h1>Tags</h1>
    <hr>
    <ul>
        {{range .Props.TagState.TagsByCount}}
        <li><a href="/{{.IndexFile.Path}}">{{.RawName}}</a> ({{len .TaggedFiles}})</li>
        {{end}}
    </ul>
    {{template "breadcrumbs" .}}
</div>
{{template "footer" .}}
{{end}}

{{define "index"}}
{{template "header" .}}
{{template "navbar" .}}
<div class="container">
    <h1>Index of /{{.Dir}}</h1>
    <ul class="list-unstyled">
        {{range .Props.Files}}
        {{if .IsDir}}<strong>{{end}}
            <li><a href="/{{.Path}}">{{.Name}}</a></li>
            {{if .IsDir}}</strong>{{end}}
        {{end}}
    </ul>
</div>
{{template "footer" .}}
{{end}}