bloat/templates/nav.tmpl
r 1d61f1aa27 Update the default theme
This uses better color contrast and component spacing to improve
legibility. The updated HTML also has better compatibility with browsers
with limited/no CSS support.
2023-12-28 13:27:30 +00:00

39 lines
2 KiB
Cheetah

{{with .Data}}
{{template "header.tmpl" (WithContext .CommonData $.Ctx)}}
<div class="nav-container">
<div class="nav-profile-img-container">
<a class="img-link" href="/timeline/home" title="Home (1)">
<img class="nav-profile-img" src="{{.User.Avatar}}" alt="avatar" height="64">
</a>
</div>
<div class="nav-link-container">
<bdi class="status-dname">{{EmojiFilter (HTML .User.DisplayName) .User.Emojis | Raw}}</bdi>
<a class="nav-link" href="/user/{{.User.ID}}" accesskey="0" title="User profile (0)"><span class="status-uname">@{{.User.Acct}}</span></a>
<a class="nav-profile-link" href="/profile" title="edit profile" target="_top">edit</a>
<form class="d-inline" action="/signout" method="post" target="_top">
<input type="hidden" name="csrf_token" value="{{$.Ctx.CSRFToken}}">
<input type="hidden" name="referrer" value="{{$.Ctx.Referrer}}">
<input type="submit" value="signout" class="btn-link nav-profile-link" title="Signout">
</form>
<nav>
<ul>
<li><a class="nav-link" href="/timeline/home" accesskey="1" title="Home timeline (1)">home</a></li>
<li><a class="nav-link" href="/timeline/direct" accesskey="2" title="Direct timeline (2)">direct</a></li>
<li><a class="nav-link" href="/timeline/local" accesskey="3" title="Local timeline (3)">local</a></li>
<li><a class="nav-link" href="/timeline/twkn" accesskey="4" title="The Whole Known Netwwork (4)">twkn</a></li>
<li><a class="nav-link" href="/timeline/remote" accesskey="5" title="Remote timeline (5)">remote</a></li>
</ul>
<ul>
<li><a class="nav-link" href="/lists" accesskey="6" title="Lists (6)">lists</a></li>
<li><a class="nav-link" href="/search" accesskey="7" title="Search (7)">search</a></li>
<li><a class="nav-link" href="/settings" target="_top" accesskey="8" title="Settings (8)">settings</a></li>
<li><a class="nav-link" href="/about" accesskey="9" title="About (9)">about</a></li>
</ul>
</nav>
</div>
</div>
{{template "postform.tmpl" (WithContext .PostContext $.Ctx)}}
{{template "footer.tmpl"}}
{{end}}