2022-02-05 11:44:52 +00:00
2021-10-15 14:08:27 +00:00
< nav class = "shadow shadow-md fixed-top" >
2022-02-10 20:35:16 +00:00
{% if SITE_NAME == 'Drama' %}
2022-02-05 18:47:21 +00:00
< style >
2022-02-06 17:55:06 +00:00
body {padding-top: 85.88px !important}
2022-02-06 10:45:17 +00:00
@media (max-width: 767.98px) {
body {
2022-02-06 18:02:07 +00:00
padding-top: 69.55px !important
2022-02-06 10:45:17 +00:00
}
}
2022-02-05 18:47:21 +00:00
< / style >
2022-02-05 11:44:52 +00:00
{% else %}
< style >
2022-02-06 17:56:18 +00:00
body {padding-top: 60.89px !important}
2022-02-06 10:45:17 +00:00
@media (max-width: 767.98px) {
body {
2022-02-06 18:02:07 +00:00
padding-top: 44.55px !important
2022-02-06 10:45:17 +00:00
}
}
2022-02-05 11:44:52 +00:00
< / style >
2021-10-15 14:08:27 +00:00
{% endif %}
2022-02-06 17:55:06 +00:00
{% if SITE_NAME == 'Drama' %}
2022-02-08 20:05:06 +00:00
< div class = "srd" >
2022-02-07 15:07:46 +00:00
< a style = "color: white" class = "text-small-mobile" href = "https://reddit.com/r/SubredditDrama" > 💖🌈 welcome to {{SITE}}: the official site for r/subredditdrama< / a >
2022-02-06 17:55:06 +00:00
< / div >
{% endif %}
2022-02-08 21:02:47 +00:00
2021-10-15 14:08:27 +00:00
< div class = "navbar navbar-expand-md navbar-light" id = "navbar" >
< div class = "container-fluid" style = "padding:0;" >
< div class = "flex-grow-1" >
2021-12-10 17:31:32 +00:00
< a href = "/" class = "navbar-brand mr-auto" >
2022-02-07 15:07:46 +00:00
{% if SITE_NAME == 'Drama' %}
2022-02-04 16:13:03 +00:00
{% set icon = ('marseyblm','marseykween','marseydynamite','marseyblack','marseymyeisha','marseyetika','marseyobama','marseyblackcop','marseysosa','marseyblackface')|random() %}
2022-02-06 17:47:48 +00:00
< img alt = "header icon" height = 33 src = "/static/assets/images/emojis/{{icon}}.webp?a=1008" >
2022-02-04 16:13:03 +00:00
{% else %}
2022-02-11 17:18:40 +00:00
< img alt = "header icon" height = 33 src = "/static/assets/images/{{SITE_NAME}}/headericon.webp?a=1014" >
2022-02-04 16:13:03 +00:00
{% endif %}
2022-02-06 17:47:48 +00:00
2022-02-05 18:47:21 +00:00
{% if SITE_NAME == 'Drama' %}
2022-02-05 10:29:06 +00:00
< img alt = "logo" src = "/static/assets/images/{{SITE_NAME}}/logo.webp?a=1010" height = 20 width = 77 >
2022-02-05 18:47:21 +00:00
{% elif sub %}
2022-02-05 23:21:54 +00:00
< a href = "/s/{{sub.name}}" class = "font-weight-bold ml-2 mt-2" > /s/{{sub.name}}< / a >
2021-10-15 14:08:27 +00:00
{% endif %}
< / a >
< / div >
< div class = "flex-grow-1 d-fl d-none d-md-block" >
2022-01-16 01:47:21 +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" >
2021-12-28 12:41:26 +00:00
< input autocomplete = "off" class = "form-control w-100" type = "search" placeholder = "Search" aria-label = "Search" name = "q" value = "{{request.values.get('q', '')}}" >
2021-10-15 14:08:27 +00:00
< 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 >
< / span >
< / form >
< / div >
2022-02-06 10:45:17 +00:00
{% if v %}
{% if v.notifications_count %}
< a class = "mobile-nav-icon d-md-none" href = "/notifications{% if not v.not_post_notifications_count %}?posts=true{% endif %}" data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-bs-original-title = "Notifications" > < i class = "fas fa-bell align-middle text-danger" { % if not v . not_post_notifications_count % } style = "color:blue!important" { % endif % } > < / i > < span class = "notif-count ml-1" style = "padding-left: 4.5px;{% if not v.not_post_notifications_count %}background:blue{% endif %}" > {{v.notifications_count}}< / span > < / a >
{% else %}
< a class = "mobile-nav-icon d-md-none" href = "/notifications" data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-bs-original-title = "Notifications" > < i class = "fas fa-bell align-middle text-gray-500 black" > < / i > < / a >
{% endif %}
{% endif %}
2022-01-16 01:47:21 +00:00
{% if not err %}
2021-10-15 14:08:27 +00:00
< a class = "mobile-nav-icon d-md-none" href = "/random" > < i class = "fas fa-random align-middle text-gray-500 black" > < / i > < / a >
2022-01-09 00:23:28 +00:00
{% if v and v.admin_level > 1 %}
2021-10-15 14:08:27 +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 >
{% endif %}
{% if v %}
2022-02-05 21:09:17 +00:00
< a class = "mobile-nav-icon d-md-none" href = "{% if sub %}/s/{{sub.name}}{% endif %}/submit" > < i class = "fas fa-feather-alt align-middle text-gray-500 black" > < / i > < / a >
2021-10-15 14:08:27 +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 %}
2021-12-30 05:27:22 +00:00
< button class = "navbar-toggler" role = "button" data-bs-toggle = "collapse" data-bs-target = "#navbarResponsive"
2021-10-15 14:08:27 +00:00
aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
< span class = "navbar-toggler-icon {% if v and v.notifications_count %}position-relative{% endif %}" > < i class = "fal fa-bars text-gray-500 black" > < / i >
< / span >
< / button >
< div class = "collapse navbar-collapse" id = "navbarResponsive" >
< ul class = "navbar-nav ml-auto d-none d-md-flex" >
< li class = "nav-item d-flex align-items-center justify-content-center text-center mx-1" >
2021-12-03 22:52:00 +00:00
< a class = "nav-link" href = "/random/" data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-bs-original-title = "Random post" > < i class = "fas fa-random" > < / i > < / a >
2021-10-15 14:08:27 +00:00
< / li >
2021-11-15 22:19:59 +00:00
{% if v and v.admin_level > 1 %}
2021-10-15 14:08:27 +00:00
< li class = "nav-item d-flex align-items-center justify-content-center text-center mx-1" >
2021-12-03 22:52:00 +00:00
< a class = "nav-link" href = "/admin/" data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-bs-original-title = "Admin tools" > < i class = "fas fa-crown{% if v.has_report_queue %} text-success{% endif %}" > < / i > < / a >
2021-10-15 14:08:27 +00:00
< / li >
{% endif %}
{% if v %}
{% if v.notifications_count %}
< li class = "nav-item d-flex align-items-center text-center justify-content-center mx-1" >
2022-01-13 03:11:58 +00:00
< a class = "nav-link position-relative" href = "/notifications{% if not v.not_post_notifications_count %}?posts=true{% endif %}" data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-bs-original-title = "Notifications" > < i class = "fas fa-bell text-danger" { % if not v . not_post_notifications_count % } style = "color:blue!important" { % endif % } > < / i > < span class = "notif-count ml-1" style = "padding-left: 4.5px;{% if not v.not_post_notifications_count %}background:blue{% endif %}" > {{v.notifications_count}}< / span > < / a >
2021-10-15 14:08:27 +00:00
< / li >
{% else %}
< li class = "nav-item d-flex align-items-center text-center justify-content-center mx-1" >
2021-12-03 22:52:00 +00:00
< a class = "nav-link" href = "/notifications" data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-bs-original-title = "Notifications" > < i class = "fas fa-bell" > < / i > < / a >
2021-10-15 14:08:27 +00:00
< / li >
{% endif %}
< li class = "nav-item d-flex align-items-center justify-content-center text-center mx-1" >
2022-02-05 21:09:17 +00:00
< a class = "nav-link" href = "{% if sub %}/s/{{sub.name}}{% endif %}/submit" data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-bs-original-title = "Create post" > < i class = "fas fa-feather-alt" > < / i > < / a >
2021-10-15 14:08:27 +00:00
< / li >
< li class = "nav-item d-flex align-items-center justify-content-center text-center mx-1" >
2021-12-03 22:52:00 +00:00
< a class = "nav-link" href = "/comments" data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-bs-original-title = "Comments" > < i class = "fas fa-comment-dots" > < / i > < / a >
2021-10-15 14:08:27 +00:00
< / li >
< li class = "nav-item d-flex align-items-center justify-content-center text-center mx-1" >
2021-12-03 22:52:00 +00:00
< a class = "nav-link" href = "/leaderboard" data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-bs-original-title = "Users" > < i class = "fas fa-trophy" > < / i > < / a >
2021-10-15 14:08:27 +00:00
< / li >
2021-10-20 22:01:30 +00:00
< li class = "nav-item d-flex align-items-center justify-content-center text-center mx-1" >
2021-12-03 22:52:00 +00:00
< a class = "nav-link" href = "/shop" data-bs-toggle = "tooltip" data-bs-placement = "bottom" data-bs-original-title = "Shop" > < i class = "fas fa-store" > < / i > < / a >
2021-10-20 22:01:30 +00:00
< / li >
2021-10-15 14:08:27 +00:00
< li class = "nav-item d-flex align-items-center justify-content-center text-center" >
< div class = "dropdown" >
2021-12-30 05:27:22 +00:00
< a class = "nav-link bg-transparent py-0 pr-0" role = "button" id = "dropdownMenuLink" data-bs-toggle = "dropdown"
2021-10-15 14:08:27 +00:00
aria-haspopup="true" aria-expanded="false">
< div class = "d-flex" >
2021-12-27 05:07:19 +00:00
< div > < img alt = "your profile picture" loading = "lazy" src = "{{v.profile_url}}" class = "profile-pic-35" > < / div >
2021-10-15 14:08:27 +00:00
< div class = "text-left pl-2" >
2022-01-03 10:32:31 +00:00
< div style = "color: #{{v.namecolor}}" class = "text-small font-weight-bold {% if v.patron %}patron{% endif %}" > < span { % if v . patron % } class = "patron" style = "background-color:#{{v.namecolor}}" { % endif % } > {{v.username}}< / span > < / div >
2022-01-24 16:44:54 +00:00
< div class = "text-small-extra" > < img alt = "coins" class = "mr-1 ml-1" data-bs-toggle = "tooltip" data-bs-placement = "bottom" height = "13" src = "/static/assets/images/marseycoin.webp?a=1008" data-bs-original-title = "coins" aria-label = "coins" > < span id = "user-coins-amount" > {{v.coins}}< / span > Coins< / div >
< div class = "text-small-extra" > < img alt = "marseybux" class = "mr-1 ml-1" data-bs-toggle = "tooltip" data-bs-placement = "bottom" height = "13" src = "/static/assets/images/marseybux.webp?a=1008" data-bs-original-title = "Marseybux" aria-label = "Marseybux" > < span id = "user-bux-amount" > {{v.procoins}}< / span > Marseybux< / div >
2021-10-15 14:08:27 +00:00
< / div >
< / div >
< / a >
2021-12-11 17:26:23 +00:00
< div class = "dropdown-menu dropdown-menu-right dropdown-menu-lg-left border-0 shadow fade px-0 mt-2" >
2021-10-15 14:08:27 +00:00
< div class = "px-2" >
< a class = "dropdown-item" href = "{{v.url}}" > < i class = "fas fa-user-circle fa-fw text-left mr-3" > < / i > My
profile< / a >
< a class = "dropdown-item" href = "/settings" > < i class = "fas fa-cog fa-fw text-left mr-3" > < / i > Settings< / a >
< / div >
< div class = "px-2" >
2022-02-06 10:45:17 +00:00
< button class = "dropdown-item copy-link" data-clipboard-text = "{{SITE_FULL}}/signup?ref={{v.username}}" > < i class = "fad fa-user-friends fa-fw text-left mr-3" > < / i > Invite friends< / button >
2021-10-15 14:08:27 +00:00
< / div >
< div class = "px-2" >
2022-02-11 23:32:14 +00:00
< a class = "dropdown-item" href = "/assets/{{config('SITE_NAME')}}_v1.7.apk?a=2" > < i class = "fab fa-android fa-fw text-left mr-3" > < / i > Android app< / a >
2021-10-15 14:08:27 +00:00
< a class = "dropdown-item" href = "/changelog" > < i class = "fas fa-clipboard fa-fw text-left mr-3" > < / i > Changelog< / a >
< a class = "dropdown-item" rel = "nofollow noopener noreferrer" href = "https://github.com/Aevann1/Drama" > < i class = "fab fa-github fa-fw text-left mr-3" > < / i > Source code< / a >
2022-02-07 15:07:46 +00:00
{% if SITE_NAME in ['Drama', 'PCM'] %}
2022-01-02 13:22:12 +00:00
< a class = "dropdown-item" rel = "nofollow noopener noreferrer" href = "/report_bugs" > < i class = "fas fa-bug fa-fw text-left mr-3" > < / i > Bugs/Suggestions< / a >
2021-11-26 01:07:28 +00:00
{% endif %}
2022-01-01 22:06:53 +00:00
{% if request.host != 'pcmemes.net' %}
2021-11-26 00:09:16 +00:00
< a class = "dropdown-item" href = "/discord" > < i class = "fab fa-discord fa-fw text-left mr-3" > < / i > Discord< / a >
2021-11-23 23:18:24 +00:00
{% endif %}
2022-02-12 19:01:09 +00:00
{% if not (g.webview and v.truecoins < 1 ) and SITE_NAME not in ( ' 2Much4You ' , ' Ruqqus ' ) % }
2022-01-28 21:06:31 +00:00
< a class = "dropdown-item" rel = "nofollow noopener noreferrer" href = "{{config('GUMROAD_LINK')}}" > < i class = "fas fa-dollar-sign fa-fw text-left mr-3" > < / i > Donate< / a >
2022-01-24 21:23:42 +00:00
{% endif %}
2022-02-07 15:07:46 +00:00
{% if SITE_NAME == 'Drama' %}< a class = "dropdown-item" href = "/archives" > < i class = "fas fa-book fa-fw text-left mr-3" > < / i > Archives< / a > {% endif %}
2021-10-15 14:08:27 +00:00
< a class = "dropdown-item" href = "/contact" > < i class = "fas fa-file-signature fa-fw text-left mr-3" > < / i > Contact us< / a >
< / div >
< div class = "px-2" >
2021-12-30 20:56:20 +00:00
< a class = "dropdown-item" role = "button" , onclick = "post_toast('/logout', '1')" > < i class = "fas fa-sign-out fa-fw text-left mr-3" > < / i > Log out< / a >
2021-10-15 14:08:27 +00:00
< / div >
< / div >
< / div >
< / li >
{% else %}
< li class = "nav-item d-flex align-items-center justify-content-center mx-1" >
2022-01-15 08:08:52 +00:00
< a class = "btn btn-primary" href = "/contact" > Contact us< / a >
2021-10-15 14:08:27 +00:00
< / li >
< li class = "nav-item d-flex align-items-center justify-content-center mx-1" >
2022-01-15 08:08:52 +00:00
< a class = "btn btn-primary" href = "/login?redirect={{request.path | urlencode}}" > Sign in< / a >
2021-10-15 14:08:27 +00:00
< / li >
< li class = "nav-item d-flex align-items-center justify-content-center mx-1" >
2022-01-15 08:08:52 +00:00
< a class = "btn btn-primary" href = "/signup?redirect={{request.path | urlencode}}" > Sign up< / a >
2021-10-15 14:08:27 +00:00
< / li >
{% endif %}
< / ul >
2022-01-14 03:50:47 +00:00
< ul style = "overflow:auto" class = "navbar-nav ml-auto d-flex d-md-none mt-3" >
2021-10-15 14:08:27 +00:00
< li class = "nav-item pb-3" >
< form id = "searchform" class = "form-inline search flex-nowrap mx-0 mx-lg-auto" action = "/search/posts/" method = "get" >
2021-12-28 12:41:26 +00:00
< input autocomplete = "off" class = "form-control form-control-sm w-100" type = "search" placeholder = "Search" aria-label = "Search" name = "q" >
2021-10-15 14:08:27 +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 %}
2022-01-14 03:50:47 +00:00
< 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" >
2022-02-06 10:45:17 +00:00
< a class = "nav-link" href = "/settings" > < i class = "fas fa-cog fa-fw mr-3" > < / i > Settings< / a >
2022-01-14 03:50:47 +00:00
< / li >
2022-02-06 12:13:48 +00:00
{% if not g.webview %}
< li class = "nav-item" >
< a class = "nav-link copy-link" data-clipboard-text = "{{SITE_FULL}}/signup?ref={{v.username}}" > < i class = "fas fa-user-friends fa-fw text-left mr-3" > < / i > Invite friends< / a >
< / li >
{% endif %}
2022-02-11 23:32:14 +00:00
< a class = "nav-item nav-link" href = "/assets/{{config('SITE_NAME')}}_v1.7.apk?a=2" > < i class = "fab fa-android fa-fw mr-3" > < / i > Android app< / a >
2021-10-15 14:08:27 +00:00
2022-01-14 03:50:47 +00:00
< a class = "nav-item nav-link" rel = "nofollow noopener noreferrer" href = "https://github.com/Aevann1/Drama" > < i class = "fab fa-github fa-fw mr-3" > < / i > Source code< / a >
2021-10-15 14:08:27 +00:00
2022-01-14 03:50:47 +00:00
{% if request.host != 'pcmemes.net' %}
< a class = "nav-item nav-link" href = "/discord" > < i class = "fab fa-discord fa-fw mr-3" > < / i > Discord< / a >
{% endif %}
2022-02-12 19:01:09 +00:00
{% if not (g.webview and v.truecoins < 1 ) and SITE_NAME not in ( ' 2Much4You ' , ' Ruqqus ' ) % }
2022-01-28 21:06:31 +00:00
< a class = "nav-item nav-link" rel = "nofollow noopener noreferrer" href = "{{config('GUMROAD_LINK')}}" > < i class = "fas fa-dollar-sign fa-fw mr-3" > < / i > Donate< / a >
2022-01-24 21:23:42 +00:00
{% endif %}
2022-02-07 15:07:46 +00:00
{% if SITE_NAME == 'Drama' %}< a class = "nav-item nav-link" href = "/archives" > < i class = "fas fa-book fa-fw mr-3" > < / i > Archives< / a > {% endif %}
2022-01-14 03:50:47 +00:00
< a class = "nav-item nav-link" href = "/contact" > < i class = "fas fa-file-signature fa-fw mr-3" > < / i > Contact us< / a >
2021-10-15 14:08:27 +00:00
2022-01-14 03:50:47 +00:00
< li class = "nav-item border-top border-bottom mt-2 pt-2" >
< a class = "nav-link" role = "button" , onclick = "post_toast('/logout', '1')" > < i class = "fas fa-sign-out fa-fw mr-3 text-danger" > < / i > Log out< / a >
< / li >
2021-10-15 14:08:27 +00:00
{% else %}
2022-01-14 03:50:47 +00:00
< li class = "nav-item d-flex align-items-center justify-content-center pb-3" >
2022-01-15 08:08:52 +00:00
< a class = "btn btn-primary btn-block" href = "/contact" > Contact us< / a >
2022-01-14 03:50:47 +00:00
< / li >
< li class = "nav-item d-flex align-items-center justify-content-center pb-3" >
2022-01-15 08:08:52 +00:00
< a class = "btn btn-primary btn-block" href = "/login?redirect={{request.path | urlencode}}" > Sign in< / a >
2022-01-14 03:50:47 +00:00
< / li >
< li class = "nav-item d-flex align-items-center justify-content-center" >
2022-01-15 08:08:52 +00:00
< a class = "btn btn-primary btn-block" href = "/signup?redirect={{request.path | urlencode}}" > Sign up< / a >
2022-01-14 03:50:47 +00:00
< / li >
2021-10-15 14:08:27 +00:00
{% endif %}
2022-01-14 03:50:47 +00:00
< li class = "mt-3" >
{% include "sidebar_" + SITE_NAME + ".html" %}
< / li >
2021-10-15 14:08:27 +00:00
< / ul >
< / div >
2021-12-16 18:12:26 +00:00
{% endif %}
2021-10-15 14:08:27 +00:00
< / div >
< / div >
2021-11-30 17:32:52 +00:00
< / nav >
2022-02-04 04:41:34 +00:00
< script src = "/static/assets/js/header.js?a=242" > < / script >
2021-11-30 17:32:52 +00:00
< style >
.notif-count {
background: red;
border-radius: 20%;
color: white;
padding: 2px 5px;
font-weight: 700;
}
2022-01-14 03:50:47 +00:00
li > .sidebar {
display: block !important;
2022-01-14 04:59:53 +00:00
max-width: 100% !important;
2022-01-14 03:50:47 +00:00
}
2022-01-14 04:18:41 +00:00
li > .sidebar > .rules {
display: none !important;
}
2021-12-11 00:59:37 +00:00
< / style >
2022-01-16 01:47:21 +00:00
{% if v and not err %}
2021-12-11 00:59:37 +00:00
< div id = "formkey" class = "d-none" > {{v.formkey}}< / div >
{% endif %}