2021-12-01 19:54:51 +00:00
< script defer src = "/assets/js/mobile_navigation_bar.js?v=53" > < / script >
2021-10-15 14:08:27 +00:00
2021-11-24 21:10:07 +00:00
< div class = "container inline-flex sm:hidden" >
2021-10-15 14:08:27 +00:00
2021-12-01 20:08:40 +00:00
< div class = "z-100 fixed shadow-sm bottom-0 w-full bg-gradient-to-t from-gray-200 to-gray-100 border-t border-gray-300 px-4 py-3" id = "mobile-bottom-navigation-bar" style = "transition: bottom cubic-bezier(0, 0, 0.2, 1) 220ms;" >
2021-10-15 14:08:27 +00:00
2021-12-01 23:34:17 +00:00
< ul class = "flex flex-nowrap justify-around text-shadow mb-0" >
2021-12-01 20:00:45 +00:00
< li >
2021-12-01 20:05:43 +00:00
< button type = "button" class = "px-2" >
2021-12-01 20:00:45 +00:00
< a href = "/" class = "text-decoration-none" role = "button" >
2021-12-01 20:08:17 +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-gray-700{% else %}text-gray-400{% endif %}" >
2021-12-01 20:06:03 +00:00
< i class = "fas fa-home-alt fa-fw text-lg" > < / i >
2021-12-01 20:06:19 +00:00
< div class = "text-sm font-bold" > Home< / div >
2021-12-01 20:00:45 +00:00
< / div >
< / a >
< / button >
< / li >
{% if v and v.defaultsorting == 'new' %}
< li >
2021-12-01 20:05:43 +00:00
< button type = "button" class = "px-2" >
2021-12-01 20:00:45 +00:00
< a href = "/?sort=hot&t=all" class = "text-decoration-none" role = "button" >
2021-12-01 20:08:17 +00:00
< div class = "text-center {% if request.full_path=='/?sort=hot&t=all' %}text-gray-700{% else %}text-gray-400{% endif %}" >
2021-12-01 20:06:03 +00:00
< i class = "fas fa-fire fa-fw text-lg" > < / i >
2021-12-01 20:06:19 +00:00
< div class = "text-sm font-bold" > Hot< / div >
2021-12-01 20:00:45 +00:00
< / div >
< / a >
< / button >
< / li >
{% else %}
< li >
2021-12-01 20:05:43 +00:00
< button type = "button" class = "px-2" >
2021-12-01 20:00:45 +00:00
< a href = "/?sort=new&t=all" class = "text-decoration-none" role = "button" >
2021-12-01 20:08:17 +00:00
< div class = "text-center {% if request.full_path=='/?sort=new&t=all' %}text-gray-700{% else %}text-gray-400{% endif %}" >
2021-12-01 20:06:03 +00:00
< i class = "fas fa-sparkles fa-fw text-lg" > < / i >
2021-12-01 20:06:19 +00:00
< div class = "text-sm font-bold" > New< / div >
2021-12-01 20:00:45 +00:00
< / div >
< / a >
< / button >
< / li >
{% endif %}
< li >
2021-12-01 20:07:32 +00:00
< button type = "button" class = "px-2" >
2021-12-01 20:00:45 +00:00
< a href = "/comments" class = "text-decoration-none" role = "button" >
2021-12-01 20:08:17 +00:00
< div class = "text-center {% if request.path=='/comments' %}text-gray-900{% else %}text-gray-400{% endif %}" >
2021-12-01 20:06:03 +00:00
< i class = "fas fa-comment-dots fa-fw text-lg" > < / i >
2021-12-01 20:06:19 +00:00
< div class = "text-sm font-bold" > Comments< / div >
2021-12-01 20:00:45 +00:00
< / div >
< / a >
< / button >
< / li >
< li >
2021-12-01 20:05:43 +00:00
< button type = "button" class = "px-2" >
2021-12-01 20:00:45 +00:00
< a href = "/leaderboard" class = "text-decoration-none" role = "button" >
2021-12-01 20:08:17 +00:00
< div class = "text-center {% if request.path=='/leaderboard' %}text-gray-700{% else %}text-gray-400{% endif %}" >
2021-12-01 20:06:03 +00:00
< i class = "fas fa-trophy fa-fw text-lg" > < / i >
2021-12-01 20:08:17 +00:00
< div class = "text-sm font-bold" > Members< / div >
2021-12-01 20:00:45 +00:00
< / div >
< / a >
< / button >
< / li >
{% if v %}
< li >
2021-12-01 20:08:17 +00:00
< button type = "button" class = "px-2" >
2021-12-01 20:00:45 +00:00
< a href = "/shop" class = "text-decoration-none" role = "button" >
2021-12-01 20:08:17 +00:00
< div class = "text-center {% if request.path=='/shop' %}text-gray-700{% else %}text-gray-400{% endif %}" >
2021-12-01 20:06:03 +00:00
< i class = "fas fa-store fa-fw text-lg" > < / i >
2021-12-01 20:06:19 +00:00
< div class = "text-sm font-bold" > Shop< / div >
2021-12-01 20:00:45 +00:00
< / div >
< / a >
< / button >
< / li >
{% else %}
< li >
2021-12-01 20:08:17 +00:00
< button type = "button" class = "px-2" >
2021-12-01 20:00:45 +00:00
< a href = "/signup" class = "text-decoration-none" role = "button" >
2021-12-01 20:08:17 +00:00
< div class = "text-center text-gray-400" >
2021-12-01 20:06:03 +00:00
< i class = "fas fa-user-plus fa-fw text-lg" > < / i >
2021-12-01 20:08:17 +00:00
< div class = "text-sm font-bold" > Join< / div >
2021-12-01 20:00:45 +00:00
< / div >
< / a >
< / button >
< / li >
{% endif %}
< / ul >
2021-12-01 19:57:20 +00:00
< / div >
2021-07-21 01:12:26 +00:00
< / div >