2021-11-24 16:48:06 +00:00
<!-- This example requires Tailwind CSS v2.0+ -->
2021-12-07 02:58:00 +00:00
< nav class = "fixed top-0 w-full bg-gray-700" style = "z-index: 1030;" >
2022-01-01 23:58:28 +00:00
<!-- Banner -->
{% include "CHRISTMAS/banner.html" %}
<!-- Navigation bar -->
2021-12-01 02:59:26 +00:00
< div class = "w-full max-w-screen-2xl mx-auto grid grid-cols-12 px-4" >
2022-01-01 23:58:28 +00:00
< div class = "relative col-span-full flex items-center justify-between h-14 px-4" >
2022-01-04 03:09:54 +00:00
< div class = "flex-1 flex items-center sm:items-stretch sm:justify-start" >
2021-11-24 16:48:06 +00:00
< div class = "flex-shrink-0 flex items-center" >
2022-01-01 00:38:27 +00:00
< a class = "flex items-center" href = "{{ '/' if v else '/logged_out'}}" >
2022-01-01 00:49:43 +00:00
< img class = "block lg:hidden h-6 w-6 object-contain" style = "margin-left: -21px;" src = "/static/assets/images/Drama/headericon.webp?a=7" alt = "logo" >
2022-01-01 00:36:27 +00:00
< img class = "hidden lg:block h-6 w-6 object-contain" src = "/static/assets/images/Drama/headericon.webp?a=7" alt = "logo" >
2022-01-01 02:41:12 +00:00
< span class = "pl-2 text-white text-2xl font-bold" > rdrama< / span >
2021-11-24 16:48:06 +00:00
< / a >
< / div >
2021-12-11 06:52:39 +00:00
< div class = "relative hidden sm:flex flex-shrink-0 items-center sm:ml-6" >
< form action = "/search/posts/" method = "get" class = "relative mb-0" >
2021-12-20 15:17:43 +00:00
< input placeholder = "Search" class = "w-full text-gray-500 focus:text-black rounded border border-gray-800 bg-black/20 focus:bg-white hover:bg-black/30 shadow-inner w-full px-2 py-1.5 pr-7" aria-label = "Search" name = "q" value = "{{request.values.get('q', '')}}" >
2021-11-24 16:48:06 +00:00
< i class = "fas fa-search text-gray-600 absolute top-3 right-2" > < / i >
< / form >
< / div >
2021-12-13 02:39:52 +00:00
< div class = "hidden lg:flex items-center sm:ml-4" >
2022-01-04 03:09:54 +00:00
<!-- Current: "bg - gray - 900 text - white", Default: "text - gray - 300 hover:bg - gray - 700 hover:text - white" -->
< a href = "/" class = "relative px-3 py-2.5 rounded text-sm leading-normal {{ 'text-gray-200 font-bold text-shadow' if request.path == '/' else 'text-gray-400 hover:text-gray-300 dark:text-gray-500 dark:hover:text-gray-400' }}" aria-current = "page" >
< i class = "fas fa-home-lg-alt fa-fw mr-2" > < / i >
Home
< / a >
2021-11-24 16:48:06 +00:00
2022-01-04 03:09:54 +00:00
< a href = "/comments" class = "relative px-3 py-2.5 rounded text-sm leading-normal {{ 'text-gray-200 font-bold text-shadow' if request.path == '/comments' else 'text-gray-400 hover:text-gray-300 dark:text-gray-500 dark:hover:text-gray-400' }}" aria-current = "page" >
< i class = "fas fa-comments-alt fa-fw mr-2" > < / i >
Comments
< / a >
2021-11-24 16:48:06 +00:00
2022-01-04 03:16:23 +00:00
< a href = "/leaderboard" class = "hidden xl:inline-block relative px-3 py-2.5 rounded text-sm leading-normal {{ 'text-gray-200 font-bold text-shadow' if request.path == '/leaderboard' else 'text-gray-400 hover:text-gray-300 dark:text-gray-500 dark:hover:text-gray-400' }}" aria-current = "page" >
2022-01-04 03:09:54 +00:00
< i class = "fas fa-trophy fa-fw mr-2" > < / i >
2022-01-04 03:15:21 +00:00
Leaderboards
2022-01-04 03:09:54 +00:00
< / a >
2021-11-24 16:48:06 +00:00
2022-01-04 03:09:54 +00:00
{% include "CHRISTMAS/dropdowns/NavbarExtraLinks.html" %}
2021-11-24 16:48:06 +00:00
2022-01-04 03:09:54 +00:00
< a href = "/shop" class = "hidden xl:flex items-center relative px-3 py-2.5 rounded text-sm text-yellow-500 leading-normal {{ 'font-bold text-shadow' if request.path == '/shop' else 'font-medium' }}" >
< img src = "https://i.ibb.co/xFgG6yf/Coinfixed.gif" width = "15px" height = "12px" class = "object-contain mr-2.5" / >
Shop
< / a >
2021-11-24 16:48:06 +00:00
< / div >
< / div >
2021-12-16 18:12:26 +00:00
{% if not error %}
2022-01-04 03:12:28 +00:00
< div class = "absolute inset-y-0 right-0 flex items-center space-x-2 sm:static sm:inset-auto sm:ml-6 sm:pr-0" >
2021-12-03 17:26:19 +00:00
<!-- Logged in -->
2021-12-03 17:21:07 +00:00
{% if v %}
2021-11-24 16:48:06 +00:00
<!-- Profile dropdown -->
2021-12-01 17:29:54 +00:00
< div class = "ml-3 relative hidden sm:block" >
2021-12-19 13:01:28 +00:00
{% include "CHRISTMAS/dropdowns/NavbarProfile.html" %}
2021-11-24 16:48:06 +00:00
< / div >
2021-12-13 02:48:04 +00:00
{% if v.admin_level > 1 %}
<!-- Admin link -->
2022-01-04 03:12:28 +00:00
< a href = "{{ '/admin' if v else '/signup?redirect={{request.path | urlencode}}' }}" class = "bg-transparent p-2 rounded-full text-yellow-500 hover:text-yellow-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white" >
2021-12-13 02:48:04 +00:00
< span class = "sr-only" > Admin tools< / span >
< i class = "fas fa-crown fa-fw" > < / i >
< / a >
{% endif %}
<!-- Profile link -->
2022-01-04 03:17:15 +00:00
< a href = "{{ '/me' if v else '/signup?redirect={{request.path | urlencode}}' }}" class = "hidden sm:inline-block bg-transparent p-2 rounded-full text-gray-400 hover:text-gray-300 dark:text-gray-500 dark:hover:text-gray-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white" >
2021-12-13 02:45:40 +00:00
< span class = "sr-only" > My profile< / span >
< i class = "fas fa-user fa-fw" > < / i >
< / a >
2021-11-24 16:48:06 +00:00
<!-- Notifications -->
2022-01-04 03:12:28 +00:00
< a href = "/notifications{% if v.notifications_count and v.notifications_count == v.post_notifications_count %}?posts=true{% endif %}" class = "block bg-transparent p-2 rounded-full text-gray-400 hover:text-gray-300 dark:text-gray-500 dark:hover:text-gray-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white" >
2021-11-24 16:48:06 +00:00
< span class = "sr-only" > View notifications< / span >
< div class = "relative" >
< i class = "fas fa-envelope fa-fw" > < / i >
<!-- Counter -->
{% if v.notifications_count %}
2021-12-01 20:49:23 +00:00
< div class = "absolute -top-1.5 -right-3 {{ 'w-10' if v.notifications_count > 99 else 'w-6' }} h-6 rounded-full border-2 border-gray-700 flex items-center justify-center bg-red-600" >
2021-11-24 16:48:06 +00:00
< span class = "text-xs text-gray-100 font-bold leading-none" > {{ v.notifications_count }}< / span >
< / div >
{% endif %}
< / div >
< / a >
2021-12-13 02:46:50 +00:00
<!-- Post Creation -->
2021-12-24 18:34:15 +00:00
< a href = "{{ '/submit' if v else '/signup?redirect={{request.path | urlencode}}' }}" class = "bg-transparent p-1 rounded-full text-gray-400 hover:text-gray-300 dark:text-gray-500 dark:hover:text-gray-400 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white" >
2021-12-13 02:46:50 +00:00
< span class = "sr-only" > Submit post< / span >
2022-01-04 03:23:21 +00:00
< i class = "fas fa-pencil fa-fw text-lg sm:text-base" > < / i >
2021-12-13 02:46:50 +00:00
< / a >
2021-12-06 15:22:04 +00:00
<!-- Not logged in -->
2021-12-03 17:26:19 +00:00
{% else %}
<!-- Login button -->
2021-12-06 15:21:09 +00:00
< a class = "btn btn-gray" href = "/login?redirect={{request.path | urlencode}}" >
2021-12-03 17:22:57 +00:00
Login
< / a >
2021-12-06 15:22:04 +00:00
<!-- Register button -->
< a class = "hidden sm:block px-4 py-2 active:shadow-inner border rounded-md text-shadow-t shadow-inset-t-white-10 text-sm font-bold focus:outline-none disabled:opacity- hover:bg-gradient-to-t hover:from-gray-100 hover:to-gray-200 border-gray-300 text-gray-200 hover:text-gray-700 focus:text-gray-900" href = "/signup?redirect={{request.path | urlencode}}" >
Sign up
< / a >
2021-12-03 17:22:57 +00:00
{% endif %}
2022-01-04 03:09:54 +00:00
{% if not error %}
<!-- Mobile menu button -->
2022-01-04 03:22:19 +00:00
< button type = "button" class = "sm:hidden bg-transparent p-2 rounded text-gray-400 hover:text-gray-300 dark:text-gray-500 dark:hover:text-gray-400 focus:outline-none focus:ring-2 focus:ring-opacity-50 focus:ring-white" data-bs-toggle = "offcanvas" data-bs-target = "#offcanvasNavbar" aria-controls = "offcanvasNavbar" >
2022-01-04 03:09:54 +00:00
< span class = "sr-only" > Open main menu< / span >
<!--
Icon when menu is closed.
Heroicon name: outline/menu
Menu open: "hidden", Menu closed: "block"
-->
2022-01-04 03:23:21 +00:00
< svg class = "block h-7 w-7" xmlns = "https://www.w3.org/2000/svg" fill = "none" viewBox = "0 0 24 24" stroke = "currentColor" aria-hidden = "true" >
2022-01-04 03:09:54 +00:00
< path stroke-linecap = "round" stroke-linejoin = "round" stroke-width = "2" d = "M4 6h16M4 12h16M4 18h16" / >
< / svg >
<!--
Icon when menu is open.
Heroicon name: outline/x
Menu open: "block", Menu closed: "hidden"
-->
< svg class = "hidden h-6 w-6" xmlns = "https://www.w3.org/2000/svg" fill = "none" viewBox = "0 0 24 24" stroke = "currentColor" aria-hidden = "true" >
< path stroke-linecap = "round" stroke-linejoin = "round" stroke-width = "2" d = "M6 18L18 6M6 6l12 12" / >
< / svg >
< / button >
{% endif %}
2021-11-24 16:48:06 +00:00
< / div >
2021-12-16 18:12:26 +00:00
{% endif %}
2021-11-24 16:48:06 +00:00
< / div >
< / div >
<!-- Mobile menu, show/hide based on menu state. -->
2022-01-04 03:10:23 +00:00
< div class = "offcanvas offcanvas-end bg-gray-200" tabindex = "-1" id = "offcanvasNavbar" aria-labelledby = "offcanvasNavbarLabel" >
2022-01-01 23:58:28 +00:00
< div class = "relative flex w-full bg-gray-700 h-20 px-4 items-center" >
2022-01-01 00:49:43 +00:00
< a class = "flex items-center" href = "{{ '/' if v else '/logged_out'}}" >
2022-01-04 03:09:54 +00:00
< img class = "block lg:hidden h-6 w-6 object-contain" src = "/static/assets/images/Drama/headericon.webp?a=7" alt = "logo" >
< img class = "hidden lg:block h-6 w-6 object-contain" src = "/static/assets/images/Drama/headericon.webp?a=7" alt = "logo" >
< span class = "pl-2 text-white text-2xl font-bold" > rdrama< / span >
2021-12-01 18:37:09 +00:00
< / a >
2022-01-04 03:21:19 +00:00
< button type = "button" class = "-mr-4 ml-auto text-white/50 text-2xl font-bold p-4" data-bs-dismiss = "offcanvas" aria-label = "Close" >
2021-12-24 00:43:36 +00:00
< span aria-hidden = "true" >
< i class = "far fa-times" > < / i >
< / span >
2021-12-01 18:39:52 +00:00
< / button >
2021-12-01 17:04:52 +00:00
< / div >
< div class = "offcanvas-body" >
2021-12-01 18:31:11 +00:00
<!-- Search box -->
2021-12-01 18:31:42 +00:00
< form action = "/search/posts/" method = "get" class = "relative mb-4" >
2021-12-20 15:17:43 +00:00
< input placeholder = "Search" class = "block w-full rounded shadow-inner py-2 pl-2 pr-7 bg-white border border-gray-300 hover:border-gray-400 focus:border-blue-300 focus:ring focus:ring-blue-200 focus:ring-opacity-50" aria-label = "Search" name = "q" value = "{{request.values.get('q', '')}}" >
2021-12-01 18:32:43 +00:00
< i class = "fas fa-search text-gray-400 absolute top-3 right-3" > < / i >
2021-12-01 18:31:11 +00:00
< / form >
2021-12-03 17:15:56 +00:00
{% if v %}
2021-12-01 18:31:11 +00:00
<!-- Submit post link -->
2021-12-21 03:23:28 +00:00
< a href = "/submit" class = "w-full btn btn-primary mb-4" >
2021-12-01 17:51:54 +00:00
< i class = "fas fa-pen fa-sm fa-fw mr-2" > < / i >
Create post
2021-12-13 13:08:09 +00:00
< / a >
2021-12-01 18:31:11 +00:00
<!-- Meta links -->
2021-12-01 19:01:33 +00:00
< ul class = "flex flex-col space-y-3 font-bold text-base text-gray-600" >
2021-12-01 19:01:00 +00:00
< li >
< a class = "inline-flex items-center" aria-current = "page" href = "/me" >
2021-12-01 19:00:02 +00:00
< img src = "{{ v.profile_url }}" class = "w-14 h-14 p-[3px] bg-white border border-gray-300 object-cover" / >
2021-12-11 06:59:48 +00:00
< div class = "pl-3" >
< div class = "text-base text-black leading-5" >
{{ v.username }}
< / div >
2021-12-11 07:02:06 +00:00
< div class = "flex space-x-3 mt-1" >
2021-12-11 06:59:48 +00:00
< small class = "flex items-center block mt-1 text-gray-500" >
2021-12-18 01:11:15 +00:00
< img data-bs-toggle = "tooltip" data-bs-placement = "bottom" src = "/assets/images/emojis/marseycoin.webp" data-bs-original-title = "{{'COINS_NAME' | app_config}}" aria-label = "{{'COINS_NAME' | app_config}}" class = "w-6 h-6 object-contain" alt = "coin icon" / >
2021-12-24 00:53:28 +00:00
< span class = "pl-1" >
2022-01-04 03:09:54 +00:00
< span id = "user-coins-amount" > {{v.coins}}< / span >
2021-12-24 00:53:28 +00:00
{{'COINS_NAME' | app_config}}
< / span >
2021-12-11 06:59:48 +00:00
< / small >
{% if v.procoins %}
< small class = "flex items-center block mt-1 text-gray-500" >
2021-12-18 01:11:15 +00:00
< img data-bs-toggle = "tooltip" data-bs-placement = "bottom" src = "/assets/images/emojis/marseybux.webp" data-bs-original-title = "{{'COINS_NAME' | app_config}}" aria-label = "{{'COINS_NAME' | app_config}}" class = "w-6 h-6 object-contain" alt = "coin icon" / >
2021-12-11 06:59:48 +00:00
< span class = "pl-1" > {{v.procoins}} MarseyBux< / span >
< / small >
{% endif %}
< / div >
2021-12-01 19:01:00 +00:00
< / div >
2021-12-01 19:00:02 +00:00
< / a >
2021-12-01 17:04:52 +00:00
< / li >
2021-12-01 18:35:50 +00:00
< li >
2021-12-01 19:36:02 +00:00
< a class = "text-gray-700 hover:text-gray-900" href = "/@me" >
2021-12-01 19:05:24 +00:00
< i class = "fas fa-user fa-fw mr-2" > < / i >
My Profile
< / a >
< / li >
< li >
2021-12-01 19:36:02 +00:00
< a class = "text-gray-700 hover:text-gray-900" href = "/notifications{% if v.notifications_count and v.notifications_count == v.post_notifications_count %}?posts=true{% endif %}" >
2021-12-01 19:13:49 +00:00
< i class = "fas fa-envelope fa-fw mr-2" > < / i >
2021-12-01 19:05:24 +00:00
Inbox
2021-12-01 19:13:02 +00:00
{% if v.notifications_count %}
< span class = "text-red-600" > {{ v.notifications_count }}< / span >
{% endif %}
2021-12-01 19:05:24 +00:00
< / a >
< / li >
< li >
2021-12-01 19:36:02 +00:00
< a class = "text-gray-700 hover:text-gray-900" href = "/settings" >
2021-12-01 19:05:24 +00:00
< i class = "fas fa-cog fa-fw mr-2" > < / i >
Settings
< / a >
2021-12-01 17:04:52 +00:00
< / li >
2021-12-19 22:15:31 +00:00
< li >
< button class = "text-gray-700 hover:text-gray-900 font-bold" data-bs-toggle = "modal" data-bs-target = "#themePickerModal" >
2021-12-19 22:15:58 +00:00
< i class = "fas fa-paint-brush fa-fw mr-2" > < / i >
2021-12-19 22:15:31 +00:00
Pick theme
< / button >
2022-01-04 03:09:54 +00:00
< li >
< button class = "text-gray-700 hover:text-gray-900 font-bold" onclick = "post_toast('/logout', '1')" >
< i class = "fas fa-power-off fa-fw mr-2" > < / i >
Log out
< / button >
< / li >
< / ul >
{% else %}
< ul class = "flex flex-col space-y-2" >
< li >
< a class = "btn btn-gray w-full" href = "/login?redirect={{request.path | urlencode}}" >
Login
< / a >
< / li >
< li >
< a class = "btn btn-gray w-full" href = "/signup?redirect={{request.path | urlencode}}" >
Signup
< / a >
< / li >
< / ul >
{% endif %}
< a href = "/static/assets/images/{{'SITE_NAME' | app_config}}/banners/{{range(1,95)|random()}}.webp?a=3" class = "block w-full h-64 shadow-sm p-[3px] bg-white dark:bg-gray-900 overflow-hidden" >
< img loading = "lazy" class = "w-full h-full flex-shrink-0 object-contain cursor-pointer" src = "/static/assets/images/{{'SITE_NAME' | app_config}}/banners/{{range(1,95)|random()}}.webp?a=3" alt = "artwork featuring an orange and white cat" / >
< / a >
< small class = "hidden mt-1 text-gray-500" >
Artwork by < a href = "/me" class = "font-bold" > @username< / a >
< / small >
< / div >
2021-12-01 17:04:52 +00:00
< / div >
2022-01-04 03:09:54 +00:00
< / nav >