{{define "components/timeline-nav.html"}}
<nav class="timeline-nav" aria-label="{{T "nav.timelines"}}">
    <a href="/" class="{{if eq .Timeline "home"}}active{{end}}"{{if eq .Timeline "home"}} aria-current="page"{{end}} title="{{T "nav.home"}}"><svg class="icon" aria-hidden="true"><use href="/static/icons.svg?v=adb0669912b5d0ff#i-home"/></svg><span class="timeline-nav-label">{{T "nav.home"}}</span></a>
    {{if .Account}}<a href="/public" class="{{if eq .Timeline "public"}}active{{end}}"{{if eq .Timeline "public"}} aria-current="page"{{end}} title="{{T "mobile.federated"}}"><svg class="icon" aria-hidden="true"><use href="/static/icons.svg?v=adb0669912b5d0ff#i-globe"/></svg><span class="timeline-nav-label">{{T "mobile.federated"}}</span></a>{{end}}
    <a href="/public/local" class="{{if eq .Timeline "local"}}active{{end}}"{{if eq .Timeline "local"}} aria-current="page"{{end}} title="{{T "mobile.local"}}"><svg class="icon" aria-hidden="true"><use href="/static/icons.svg?v=adb0669912b5d0ff#i-users"/></svg><span class="timeline-nav-label">{{T "mobile.local"}}</span></a>
    {{if .Account}}<a href="/public/bubble" class="{{if eq .Timeline "bubble"}}active{{end}}"{{if eq .Timeline "bubble"}} aria-current="page"{{end}} title="{{T "mobile.bubble"}}"><svg class="icon" aria-hidden="true"><use href="/static/icons.svg?v=adb0669912b5d0ff#i-bubbles"/></svg><span class="timeline-nav-label">{{T "mobile.bubble"}}</span></a>
    <a href="/bookmarks" class="{{if eq .Timeline "bookmarks"}}active{{end}}"{{if eq .Timeline "bookmarks"}} aria-current="page"{{end}} title="{{T "mobile.bookmarks"}}"><svg class="icon" aria-hidden="true"><use href="/static/icons.svg?v=adb0669912b5d0ff#i-bookmark"/></svg><span class="timeline-nav-label">{{T "mobile.bookmarks"}}</span></a>
    <a href="/direct" class="{{if eq .Timeline "direct"}}active{{end}}"{{if eq .Timeline "direct"}} aria-current="page"{{end}} title="{{T "mobile.direct"}}"><svg class="icon" aria-hidden="true"><use href="/static/icons.svg?v=adb0669912b5d0ff#i-mail"/></svg><span class="timeline-nav-label">{{T "timeline.dm_short"}}</span></a>
    {{if catchupEnabled}}<a href="/catchup" class="{{if eq .Timeline "catchup"}}active{{end}}"{{if eq .Timeline "catchup"}} aria-current="page"{{end}} title="{{T "nav.catchup"}}"><svg class="icon" aria-hidden="true"><use href="/static/icons.svg?v=adb0669912b5d0ff#i-vhs"/></svg><span class="timeline-nav-label">{{T "nav.catchup"}}</span></a>{{end}}{{end}}
</nav>
{{end}}