2022-06-22 06:35:50 +00:00
{%- set search_placeholder = "Search" -%}
{%- if sub -%}
2022-06-23 09:02:49 +00:00
{%- set search_placeholder = "Search (try '" ~ HOLE_NAME ~ ":" ~ sub.name ~ "')" -%}
2022-06-22 06:35:50 +00:00
{%- endif -%}
2022-05-04 23:09:46 +00:00
2022-07-28 18:29:47 +00:00
< nav class = "shadow-md fixed-top" >
2022-05-25 01:14:18 +00:00
< style >
2022-09-17 14:45:46 +00:00
body {padding-top: 83px !important}
2022-05-25 01:14:18 +00:00
@media (max-width: 767.98px) {
body {
2022-09-17 14:45:46 +00:00
padding-top: 63px !important
2022-05-04 23:09:46 +00:00
}
2022-05-25 01:14:18 +00:00
}
< / style >
2022-05-04 23:09:46 +00:00
2022-10-16 17:08:38 +00:00
{% if not err %}
2022-07-13 08:19:21 +00:00
< div class = "srd" >
2022-08-18 14:11:26 +00:00
{% if SITE_NAME == 'rDrama' %}
2022-11-04 18:30:56 +00:00
{% if range(1,5) | random == 1 %}
2022-08-18 14:11:26 +00:00
{% include "journoid_banner.html" %}
2022-07-17 22:56:34 +00:00
{% else %}
2022-08-18 14:11:26 +00:00
{%-
set VISITORS_HERE_FLAVOR = [
' incels currently stalking roasties',
' gooners currently edging to < img src = "/e/marseycumjar3.webp" style = "height: 1.5em;" > ',
' fanboys currently obsessing over Carp',
' NEETs currently LDARmaxxing',
' valid women currently dilating',
' negholes currently being pozzed',
' bussies currently on standby',
' gamers currently harassing women',
' dramanauts hurtling through Safe Space™',
' Soros shills currently plotting mayocide',
' furries currently yiffing',
' incels currently harassing women',
' chuds currently agendaposting',
' coomers currently gooning',
' bacons currently narwhaling',
' well-behaved rule following goodthinkers',
' throwing shade right now',
]
-%}
2022-10-16 17:08:38 +00:00
{{calc_users(v)}}
2022-10-10 05:23:02 +00:00
{{g.loggedin_counter+g.loggedout_counter}} {{VISITORS_HERE_FLAVOR|random|safe}} ({{g.loggedin_counter}} logged in)
2022-07-17 22:56:34 +00:00
{% endif %}
2022-08-18 14:11:26 +00:00
{% else %}
2022-10-16 17:08:38 +00:00
{{calc_users(v)}}
2022-08-18 14:11:26 +00:00
{{g.loggedin_counter+g.loggedout_counter}} people here now ({{g.loggedin_counter}} logged in)
{% endif %}
2022-05-25 03:37:25 +00:00
< / div >
2022-07-13 08:19:21 +00:00
{% else %}
< style >
2022-09-17 14:45:46 +00:00
body {padding-top: 54px !important}
2022-07-13 08:19:21 +00:00
@media (max-width: 767.98px) {
body {
2022-09-17 14:45:46 +00:00
padding-top: 44px !important
2022-07-13 08:19:21 +00:00
}
}
< / style >
{% endif %}
2022-05-20 18:45:12 +00:00
< div class = "navbar navbar-expand-md navbar-light" id = "navbar" >
< div class = "container-fluid" style = "padding:0;" >
2022-07-01 05:55:53 +00:00
< a href = "/" class = "navbar-brand mr-auto {% if not has_logo and not sub %}flex-grow-1{% endif %}" >
2022-09-24 07:14:20 +00:00
< img id = "header--icon" alt = "header icon" { % if sub % } src = "{{sub.marsey_url}}" { % else % } src = "{{'headericon.webp' | asset_siteimg}}" { % endif % } >
2022-05-04 23:09:46 +00:00
< / a >
{% if sub %}
2022-09-12 05:25:04 +00:00
< a id = "sub-name" href = "/h/{{sub}}" class = "font-weight-bold ml-2 flex-grow-1 mt-1" style = "font-size:max(14px,1.2vw)" > {% if not HOLE_STYLE_FLAIR %}/h/{% endif %}{{sub}}< / a >
2022-07-01 05:55:53 +00:00
{% elif has_logo %}
2022-05-04 23:09:46 +00:00
< style >
{% if g.webview %}
@media (min-width: 480px) {
2022-10-06 03:17:09 +00:00
{% elif SITE_NAME == 'WPD' %}
2022-10-06 03:11:59 +00:00
@media (min-width: 1000px) {
2022-05-04 23:09:46 +00:00
{% else %}
@media (min-width: 380px) {
2022-10-06 03:17:09 +00:00
{% endif %}
2022-05-04 23:09:46 +00:00
#logo {
width: 100px;
margin-left: 0.5rem !important;
}
}
< / style >
2022-06-13 18:33:25 +00:00
< div id = "logo-container" class = "flex-grow-1 logo-container" >
2022-05-30 05:36:06 +00:00
< a href = "/" >
2022-09-24 07:14:20 +00:00
< img class = "ml-1" id = "logo" alt = "logo" src = "{{'logo.webp' | asset_siteimg}}" width = 70 >
2022-05-04 23:09:46 +00:00
< / a >
2022-06-13 18:33:25 +00:00
< / div >
2022-05-04 23:09:46 +00:00
{% endif %}
2022-08-17 19:09:15 +00:00
{% if not request.path.startswith('/search/') %}
2022-10-23 17:57:38 +00:00
< div class = "flex-grow-1 d-fl d-mob-none {% if not v %}pad{% endif %}" >
2022-08-17 19:09:15 +00:00
< form class = "form-inline search flex-nowrap mx-0 mx-lg-auto" { % if err % } style = "margin-right:40rem!important" { % endif % } action = "{% if request.path.startswith('/search') %}{{request.path}}{% else %}/search/posts/{% endif %}" method = "get" >
< input autocomplete = "off" class = "form-control w-100" type = "search" placeholder = "{{search_placeholder}}" aria-label = "Search" name = "q" value = "{{request.values.get('q', '')}}" >
< span class = "input-group-append" >
< span class = "input-group-text border-0 bg-transparent" style = "margin-left: -2.5rem;" >
< i class = "fa fa-search" aria-hidden = "true" > < / i >
< / span >
2022-05-04 23:09:46 +00:00
< / span >
2022-08-17 19:09:15 +00:00
< / form >
< / div >
{% endif %}
2022-05-04 23:09:46 +00:00
{% if g.webview %}
2022-10-28 23:35:14 +00:00
< button type = "button" class = "mobile-nav-icon d-md-none" onclick = "location.reload()" > < i class = "fas fa-arrow-rotate-right align-middle text-gray-500 black" > < / i > < / button >
2022-05-04 23:09:46 +00:00
{% endif %}
2022-09-22 04:34:16 +00:00
{% if SITE_NAME == 'PCM' %}
< a class = "mobile-nav-icon d-md-none" href = "/live" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Live" > < i class = "fas fa-circle align-middle black live-circle" > < / i > < / a >
{% endif %}
2022-05-04 23:09:46 +00:00
{% if v %}
{% if v.notifications_count %}
2022-09-21 23:22:59 +00:00
< a class = "mobile-nav-icon d-md-none" href = "/notifications{% if v.notifications_do %}/{{v.notifications_do}}{% endif %}" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Notifications" > < i class = "notif-{{v.notifications_do}}-bell fas fa-bell align-middle" style = "color: {{v.notifications_color}}" > < / i > < span class = "notif-count notif-{{v.notifications_do}} ml-1" style = "padding-left: 4.5px;{% if v.notifications_do %}background:{{v.notifications_color}}{% endif %}" > {{v.notifications_count}}< / span > < / a >
2022-05-04 23:09:46 +00:00
{% else %}
2022-09-04 23:15:37 +00:00
< a class = "mobile-nav-icon d-md-none" href = "/notifications" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Notifications" > < i class = "fas fa-bell align-middle text-gray-500 black" > < / i > < / a >
2022-05-04 23:09:46 +00:00
{% endif %}
{% endif %}
Rearrange nav icons, move some to sidebar.
After the recent addition of the Lottershe, some narrow phone screens
caused the header to wrap to two lines. Prompted by this, a more
general rework of the header nav icons was initiated.
Notably: random user, random post, all comments has been moved to
sidebar on all sites, and a .sidebar-link CSS class was created to
support it. Additionally, on rDrama, links for Badges and Marseys
were added, since I believe these are presently inaccessible from
the UI. Further, a Modlog link was added to be more accessible.
Additionally, the icons in the header were rearranged on desktop and
mobile to better fit relative priority.
2022-05-30 08:16:03 +00:00
{% if not err %}
2022-10-06 06:27:34 +00:00
{% if v and v.admin_level >= PERMS['ADMIN_HOME_VISIBLE'] %}
2022-08-05 23:12:22 +00:00
< a class = "mobile-nav-icon d-md-none" href = "/admin" > < i class = "fas fa-crown align-middle text-gray-500 black" > < / i > < / a >
Rearrange nav icons, move some to sidebar.
After the recent addition of the Lottershe, some narrow phone screens
caused the header to wrap to two lines. Prompted by this, a more
general rework of the header nav icons was initiated.
Notably: random user, random post, all comments has been moved to
sidebar on all sites, and a .sidebar-link CSS class was created to
support it. Additionally, on rDrama, links for Badges and Marseys
were added, since I believe these are presently inaccessible from
the UI. Further, a Modlog link was added to be more accessible.
Additionally, the icons in the header were rearranged on desktop and
mobile to better fit relative priority.
2022-05-30 08:16:03 +00:00
{% endif %}
2022-08-24 21:58:39 +00:00
{% if v %}
2022-09-12 05:25:04 +00:00
< a class = "mobile-nav-icon d-md-none" href = "{% if sub %}/h/{{sub}}{% endif %}/submit" > < i class = "fas fa-feather-alt align-middle text-gray-500 black" > < / i > < / a >
2022-08-24 21:58:39 +00:00
{% else %}
< a class = "mobile-nav-icon d-md-none" href = "/login" > < i class = "fas fa-feather-alt align-middle text-gray-500 black" > < / i > < / a >
{% endif %}
2022-08-05 23:12:22 +00:00
< a class = "mobile-nav-icon d-md-none" href = "/random_user" > < i class = "fas fa-music align-middle text-gray-500 black" > < / i > < / a >
2022-05-04 23:09:46 +00:00
2022-10-11 13:19:55 +00:00
{% if v and FEATURES['GAMBLING'] %}
2022-09-04 20:53:34 +00:00
< a class = "mobile-nav-icon d-md-none" href = "/casino" >
2022-09-05 00:10:44 +00:00
< i class = "fas fa-cards align-middle text-gray-500 black" > < / i >
2022-07-03 18:33:31 +00:00
< / a >
{% endif %}
2022-10-28 23:35:14 +00:00
< button type = "button" class = "navbar-toggler" data-bs-toggle = "collapse" data-bs-target = "#navbarResponsive"
2022-05-04 23:09:46 +00:00
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
2022-08-05 23:12:22 +00:00
< span class = "navbar-toggler-icon {% if v and v.notifications_count %}position-relative{% endif %}" > < i class = "fas fa-bars align-middle text-gray-500 black" > < / i >
2022-05-04 23:09:46 +00:00
< / span >
< / button >
< div class = "collapse navbar-collapse" id = "navbarResponsive" >
< ul class = "navbar-nav ml-auto d-none d-md-flex" >
2022-09-22 04:34:16 +00:00
{% if SITE_NAME == 'PCM' %}
< li class = "nav-item d-flex align-items-center justify-content-center text-center mx-1" >
< a class = "nav-link" href = "/live" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Live" > < i class = "fas fa-circle live-circle" > < / i > < / a >
< / li >
{% endif %}
Rearrange nav icons, move some to sidebar.
After the recent addition of the Lottershe, some narrow phone screens
caused the header to wrap to two lines. Prompted by this, a more
general rework of the header nav icons was initiated.
Notably: random user, random post, all comments has been moved to
sidebar on all sites, and a .sidebar-link CSS class was created to
support it. Additionally, on rDrama, links for Badges and Marseys
were added, since I believe these are presently inaccessible from
the UI. Further, a Modlog link was added to be more accessible.
Additionally, the icons in the header were rearranged on desktop and
mobile to better fit relative priority.
2022-05-30 08:16:03 +00:00
{% if v %}
2022-05-04 23:09:46 +00:00
{% if v.notifications_count %}
< li class = "nav-item d-flex align-items-center text-center justify-content-center mx-1" >
2022-09-21 23:22:59 +00:00
< a class = "nav-link position-relative" href = "/notifications{% if v.notifications_do %}/{{v.notifications_do}}{% endif %}" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Notifications" > < i class = "notif-{{v.notifications_do}}-bell fas fa-bell" style = "color: {{v.notifications_color}}" > < / i > < span class = "notif-{{v.notifications_do}} notif-count ml-1" style = "padding-left: 4.5px;{% if v.notifications_do %}background:{{v.notifications_color}}{% endif %}" > {{v.notifications_count}}< / span > < / a >
2022-05-04 23:09:46 +00:00
< / li >
{% else %}
< li class = "nav-item d-flex align-items-center text-center justify-content-center mx-1" >
< a class = "nav-link" href = "/notifications" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Notifications" > < i class = "fas fa-bell" > < / i > < / a >
< / li >
Rearrange nav icons, move some to sidebar.
After the recent addition of the Lottershe, some narrow phone screens
caused the header to wrap to two lines. Prompted by this, a more
general rework of the header nav icons was initiated.
Notably: random user, random post, all comments has been moved to
sidebar on all sites, and a .sidebar-link CSS class was created to
support it. Additionally, on rDrama, links for Badges and Marseys
were added, since I believe these are presently inaccessible from
the UI. Further, a Modlog link was added to be more accessible.
Additionally, the icons in the header were rearranged on desktop and
mobile to better fit relative priority.
2022-05-30 08:16:03 +00:00
{% endif %}
2022-05-04 23:09:46 +00:00
2022-10-06 06:27:34 +00:00
{% if v.admin_level >= PERMS['ADMIN_HOME_VISIBLE'] %}
Rearrange nav icons, move some to sidebar.
After the recent addition of the Lottershe, some narrow phone screens
caused the header to wrap to two lines. Prompted by this, a more
general rework of the header nav icons was initiated.
Notably: random user, random post, all comments has been moved to
sidebar on all sites, and a .sidebar-link CSS class was created to
support it. Additionally, on rDrama, links for Badges and Marseys
were added, since I believe these are presently inaccessible from
the UI. Further, a Modlog link was added to be more accessible.
Additionally, the icons in the header were rearranged on desktop and
mobile to better fit relative priority.
2022-05-30 08:16:03 +00:00
< li class = "nav-item d-flex align-items-center justify-content-center text-center mx-1" >
2022-09-22 04:34:16 +00:00
< a class = "nav-link" href = "/admin" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Admin Tools" > < i class = "fas fa-crown" > < / i > < / a >
Rearrange nav icons, move some to sidebar.
After the recent addition of the Lottershe, some narrow phone screens
caused the header to wrap to two lines. Prompted by this, a more
general rework of the header nav icons was initiated.
Notably: random user, random post, all comments has been moved to
sidebar on all sites, and a .sidebar-link CSS class was created to
support it. Additionally, on rDrama, links for Badges and Marseys
were added, since I believe these are presently inaccessible from
the UI. Further, a Modlog link was added to be more accessible.
Additionally, the icons in the header were rearranged on desktop and
mobile to better fit relative priority.
2022-05-30 08:16:03 +00:00
< / li >
2022-05-04 23:09:46 +00:00
{% endif %}
2022-08-24 21:58:39 +00:00
< li class = "nav-item d-flex align-items-center justify-content-center text-center mx-1" >
2022-09-12 05:25:04 +00:00
< a class = "nav-link" href = "{% if sub %}/h/{{sub}}{% endif %}/submit" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Create Post" > < i class = "fas fa-feather-alt" > < / i > < / a >
2022-08-24 21:58:39 +00:00
< / li >
2022-07-18 06:43:20 +00:00
{% if FEATURES['CHAT'] -%}
2022-11-09 21:13:26 +00:00
< li class = "nav-item d-none d-lg-flex align-items-center justify-content-center text-center mx-1" >
2022-08-13 09:58:57 +00:00
< a class = "nav-link position-relative" href = "/chat" >
2022-08-14 03:46:00 +00:00
< i class = "fas fa-messages" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Chat" > < / i >
< b class = "text-lg" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Users in chat right now" >
2022-08-20 12:28:14 +00:00
{{cache.get(ONLINE_STR)}}
2022-08-14 03:46:00 +00:00
< / b >
2022-08-13 07:42:06 +00:00
< / a >
2022-05-04 23:09:46 +00:00
< / li >
2022-07-18 06:43:20 +00:00
{%- endif %}
2022-05-04 23:09:46 +00:00
< li class = "nav-item d-flex align-items-center justify-content-center text-center mx-1" >
2022-09-13 19:44:06 +00:00
< a class = "nav-link" href = "/random_user" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Random User" > < i class = "fas fa-music" > < / i > < / a >
< / li >
2022-11-09 21:13:26 +00:00
< li class = "nav-item d-none d-lg-flex align-items-center justify-content-center text-center mx-1" >
2022-09-13 19:44:06 +00:00
< a class = "nav-link" href = "/comments" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "All Comments" > < i class = "fas fa-comment-dots" > < / i > < / a >
2022-05-04 23:09:46 +00:00
< / li >
2022-11-09 21:13:26 +00:00
< li class = "nav-item d-none d-lg-flex align-items-center justify-content-center text-center mx-1" >
2022-09-13 19:44:06 +00:00
< a class = "nav-link" href = "/leaderboard" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Leaderboard" > < i class = "fas fa-trophy" > < / i > < / a >
Rearrange nav icons, move some to sidebar.
After the recent addition of the Lottershe, some narrow phone screens
caused the header to wrap to two lines. Prompted by this, a more
general rework of the header nav icons was initiated.
Notably: random user, random post, all comments has been moved to
sidebar on all sites, and a .sidebar-link CSS class was created to
support it. Additionally, on rDrama, links for Badges and Marseys
were added, since I believe these are presently inaccessible from
the UI. Further, a Modlog link was added to be more accessible.
Additionally, the icons in the header were rearranged on desktop and
mobile to better fit relative priority.
2022-05-30 08:16:03 +00:00
< / li >
2022-10-11 13:19:55 +00:00
{% if FEATURES['GAMBLING'] %}
2022-07-12 00:40:30 +00:00
< li class = "nav-item d-flex align-items-center justify-content-center text-center mx-1" >
2022-09-05 00:10:44 +00:00
< a class = "nav-link" href = "/casino" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Casino" > < i class = "fas fa-cards" > < / i > < / a >
2022-07-12 00:40:30 +00:00
< / li >
2022-07-03 18:33:31 +00:00
{% endif %}
2022-07-19 23:59:39 +00:00
{% if FEATURES['AWARDS'] -%}
2022-11-09 21:13:26 +00:00
< li class = "nav-item d-none d-lg-flex align-items-center justify-content-center text-center mx-1" >
2022-09-13 19:44:06 +00:00
< a class = "nav-link" href = "/shop" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Shop" > < i class = "fas fa-store" > < / i > < / a >
< / li >
2022-07-19 23:59:39 +00:00
{%- endif %}
2022-07-11 16:53:33 +00:00
2022-09-02 17:54:01 +00:00
< li id = "sidebar-btn" class = "nav-item d-flex align-items-center justify-content-center text-center mx-1" >
< a class = "nav-link" href = "/sidebar" data-bs-toggle = "tooltip" data-bs-placement = "bottom" title = "Sidebar" > < i class = "fas fa-bars" > < / i > < / a >
< / li >
2022-05-04 23:09:46 +00:00
< li class = "nav-item d-flex align-items-center justify-content-center text-center" >
2022-06-27 07:45:46 +00:00
< div class = "dropdown" id = "header--dropdown" >
2022-10-28 23:32:31 +00:00
< a href = "{{v.url}}" class = "nav-link bg-transparent py-0 pr-0" id = "dropdownMenuLink" data-bs-toggle = "dropdown"
2022-05-04 23:09:46 +00:00
aria-haspopup="true" aria-expanded="false">
< div class = "d-flex" >
2022-08-11 07:27:08 +00:00
< div class = "profile-pic-35-wrapper" >
2022-10-29 21:42:30 +00:00
< img loading = "lazy" src = "{{v.profile_url}}" class = "profile-pic-35" >
2022-08-11 07:27:08 +00:00
{% if v.hat_active -%}
2022-09-20 21:22:58 +00:00
< img id = "profile-pic-35-hat" class = "profile-pic-35-hat hat" loading = "lazy" src = "{{v.hat_active}}?h=7" >
2022-09-03 20:45:06 +00:00
{% elif request.path == '/hats' %}
2022-09-12 05:05:11 +00:00
< img id = "profile-pic-35-hat" class = "profile-pic-35-hat hat d-none" loading = "lazy" >
2022-08-11 07:27:08 +00:00
{%- endif %}
2022-06-13 17:46:40 +00:00
< / div >
2022-05-04 23:09:46 +00:00
< div class = "text-left pl-2" >
2022-10-06 23:31:09 +00:00
< div style = "color: #{{v.name_color}}" class = "text-small font-weight-bold" > < span id = "header--username" { % if v . patron % } class = "patron" style = "background-color:#{{v.name_color}}" { % endif % } > {{v.user_name}}< / span > < / div >
2022-11-13 17:06:24 +00:00
< div class = "header--currency" > < img alt = "coins" class = "mr-1 ml-1" data-bs-toggle = "tooltip" data-bs-placement = "bottom" src = "{{'coins.webp' | asset_siteimg}}" title = "Coins" aria-label = "coins" > < span id = "user-coins-amount" > {{v.coins}}< / span > {% if not FEATURES['PROCOINS'] %} Coin{{help.plural(v.coins)}}{% endif %}< / div >
2022-07-18 05:10:01 +00:00
{% if FEATURES['PROCOINS'] %}
2022-06-27 04:09:32 +00:00
< div class = "header--currency" > < img alt = "marseybux" class = "mr-1 ml-1" data-bs-toggle = "tooltip" data-bs-placement = "bottom" src = "/i/marseybux.webp?v=2000" title = "Marseybux" aria-label = "Marseybux" > < span id = "user-bux-amount" > {{v.procoins}}< / span > < / div >
2022-05-09 12:13:38 +00:00
{% endif %}
2022-05-04 23:09:46 +00:00
< / div >
< / div >
< / a >
2022-06-27 07:45:46 +00:00
< div class = "dropdown-menu dropdown-menu-right dropdown-menu-lg-left shadow fade px-0" id = "header--dropdown-menu" >
2022-09-13 10:31:26 +00:00
< div class = "px-2" >
< a class = "dropdown-item" href = "{{v.url}}" > < i class = "fas fa-user-circle fa-fw mr-3" > < / i > My profile< / a >
< a class = "dropdown-item" href = "/settings" > < i class = "fas fa-cog fa-fw mr-3" > < / i > Settings< / a >
2022-10-30 18:43:06 +00:00
{% if FEATURES['PROCOINS'] %}
2022-10-29 21:46:22 +00:00
< a class = "dropdown-item" rel = "nofollow noopener" href = "/donate" > < i class = "fas fa-dollar-sign fa-fw mr-3" > < / i > Donate< / a >
2022-09-13 10:31:26 +00:00
{% endif %}
2022-05-04 23:09:46 +00:00
2022-10-28 23:35:14 +00:00
< button type = "button" class = "dropdown-item copy-link" data-clipboard-text = "{{SITE_FULL}}/signup?ref={{v.username}}" > < i class = "fas fa-user-friends fa-fw mr-3" > < / i > Invite friends< / button >
2022-05-04 23:09:46 +00:00
2022-09-13 10:31:26 +00:00
{% if has_app -%}
2022-11-12 17:56:54 +00:00
< a class = "dropdown-item" href = "/assets/app_{{SITE_NAME}}_v2.7.apk" > < i class = "fab fa-android fa-fw mr-3" > < / i > Android app< / a >
2022-09-13 10:31:26 +00:00
{%- endif %}
2022-05-04 23:09:46 +00:00
2022-09-13 10:31:26 +00:00
< a class = "dropdown-item" href = "https://rdrama.net/h/changelog" > < i class = "fas fa-clipboard fa-fw mr-3" > < / i > Changelog< / a >
2022-05-04 23:09:46 +00:00
2022-10-29 21:46:22 +00:00
< a class = "dropdown-item" rel = "nofollow noopener" href = "https://github.com/Aevann1/rDrama" > < i class = "fab fa-github fa-fw mr-3" > < / i > Source code< / a >
2022-09-08 15:38:27 +00:00
2022-10-29 21:46:22 +00:00
< a class = "dropdown-item" rel = "nofollow noopener" href = "https://rdrama.net/post/18459" > < i class = "fas fa-bug fa-fw mr-3" > < / i > Bugs/Suggestions< / a >
2022-09-13 10:31:26 +00:00
2022-10-18 17:25:28 +00:00
{% if TELEGRAM_LINK != 'blahblahblah' %}
2022-10-29 21:46:22 +00:00
< a rel = "nofollow noopener" class = "dropdown-item" href = "{{TELEGRAM_LINK}}" > < i class = "fab fa-telegram fa-fw mr-3" > < / i > Telegram Channel< / a >
2022-10-18 17:25:28 +00:00
{% endif %}
2022-09-13 10:31:26 +00:00
{% if SITE_NAME == 'rDrama' %}
< a class = "dropdown-item" href = "/archives" > < i class = "fas fa-book fa-fw mr-3" > < / i > Archives< / a >
2022-10-30 18:43:06 +00:00
{% endif %}
< a class = "dropdown-item" href = "/contact" > < i class = "fas fa-file-signature fa-fw mr-3" > < / i > Contact us< / a >
2022-11-04 21:44:37 +00:00
< button type = "button" class = "dropdown-item" onclick = "postToastReload(this,'/logout')" > < i class = "fas fa-sign-out fa-fw mr-3" > < / i > Log out< / button >
2022-05-04 23:09:46 +00:00
< / div >
< / div >
< / li >
Rearrange nav icons, move some to sidebar.
After the recent addition of the Lottershe, some narrow phone screens
caused the header to wrap to two lines. Prompted by this, a more
general rework of the header nav icons was initiated.
Notably: random user, random post, all comments has been moved to
sidebar on all sites, and a .sidebar-link CSS class was created to
support it. Additionally, on rDrama, links for Badges and Marseys
were added, since I believe these are presently inaccessible from
the UI. Further, a Modlog link was added to be more accessible.
Additionally, the icons in the header were rearranged on desktop and
mobile to better fit relative priority.
2022-05-30 08:16:03 +00:00
{% else %}
2022-10-30 18:43:06 +00:00
< li class = "nav-item d-flex align-items-center justify-content-center mx-1 mr-2" >
2022-11-09 05:35:24 +00:00
< a class = "btn btn-primary" href = "/donate" > Donate< / a >
2022-10-30 18:43:06 +00:00
< / li >
2022-09-14 02:21:25 +00:00
< li class = "nav-item d-flex align-items-center justify-content-center mx-1 mr-2" >
2022-05-04 23:09:46 +00:00
< a class = "btn btn-primary" href = "/contact" > Contact us< / a >
< / li >
2022-10-30 18:43:06 +00:00
< li class = "nav-item d-flex align-items-center justify-content-center mx-1" >
2022-05-04 23:09:46 +00:00
< a class = "btn btn-primary" href = "/login?redirect={{request.path | urlencode}}" > Sign in< / a >
< / li >
< li class = "nav-item d-flex align-items-center justify-content-center mx-1" >
< a class = "btn btn-primary" href = "/signup" > Sign up< / a >
< / li >
{% endif %}
< / ul >
< ul style = "overflow:auto" class = "navbar-nav ml-auto d-flex d-md-none mt-3" >
< li class = "nav-item pb-3" >
2022-08-13 07:42:19 +00:00
< form id = "searchform" class = "form-inline search flex-nowrap mx-0 mx-lg-auto" action = "/search/posts" method = "get" >
2022-06-22 06:35:50 +00:00
< input autocomplete = "off" class = "form-control form-control-sm w-100" type = "search" placeholder = "{{search_placeholder}}" aria-label = "Search" name = "q" >
2022-05-04 23:09:46 +00:00
< span class = "input-group-append" >
< span class = "input-group-text border-0 bg-transparent" style = "margin-left: -2.5rem" onclick = "document.getElementById('searchform').submit()" >
< i class = "fa fa-search" aria-hidden = "true" > < / i >
< / span >
< / span >
< / form >
< / li >
{% if v %}
< li class = "nav-item" >
< a class = "nav-link" href = "{{v.url}}" > < i class = "fas fa-user-circle fa-fw mr-3" > < / i > @{{v.username}}< / a >
< / li >
< li class = "nav-item" >
< a class = "nav-link" href = "/settings" > < i class = "fas fa-cog fa-fw mr-3" > < / i > Settings< / a >
< / li >
2022-09-13 10:31:26 +00:00
2022-10-30 18:43:06 +00:00
{% if FEATURES['PROCOINS'] %}
2022-10-29 21:46:22 +00:00
< a class = "nav-item nav-link" rel = "nofollow noopener" href = "/donate" > < i class = "fas fa-dollar-sign fa-fw mr-3" > < / i > Donate< / a >
2022-09-13 10:31:26 +00:00
{% endif %}
2022-05-04 23:09:46 +00:00
{% if not g.webview %}
< li class = "nav-item" >
2022-10-28 23:35:14 +00:00
< button type = "button" class = "nav-link copy-link" data-clipboard-text = "{{SITE_FULL}}/signup?ref={{v.username}}" > < i class = "fas fa-user-friends fa-fw mr-3" > < / i > Invite friends< / button >
2022-05-04 23:09:46 +00:00
< / li >
{% endif %}
2022-08-06 21:32:35 +00:00
{% if has_app -%}
2022-11-12 17:56:54 +00:00
< a class = "nav-item nav-link" href = "/assets/app_{{SITE_NAME}}_v2.7.apk" > < i class = "fab fa-android fa-fw mr-3" > < / i > Android app< / a >
2022-08-06 21:32:35 +00:00
{%- endif %}
2022-05-04 23:09:46 +00:00
2022-09-08 15:38:27 +00:00
< a class = "nav-item nav-link" href = "https://rdrama.net/h/changelog" > < i class = "fas fa-clipboard fa-fw mr-3" > < / i > Changelog< / a >
2022-10-29 21:46:22 +00:00
< a class = "nav-item nav-link" rel = "nofollow noopener" href = "https://github.com/Aevann1/rDrama" > < i class = "fab fa-github fa-fw mr-3" > < / i > Source code< / a >
2022-09-08 15:38:27 +00:00
2022-10-29 21:46:22 +00:00
< a class = "nav-item nav-link" rel = "nofollow noopener" href = "https://rdrama.net/post/18459" > < i class = "fas fa-bug fa-fw mr-3" > < / i > Bugs/Suggestions< / a >
2022-05-04 23:09:46 +00:00
2022-10-18 17:25:28 +00:00
{% if TELEGRAM_LINK != 'blahblahblah' %}
2022-10-29 21:46:22 +00:00
< a rel = "nofollow noopener" class = "nav-item nav-link" href = "{{TELEGRAM_LINK}}" > < i class = "fab fa-telegram fa-fw mr-3" > < / i > Telegram Channel< / a >
2022-10-18 17:25:28 +00:00
{% endif %}
2022-09-08 15:38:27 +00:00
2022-10-30 18:43:06 +00:00
{% if SITE_NAME == 'rDrama' %}
< a class = "nav-item nav-link" href = "/archives" > < i class = "fas fa-book fa-fw mr-3" > < / i > Archives< / a >
{% endif %}
2022-05-04 23:09:46 +00:00
< a class = "nav-item nav-link" href = "/contact" > < i class = "fas fa-file-signature fa-fw mr-3" > < / i > Contact us< / a >
< li class = "nav-item border-top border-bottom mt-2 pt-2" >
2022-11-04 21:44:37 +00:00
< button type = "button" class = "nav-link" onclick = "postToastReload(this,'/logout')" > < i class = "fas fa-sign-out fa-fw mr-3 text-danger" > < / i > Log out< / button >
2022-05-04 23:09:46 +00:00
< / li >
{% else %}
2022-10-30 18:43:06 +00:00
< li class = "nav-item d-flex align-items-center justify-content-center pb-3" >
2022-11-09 05:35:24 +00:00
< a class = "btn btn-primary btn-block" href = "/donate" > Donate< / a >
2022-10-30 18:43:06 +00:00
< / li >
2022-05-04 23:09:46 +00:00
< li class = "nav-item d-flex align-items-center justify-content-center pb-3" >
< a class = "btn btn-primary btn-block" href = "/contact" > Contact us< / a >
< / li >
< li class = "nav-item d-flex align-items-center justify-content-center pb-3" >
< a class = "btn btn-primary btn-block" href = "/login?redirect={{request.path | urlencode}}" > Sign in< / a >
< / li >
< li class = "nav-item d-flex align-items-center justify-content-center" >
< a class = "btn btn-primary btn-block" href = "/signup" > Sign up< / a >
< / li >
{% endif %}
< li class = "mt-3" >
2022-11-09 19:06:43 +00:00
{% if has_sidebar %}
2022-06-28 06:17:21 +00:00
{% include "sidebar_" + SITE_NAME + ".html" %}
{% endif %}
2022-05-04 23:09:46 +00:00
< / li >
< / ul >
< / div >
{% endif %}
< / div >
< / div >
< / nav >
{% if v and not err %}
< div id = "formkey" class = "d-none" > {{v.formkey}}< / div >
{% endif %}
2022-11-05 21:01:23 +00:00
< script >
IMAGE_FORMATS = {{IMAGE_FORMATS|safe}};
< / script >
2022-05-04 23:09:46 +00:00
{% if not v %}
< style >
.pad {
padding-bottom: 7.4px;
padding-top: 7.4px;
}
< / style >
{% endif %}
2022-05-29 07:08:28 +00:00
2022-06-27 03:46:32 +00:00
{% if v and v.poor -%}
2022-05-29 07:08:28 +00:00
< style >
2022-11-11 14:06:28 +00:00
* :not(img[src="/i/hand.webp"] + img, img.golden, img[g], img[glow], .live-circle) {
2022-05-29 07:08:28 +00:00
animation: unset !important;
}
< / style >
2022-06-27 02:33:59 +00:00
{%- endif %}
2022-06-20 02:15:33 +00:00
2022-06-22 15:51:19 +00:00
< link rel = "preload" as = "image" href = "/i/l.webp" >
