rDrama/files/templates/header.html

283 lines
15 KiB
HTML
Raw Normal View History

2022-02-05 11:44:52 +00:00
2021-10-15 14:08:27 +00:00
<nav class="shadow shadow-md fixed-top">
2022-04-02 16:54:27 +00:00
{% if SITE_NAME == 'rDrama' %}
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
2022-04-02 16:54:27 +00:00
{% if SITE_NAME == 'rDrama' %}
{% include "journoid_banner.html" %}
2022-02-06 17:55:06 +00:00
{% endif %}
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;">
2022-04-25 22:45:05 +00:00
<a href="/" class="navbar-brand mr-auto {% if SITE_NAME in ('PCM','WPD') and not sub %}flex-grow-1{% endif %}">
2022-04-28 00:04:01 +00:00
<img alt="header icon" height=33 src="/assets/images/{{SITE_NAME}}/headericon.webp?v=1019">
2022-03-22 02:39:21 +00:00
</a>
{% if sub %}
2022-04-28 00:37:12 +00:00
<a href="/h/{{sub.name}}" class="font-weight-bold ml-1 flex-grow-1 mt-1" style="font-size:max(14px,1.2vw)">/h/{{sub.name}}</a>
2022-04-25 22:41:34 +00:00
{% elif SITE_NAME not in ('PCM','WPD') %}
2022-04-18 21:11:30 +00:00
<style>
2022-05-02 19:10:49 +00:00
{% if g.webview %}
2022-05-02 19:11:03 +00:00
@media (min-width: 480px) {
2022-05-02 19:10:49 +00:00
{% else %}
@media (min-width: 380px) {
#logo {
width: 100px;
margin-left: 0.5rem !important;
}
2022-04-18 21:11:30 +00:00
}
2022-05-02 19:10:49 +00:00
{% endif %}
2022-04-18 21:11:30 +00:00
</style>
2022-03-21 22:21:53 +00:00
<a href="/" class="flex-grow-1">
2022-04-27 14:29:32 +00:00
<img class="ml-1" id="logo" alt="logo" src="/assets/images/{{SITE_NAME}}/logo.webp?v=1013" width=70>
2022-03-21 22:21:53 +00:00
</a>
{% endif %}
2022-04-18 17:20:10 +00:00
<div class="flex-grow-1 d-fl d-none d-md-block {% if not v %}pad{% endif %}">
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
2022-05-02 00:02:31 +00:00
{% if g.webview %}
<a class="mobile-nav-icon d-md-none" onclick="location.reload()"><i class="fas fa-arrow-rotate-right align-middle text-gray-500 black"></i></a>
{% endif %}
2022-05-01 23:51:47 +00:00
2022-02-06 10:45:17 +00:00
{% if v %}
{% if v.notifications_count %}
2022-04-05 13:36:58 +00:00
<a class="mobile-nav-icon d-md-none pl-0" href="/notifications{% if v.do_posts %}?posts=true{% elif v.do_reddit %}?reddit=true{% endif %}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Notifications"><i class="fas fa-bell align-middle text-danger" {% if v.do_posts %}style="color:blue!important"{% elif v.do_reddit %}style="color:#805ad5!important"{% endif %}></i><span class="notif-count ml-1" style="padding-left: 4.5px;{% if v.do_posts %}background:blue{% elif v.do_reddit %}background:#805ad5{% endif %}">{{v.notifications_count}}</span></a>
2022-02-06 10:45:17 +00:00
{% else %}
2022-02-24 18:07:53 +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-02-06 10:45:17 +00:00
{% endif %}
{% endif %}
2022-01-16 01:47:21 +00:00
{% if not err %}
2022-04-17 22:16:02 +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>
<a class="mobile-nav-icon d-md-none" href="/random_post"><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 %}
2022-02-16 22:23:44 +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>
2021-10-15 14:08:27 +00:00
{% endif %}
2022-02-16 22:23:44 +00:00
2021-10-15 14:08:27 +00:00
{% if v %}
2022-03-09 02:04:37 +00:00
<a class="mobile-nav-icon d-md-none" href="{% if sub %}/h/{{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 %}
2022-02-16 22:23:44 +00:00
<a class="mobile-nav-icon d-md-none" href="/login"><i class="fas fa-feather-alt align-middle text-gray-500 black"></i></a>
2021-10-15 14:08:27 +00:00
{% endif %}
2022-02-22 10:09:34 +00:00
<button class="navbar-toggler" role="button" data-bs-toggle="collapse" data-bs-target="#navbarResponsive"
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>
2021-10-15 14:08:27 +00:00
<div class="collapse navbar-collapse" id="navbarResponsive">
2022-04-18 17:20:10 +00:00
<ul class="navbar-nav ml-auto d-none d-md-flex">
2022-04-17 22:13:37 +00:00
2022-03-27 13:39:21 +00:00
<li class="nav-item d-flex align-items-center justify-content-center text-center mx-1">
2022-04-17 22:13:37 +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>
2022-03-27 13:39:21 +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 mx-1">
2022-04-17 22:16:02 +00:00
<a class="nav-link" href="/random_post/" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Random post"><i class="fas fa-random"></i></a>
2021-10-15 14:08:27 +00:00
</li>
2022-04-17 22:13:37 +00:00
<li class="nav-item d-flex align-items-center justify-content-center text-center mx-1">
<a class="nav-link" href="/chat/" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Chat"><i class="fas fa-messages"></i></a>
</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">
2022-02-24 18:07:53 +00:00
<a class="nav-link" href="/admin/" data-bs-toggle="tooltip" data-bs-placement="bottom" 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-04-03 18:14:21 +00:00
<a class="nav-link position-relative" href="/notifications{% if v.do_posts %}?posts=true{% elif v.do_reddit %}?reddit=true{% endif %}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Notifications"><i class="fas fa-bell text-danger" {% if v.do_posts %}style="color:blue!important"{% elif v.do_reddit %}style="color:#805ad5!important"{% endif %}></i><span class="notif-count ml-1" style="padding-left: 4.5px;{% if v.do_posts %}background:blue{% elif v.do_reddit %}background:#805ad5{% 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">
2022-02-24 18:07:53 +00:00
<a class="nav-link" href="/notifications" data-bs-toggle="tooltip" data-bs-placement="bottom" 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-03-09 02:04:37 +00:00
<a class="nav-link" href="{% if sub %}/h/{{sub.name}}{% endif %}/submit" data-bs-toggle="tooltip" data-bs-placement="bottom" 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">
2022-02-24 18:07:53 +00:00
<a class="nav-link" href="/comments" data-bs-toggle="tooltip" data-bs-placement="bottom" 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">
2022-02-24 18:07:53 +00:00
<a class="nav-link" href="/leaderboard" data-bs-toggle="tooltip" data-bs-placement="bottom" 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">
2022-02-24 18:07:53 +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>
2021-10-20 22:01:30 +00:00
</li>
2022-02-16 00:23:46 +00:00
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-04-25 22:28:20 +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="/assets/images/{{SITE_NAME}}/coins.webp?v=2" title="coins" aria-label="coins"><span id="user-coins-amount">{{v.coins}}</span> Coins</div>
2022-03-31 16:28:53 +00:00
<div class="text-small-extra"><img alt="marseybux" class="mr-1 ml-1" data-bs-toggle="tooltip" data-bs-placement="bottom" height="13" width="30" src="/assets/images/marseybux.webp?v=1008" 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>
2022-04-17 15:47:56 +00:00
<div class="dropdown-menu dropdown-menu-right dropdown-menu-lg-left border-0 shadow fade px-0">
2021-10-15 14:08:27 +00:00
<div class="px-2">
2022-02-26 09:41:40 +00:00
<a class="dropdown-item" href="{{v.url}}"><i class="fas fa-user-circle fa-fw mr-3"></i>My
2021-10-15 14:08:27 +00:00
profile</a>
2022-02-26 09:41:40 +00:00
<a class="dropdown-item" href="/settings"><i class="fas fa-cog fa-fw mr-3"></i>Settings</a>
2021-10-15 14:08:27 +00:00
</div>
<div class="px-2">
2022-02-26 09:41:40 +00:00
<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>
2021-10-15 14:08:27 +00:00
</div>
<div class="px-2">
2022-05-02 01:06:20 +00:00
<a class="dropdown-item" href="/assets/app_{{config('SITE_NAME')}}.apk?v=2"><i class="fab fa-android fa-fw mr-3"></i>Android app</a>
2022-04-03 12:53:23 +00:00
2022-05-01 21:44:38 +00:00
<a class="dropdown-item" href="https://rdrama.net/changelog"><i class="fas fa-clipboard fa-fw mr-3"></i>Changelog</a>
2021-10-15 14:08:27 +00:00
2022-04-03 12:57:46 +00:00
<a class="dropdown-item" rel="nofollow noopener noreferrer" href="https://github.com/Aevann1/rDrama"><i class="fab fa-github fa-fw mr-3"></i>Source code</a>
2021-10-15 14:08:27 +00:00
2022-04-02 16:54:27 +00:00
{% if SITE_NAME in ['rDrama', 'PCM'] %}
2022-02-26 09:41:40 +00:00
<a class="dropdown-item" rel="nofollow noopener noreferrer" href="/report_bugs"><i class="fas fa-bug fa-fw mr-3"></i>Bugs/Suggestions</a>
2021-11-26 01:07:28 +00:00
{% endif %}
2022-04-29 13:36:33 +00:00
{% if SITE_NAME == 'rDrama' %}
2022-02-26 09:41:40 +00:00
<a class="dropdown-item" href="/discord"><i class="fab fa-discord fa-fw mr-3"></i>Discord</a>
2021-11-23 23:18:24 +00:00
{% endif %}
2022-04-24 17:30:05 +00:00
{% if SITE_NAME != 'Cringetopia' %}
2022-02-26 09:41:40 +00:00
<a class="dropdown-item" 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-04-02 16:54:27 +00:00
{% if SITE_NAME == 'rDrama' %}<a class="dropdown-item" href="/archives"><i class="fas fa-book fa-fw mr-3"></i>Archives</a>{% endif %}
2022-02-26 09:41:40 +00:00
<a class="dropdown-item" href="/contact"><i class="fas fa-file-signature fa-fw mr-3"></i>Contact us</a>
2021-10-15 14:08:27 +00:00
</div>
<div class="px-2">
2022-02-26 09:41:40 +00:00
<a class="dropdown-item" role="button", onclick="post_toast(this,'/logout', '1')"><i class="fas fa-sign-out fa-fw 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-02-27 23:58:46 +00:00
<a class="btn btn-primary" href="/signup">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">
2022-02-24 12:03:28 +00:00
<span class="input-group-text border-0 bg-transparent" style="margin-left: -2.5rem"onclick="document.getElementById('searchform').submit()">
2021-10-15 14:08:27 +00:00
<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">
2022-02-26 09:41:40 +00:00
<a 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</a>
2022-02-06 12:13:48 +00:00
</li>
{% endif %}
2022-04-03 12:53:23 +00:00
2022-05-02 01:06:20 +00:00
<a class="nav-item nav-link" href="/assets/app_{{config('SITE_NAME')}}.apk?v=2"><i class="fab fa-android fa-fw mr-3"></i>Android app</a>
2021-10-15 14:08:27 +00:00
2022-04-03 12:57:46 +00:00
<a class="nav-item nav-link" rel="nofollow noopener noreferrer" href="https://github.com/Aevann1/rDrama"><i class="fab fa-github fa-fw mr-3"></i>Source code</a>
2021-10-15 14:08:27 +00:00
2022-04-29 13:36:33 +00:00
{% if SITE_NAME == 'rDrama' %}
2022-01-14 03:50:47 +00:00
<a class="nav-item nav-link" href="/discord"><i class="fab fa-discord fa-fw mr-3"></i>Discord</a>
{% endif %}
2022-04-24 17:30:05 +00:00
{% if SITE_NAME != 'Cringetopia' %}
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-04-02 16:54:27 +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-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(this,'/logout', '1')"><i class="fas fa-sign-out fa-fw mr-3 text-danger"></i>Log out</a>
2022-01-14 03:50:47 +00:00
</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-02-27 23:58:46 +00:00
<a class="btn btn-primary btn-block" href="/signup">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-04-17 20:29:14 +00:00
<script src="/assets/js/header.js?v=265"></script>
2021-11-30 17:32:52 +00:00
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 %}
2022-04-17 09:11:19 +00:00
{% if not v %}
<style>
.pad {
padding-bottom: 7.4px;
padding-top: 7.4px;
}
</style>
2022-04-26 21:25:06 +00:00
{% endif %}