8410182129
- Convert most CSS class names to BEM style - Improve a significant amount of layouts / UI bugs - Probably add a bunch of UI bugs
77 lines
3.1 KiB
Smarty
77 lines
3.1 KiB
Smarty
{{define "nav-sidebar"}}
|
|
<nav id="nav-sidebar" class="nav-sidebar">
|
|
<div id="logged-in-user-info">
|
|
<div class="button row" hx-get="/login" hx-trigger="click" hx-target="body" hx-push-url="true">
|
|
{{template "author-info" active_user}}
|
|
<img class="svg-icon" src="/static/icons/dotdotdot.svg" width="24" height="24" />
|
|
</div>
|
|
</div>
|
|
<ul class="nav-sidebar__buttons">
|
|
<a href="/timeline">
|
|
<li class="button labelled-icon">
|
|
<img class="svg-icon" src="/static/icons/home.svg" width="24" height="24" />
|
|
<label class="nav-sidebar__button-label">Home</label>
|
|
</li>
|
|
</a>
|
|
<a onclick="document.querySelector('#search-bar').focus()">
|
|
<li class="button labelled-icon">
|
|
<img class="svg-icon" src="/static/icons/explore.svg" width="24" height="24" />
|
|
<label class="nav-sidebar__button-label">Explore</label>
|
|
</li>
|
|
</a>
|
|
<a href="#">
|
|
<li class="button labelled-icon">
|
|
<img class="svg-icon" src="/static/icons/notifications.svg" width="24" height="24" />
|
|
<label class="nav-sidebar__button-label">Notifications</label>
|
|
</li>
|
|
</a>
|
|
{{if (not (eq (active_user).Handle "[nobody]"))}}
|
|
<a href="/messages">
|
|
<li class="button labelled-icon">
|
|
<img class="svg-icon" src="/static/icons/messages.svg" width="24" height="24" />
|
|
<label class="nav-sidebar__button-label">Messages</label>
|
|
</li>
|
|
</a>
|
|
{{end}}
|
|
<a href="/lists">
|
|
<li class="button labelled-icon">
|
|
<img class="svg-icon" src="/static/icons/lists.svg" width="24" height="24" />
|
|
<label class="nav-sidebar__button-label">Lists</label>
|
|
</li>
|
|
</a>
|
|
<a href="#">
|
|
<li class="button labelled-icon">
|
|
<img class="svg-icon" src="/static/icons/bookmarks.svg" width="24" height="24" />
|
|
<label class="nav-sidebar__button-label">Bookmarks</label>
|
|
</li>
|
|
</a>
|
|
<a href="#">
|
|
<li class="button labelled-icon">
|
|
<img class="svg-icon" src="/static/icons/communities.svg" width="24" height="24" />
|
|
<label class="nav-sidebar__button-label">Communities</label>
|
|
</li>
|
|
</a>
|
|
<a href="#">
|
|
<li class="button labelled-icon">
|
|
<img class="svg-icon" src="/static/icons/verified.svg" width="24" height="24" />
|
|
<label class="nav-sidebar__button-label">Verified</label>
|
|
</li>
|
|
</a>
|
|
{{if (not (eq (active_user).Handle "[nobody]"))}}
|
|
<a href="/{{(active_user).Handle}}">
|
|
<li class="button labelled-icon">
|
|
<img class="svg-icon" src="/static/icons/profile.svg" width="24" height="24" />
|
|
<label class="nav-sidebar__button-label">Profile</label>
|
|
</li>
|
|
</a>
|
|
{{end}}
|
|
<a href="#">
|
|
<li class="button labelled-icon">
|
|
<img class="svg-icon" src="/static/icons/more.svg" width="24" height="24"/>
|
|
<label class="nav-sidebar__button-label">More</label>
|
|
</li>
|
|
</a>
|
|
</ul>
|
|
</nav>
|
|
{{end}}
|