2022-05-04 23:09:46 +00:00
< div class = "container d-inline-flex d-lg-none" >
< div class = "row fixed-bottom bg-white border-top p-2" id = "mobile-bottom-navigation-bar"
2022-11-07 21:38:49 +00:00
style="z-index: 1000; bottom: 0px; transition: bottom cubic-bezier(0, 0, 0.2, 1) 220ms;">
2022-05-04 23:09:46 +00:00
2023-05-11 13:06:18 +00:00
< button type = "button" class = "nobackground border-0 col px-0 ml-3 btn btn-dead m-0" >
2022-10-28 23:32:31 +00:00
< a href = "/" class = "text-decoration-none" >
2022-05-04 23:09:46 +00:00
< div class = "text-center {% if request.path=='/' and request.full_path!='/?sort=hot&t=all' and request.full_path!='/?sort=new&t=all' %}text-primary{% else %}text-muted{% endif %}" >
< i class = "fas fa-home-alt text-lg" > < / i >
2023-05-11 13:06:18 +00:00
< div class = "text-small-extra" > Home< / div >
2022-05-04 23:09:46 +00:00
< / div >
< / a >
< / button >
{% if v and v.defaultsorting == 'new' %}
2023-05-11 13:06:18 +00:00
< button type = "button" class = "nobackground border-0 col px-0 btn btn-dead m-0" >
2022-10-28 23:32:31 +00:00
< a href = "/?sort=hot&t=all" class = "text-decoration-none" >
2022-05-04 23:09:46 +00:00
< div class = "text-center {% if request.full_path=='/?sort=hot&t=all' %}text-primary{% else %}text-muted{% endif %}" >
< i class = "fas fa-fire text-lg" > < / i >
2023-05-11 13:06:18 +00:00
< div class = "text-small-extra" > Hot< / div >
2022-05-04 23:09:46 +00:00
< / div >
< / a >
< / button >
{% else %}
2023-05-11 13:06:18 +00:00
< button type = "button" class = "nobackground border-0 col px-0 btn btn-dead m-0" >
2022-10-28 23:32:31 +00:00
< a href = "/?sort=new&t=all" class = "text-decoration-none" >
2022-05-04 23:09:46 +00:00
< div class = "text-center {% if request.full_path=='/?sort=new&t=all' %}text-primary{% else %}text-muted{% endif %}" >
< i class = "fas fa-sparkles text-lg" > < / i >
2023-05-11 13:06:18 +00:00
< div class = "text-small-extra" > New< / div >
2022-05-04 23:09:46 +00:00
< / div >
< / a >
< / button >
{% endif %}
2023-05-11 13:06:18 +00:00
< button type = "button" class = "nobackground border-0 col px-0 mr-2 btn btn-dead m-0" >
2022-10-28 23:32:31 +00:00
< a href = "/comments" class = "text-decoration-none" >
2022-05-04 23:09:46 +00:00
< div class = "text-center {% if request.path=='/comments' %}text-primary{% else %}text-muted{% endif %}" >
< i class = "fas fa-comment-dots text-lg" > < / i >
2023-05-11 13:06:18 +00:00
< div class = "text-small-extra" > Comments< / div >
2022-05-04 23:09:46 +00:00
< / div >
< / a >
< / button >
2023-05-11 13:06:18 +00:00
< button type = "button" class = "nobackground border-0 col px-0 btn btn-dead m-0 ml-1" >
2022-10-28 23:32:31 +00:00
< a href = "/leaderboard" class = "text-decoration-none" >
2022-05-04 23:09:46 +00:00
< div class = "text-center {% if request.path=='/leaderboard' %}text-primary{% else %}text-muted{% endif %}" >
< i class = "fas fa-trophy text-lg" > < / i >
2023-05-11 13:06:18 +00:00
< div class = "text-small-extra" > Leaderboard< / div >
2022-05-04 23:09:46 +00:00
< / div >
< / a >
< / button >
{% if v %}
2022-12-25 20:41:36 +00:00
{% if FEATURES['CHAT'] and v.admin_level >= PERMS['CHAT'] -%}
2023-05-11 13:06:18 +00:00
< button type = "button" class = "nobackground border-0 col px-0 btn btn-dead m-0 pt-0" >
2022-10-28 23:32:31 +00:00
< a href = "/chat" class = "text-decoration-none" >
2022-05-04 23:09:46 +00:00
< div class = "text-center {% if request.path=='/chat' %}text-primary{% else %}text-muted{% endif %}" >
2022-11-29 23:50:32 +00:00
< b class = "text-lg" style = "padding-top:10px" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Users in chat right now" > {{loggedin_chat}}< / b >
2023-05-11 13:06:18 +00:00
< div class = "text-small-extra" > Chat< / div >
2022-05-04 23:09:46 +00:00
< / div >
< / a >
< / button >
2022-07-18 06:43:20 +00:00
{%- endif %}
2022-07-19 23:59:39 +00:00
{% if FEATURES['AWARDS'] -%}
2023-05-11 13:06:18 +00:00
< button type = "button" class = "nobackground border-0 col px-0 mr-3 btn btn-dead m-0" >
2023-02-19 09:34:10 +00:00
< a href = "/shop/awards" class = "text-decoration-none" >
< div class = "text-center {% if request.path=='/shop/awards' %}text-primary{% else %}text-muted{% endif %}" >
2022-05-04 23:09:46 +00:00
< i class = "fas fa-store text-lg" > < / i >
2023-05-11 13:06:18 +00:00
< div class = "text-small-extra" > Shop< / div >
2022-05-04 23:09:46 +00:00
< / div >
< / a >
< / button >
2022-07-19 23:59:39 +00:00
{%- endif %}
2022-05-04 23:09:46 +00:00
{% else %}
2023-05-11 13:06:18 +00:00
< button type = "button" class = "nobackground border-0 col px-0 mr-3 btn btn-dead m-0" >
2022-11-19 21:33:59 +00:00
< a href = "/signup?redirect={{request.full_path | urlencode}}" class = "text-decoration-none" >
2022-05-04 23:09:46 +00:00
< div class = "text-center text-muted" >
< i class = "fas fa-user-plus text-lg" > < / i >
2023-05-11 13:06:18 +00:00
< div class = "text-small-extra" > Sign Up< / div >
2022-05-04 23:09:46 +00:00
< / div >
< / a >
< / button >
{% endif %}
< / div >
< / div >
2022-09-24 07:04:06 +00:00
< script defer src = "{{'js/mobile_navigation_bar.js' | asset}}" > < / script >