diff options
author | r <r@freesoftwareextremist.com> | 2023-12-28 13:27:30 +0000 |
---|---|---|
committer | r <r@freesoftwareextremist.com> | 2023-12-28 13:27:30 +0000 |
commit | 1d61f1aa27376e778b7a517fdd5739a8c1976d2e (patch) | |
tree | b4dba8253afbb159a3782d900ad8d43bd6148b24 /templates/nav.tmpl | |
parent | f4881e72675e87a9eae716436c3ac18a788d596d (diff) | |
download | bloat-1d61f1aa27376e778b7a517fdd5739a8c1976d2e.tar.gz bloat-1d61f1aa27376e778b7a517fdd5739a8c1976d2e.zip |
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.
Diffstat (limited to 'templates/nav.tmpl')
-rw-r--r-- | templates/nav.tmpl | 58 |
1 files changed, 27 insertions, 31 deletions
diff --git a/templates/nav.tmpl b/templates/nav.tmpl index bdb72be..c01f64e 100644 --- a/templates/nav.tmpl +++ b/templates/nav.tmpl @@ -1,39 +1,35 @@ {{with .Data}} {{template "header.tmpl" (WithContext .CommonData $.Ctx)}} -<div class="user-info"> - <div class="user-info-img-container"> +<div class="nav-container"> + <div class="nav-profile-img-container"> <a class="img-link" href="/timeline/home" title="Home (1)"> - <img class="user-info-img" src="{{.User.Avatar}}" alt="profile-avatar" height="64" /> + <img class="nav-profile-img" src="{{.User.Avatar}}" alt="avatar" height="64"> </a> </div> - <div class="user-info-details-container"> - <div class="user-info-details-name"> - <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="profile-edit-link" href="/profile" title="edit profile" target="_top"> - edit - </a> - </div> - <div class="user-info-details-nav"> - <a class="nav-link" href="/timeline/home" accesskey="1" title="Home timeline (1)">home</a> - <a class="nav-link" href="/timeline/direct" accesskey="2" title="Direct timeline (2)">direct</a> - <a class="nav-link" href="/timeline/local" accesskey="3" title="Local timeline (3)">local</a> - <a class="nav-link" href="/timeline/twkn" accesskey="4" title="The Whole Known Netwwork (4)">twkn</a> - <a class="nav-link" href="/timeline/remote" accesskey="5" title="Remote timeline (5)">remote</a> - <a class="nav-link" href="/search" accesskey="6" title="Search (6)">search</a> - </div> - <div> - <a class="nav-link" href="/lists" accesskey="7" title="Lists (7)">lists</a> - <a class="nav-link" href="/settings" target="_top" accesskey="8" title="Settings (8)">settings</a> - <form class="signout" 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-link" title="Signout"> - </form> - <a class="nav-link" href="/about" accesskey="9" title="About (9)">about</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> |