MarseyWorld/files/templates/header.html

231 lines
13 KiB
HTML
Raw Normal View History

2021-10-15 14:08:27 +00:00
<nav class="shadow shadow-md fixed-top">
{% if "rama" in request.host %}
<div id="srd" style="width: 100%; background-color: var(--primary); padding: 2px; text-align: center; font-weight: bold;">
<a style="color: white" href="https://reddit.com/r/SubredditDrama">/r/SubredditDrama official site</a>
</div>
{% endif %}
<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">
2021-12-27 02:09:06 +00:00
<img loading="lazy" height="30" src="/static/assets/images/{{'SITE_NAME' | app_config}}/headericon.webp?a=5">
2021-10-15 14:08:27 +00:00
{% if "gigachadlife" in request.host %}
2021-10-22 23:50:00 +00:00
<span style="font-weight: bold; font-size: 1.2rem;">GigaChadLife</span>
2021-11-24 21:26:57 +00:00
{% elif 'pcm' not in request.host %}
2021-12-24 23:00:09 +00:00
<img loading="lazy" src="/static/assets/images/{{'SITE_NAME' | app_config}}/logo.webp?a=3" height="20">
2021-10-15 14:08:27 +00:00
{% endif %}
</a>
</div>
<div class="flex-grow-1 d-fl d-none d-md-block">
2021-12-27 02:28:40 +00:00
<form class="form-inline search flex-nowrap mx-0 mx-lg-auto" {% if error %}style="margin-right:40rem!important"{% endif %} action="/search/posts/" method="get">
2021-12-20 15:17:43 +00:00
<input 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>
2021-12-16 18:12:26 +00:00
{% if not error %}
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>
{% if v and v.admin_level > 0 %}
<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 %}
<a class="mobile-nav-icon d-md-none" href="/submit"><i class="fas fa-feather-alt align-middle text-gray-500 black"></i></a>
{% 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-10-24 18:59:50 +00:00
<button class="navbar-toggler" type="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>
{% if v and v.notifications_count %}
2021-10-16 12:25:36 +00:00
<span class="notif-count">{{v.notifications_count}}</span>
2021-10-15 14:08:27 +00:00
{% endif %}
</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">
2021-12-03 22:52:00 +00:00
<a class="nav-link position-relative" href="/notifications{% if v.notifications_count and v.notifications_count == v.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"></i><span class="notif-count ml-1" style="padding-left: 4.5px;">{{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">
2021-12-03 22:52:00 +00:00
<a class="nav-link" href="/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-11 16:57:45 +00:00
<a class="nav-link bg-transparent py-0 pr-0" href="javascript:void(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">
<div><img loading="lazy" src="{{v.profile_url}}" class="profile-pic-35"></div>
<div class="text-left pl-2">
<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>
2021-12-24 23:00:09 +00:00
<div class="text-small-extra text-primary"><img class="mr-1 ml-1" data-bs-toggle="tooltip" data-bs-placement="bottom" height="13" src="/static/assets/images/emojis/marseycoin.webp" data-bs-original-title="{{'COINS_NAME' | app_config}}" aria-label="{{'COINS_NAME' | app_config}}"><span id="user-coins-amount">{{v.coins}}</span> {{'COINS_NAME' | app_config}}</div>
<div class="text-small-extra text-primary"><img class="mr-1 ml-1" data-bs-toggle="tooltip" data-bs-placement="bottom" height="13" src="/static/assets/images/emojis/marseybux.webp" 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">
<button class="dropdown-item copy-link" data-clipboard-text="/signup?ref={{v.username}}"><i class="fad fa-user-friends fa-fw text-left mr-3"></i>Invite friends</button>
</div>
<div class="px-2">
2021-12-24 23:22:21 +00:00
<a class="dropdown-item" href="/static/assets/{{'SITE_NAME' | app_config}}.apk?a=4"><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="/rules"><i class="fas fa-balance-scale fa-fw text-left mr-3"></i>Rules</a>
<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>
2021-11-26 01:07:28 +00:00
{% if request.host in ['rdrama.net', 'pcmemes.net'] %}
<a class="dropdown-item" rel="nofollow noopener noreferrer" href="/report_bugs"><i class="fas fa-bug fa-fw text-left mr-3"></i>Report bugs or suggestions</a>
{% endif %}
2021-11-23 23:18:24 +00:00
{% if 'pcm' not in request.host %}
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 %}
2021-11-22 19:08:30 +00:00
<a class="dropdown-item" rel="nofollow noopener noreferrer" href="{{'GUMROAD_LINK' | app_config}}"><i class="fas fa-dollar-sign fa-fw text-left mr-3"></i>Donate</a>
2021-10-15 14:08:27 +00:00
{% if 'rama' in request.host %}<a class="dropdown-item" href="/archives"><i class="fas fa-book fa-fw text-left mr-3"></i>Archives</a>{% endif %}
<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">
<a class="dropdown-item" href="javascript:void(0)", onclick="post_toast('/logout', '1')"><i class="fas fa-sign-out fa-fw text-left mr-3"></i>Log out</a>
</div>
</div>
</div>
</li>
{% else %}
<li class="nav-item d-flex align-items-center justify-content-center mx-1">
<a class="btn btn-outline-purple" href="/contact">Contact us</a>
</li>
<li class="nav-item d-flex align-items-center justify-content-center mx-1">
<a class="btn btn-outline-purple" 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-outline-purple" href="/signup?redirect={{request.path | urlencode}}">Sign up</a>
</li>
{% endif %}
</ul>
<ul class="navbar-nav ml-auto d-flex d-md-none mt-3">
<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">
<input class="form-control form-control-sm w-100" type="search" placeholder="Search" aria-label="Search" name="q">
<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 {% if v.notifications_count %}position-relative{% endif %}" href="/notifications{% if v.notifications_count and v.notifications_count == v.post_notifications_count %}?posts=true{% endif %}">
<i class="fas fa-envelope fa-fw mr-3"></i>Inbox
{% if v.notifications_count %}
<i class="fas fa-circle text-danger position-absolute" style="left: 19px; top: 5px; font-size: 10px;"></i>
{% endif %}
</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>
2021-12-24 23:22:21 +00:00
<a class="nav-item nav-link" href="/static/assets/{{'SITE_NAME' | app_config}}.apk?a=4"><i class="fab fa-android fa-fw mr-3"></i>Android app</a>
2021-10-15 14:08:27 +00:00
<a class="nav-item nav-link" href="/rules"><i class="fas fa-balance-scale fa-fw mr-3"></i>Rules</a>
<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-11-26 01:07:28 +00:00
{% if request.host in ['rdrama.net', 'pcmemes.net'] %}
<a class="nav-item nav-link" rel="nofollow noopener noreferrer" href="/report_bugs"><i class="fas fa-bug fa-fw mr-3"></i>Report bugs or suggestions</a>
{% endif %}
2021-10-15 14:08:27 +00:00
2021-11-23 23:18:24 +00:00
{% if 'pcm' not in request.host %}
2021-11-24 14:12:19 +00:00
<a class="nav-item nav-link" href="/discord"><i class="fab fa-discord fa-fw mr-3"></i>Discord</a>
2021-11-23 23:18:24 +00:00
{% endif %}
2021-11-22 19:08:30 +00:00
<a class="nav-item nav-link" rel="nofollow noopener noreferrer" href="{{'GUMROAD_LINK' | app_config}}"><i class="fas fa-dollar-sign fa-fw mr-3"></i>Donate</a>
2021-10-15 14:08:27 +00:00
{% if 'rama' in request.host %}<a class="nav-item nav-link" href="/archives"><i class="fas fa-book fa-fw mr-3"></i>Archives</a>{% endif %}
<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">
<a class="nav-link" href="javascript:void(0)", onclick="post_toast('/logout', '1')"><i class="fas fa-sign-out fa-fw mr-3 text-danger"></i>Log out</a>
</li>
{% else %}
<li class="nav-item d-flex align-items-center justify-content-center pb-3">
<a class="btn btn-outline-purple 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-outline-purple 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-outline-purple btn-block" href="/signup?redirect={{request.path | urlencode}}">Sign up</a>
</li>
{% endif %}
</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>
2021-12-26 01:03:21 +00:00
<script src="/static/assets/js/header.js?a=4"></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;
}
2021-12-11 00:59:37 +00:00
</style>
2021-12-17 03:25:05 +00:00
{% if v and not error %}
2021-12-11 00:59:37 +00:00
<div id="formkey" class="d-none">{{v.formkey}}</div>
{% endif %}