MarseyWorld
/
MarseyWorld
10
10
Fork 0
Code Issues 2 Pull Requests Packages Releases Wiki Activity
MarseyWorld/files/templates/header.html

298 lines
15 KiB
HTML
Raw Normal View History

Add 'hole' search operator.
2022-06-22 06:35:50 +00:00
{%- set search_placeholder = "Search" -%}
{%- if sub -%}
Refactor UI name of hole/sub to constant.
2022-06-23 09:02:49 +00:00
{%- set search_placeholder = "Search (try '" ~ HOLE_NAME ~ ":" ~ sub.name ~ "')" -%}
Add 'hole' search operator.
2022-06-22 06:35:50 +00:00
{%- endif -%}
mn
2022-05-04 23:09:46 +00:00
Design improvements take 2 + Scroll to top (#291) * fuck u bootstrap * cleanup * Improve CSS * Vote and reply animations * Fixse * Fix bugs and add scroll to top thing * Update themes and sidebar and stuff and such * Fix mobile arrows * soy blur * Fix dramlr or dramalr or tumblr or whatever its called
2022-05-30 05:36:06 +00:00
<nav class=" shadow-md fixed-top">
journoid
2022-05-25 01:14:18 +00:00
<style>
body {padding-top: 85.88px !important}
@media (max-width: 767.98px) {
body {
padding-top: 69.55px !important
mn
2022-05-04 23:09:46 +00:00
}
journoid
2022-05-25 01:14:18 +00:00
}
</style>
mn
2022-05-04 23:09:46 +00:00
User counter: move to sidebar, add flavor. After much debate, the user counter will remain in the top banner for all non-rDrama sites using the codebase, while on rDrama the journoid banner will remain there and the counter has been moved back to the sidebar. This partially reverts some recent commits. In addition to the sidebar move, the rDrama user counter now has random flavor text, much as reddit sidebars do, though ours is cooler because it can randomly select from a list.
2022-05-25 03:37:25 +00:00
<div class="srd">
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 SITE_NAME == 'rDrama' %}
fds
2022-05-25 18:59:24 +00:00
{% include "journoid_banner.html" %}
fix this https://i.imgur.com/6A9Rgkt.png
2022-06-19 14:55:10 +00:00
{%- elif not err -%}
fsd
2022-05-25 21:43:30 +00:00
<img src="/e/marseylowpoly.webp" height=18 width=28>
fds
2022-05-25 20:16:26 +00:00
fix 500 error
2022-06-30 22:08:22 +00:00
{% if v and v.admin_level > 1 and g.loggedin_counter %}
fds
2022-05-26 20:49:36 +00:00
People here now: <a href="/admin/loggedin">{{g.loggedin_counter}} logged in</a>, <a href="/admin/loggedout">{{g.loggedout_counter}} logged out</a>
fix 500 error
2022-06-30 22:08:22 +00:00
{% elif g.loggedout_counter %}
fd
2022-05-26 00:54:05 +00:00
People here now: {{g.loggedin_counter}} logged in, {{g.loggedout_counter}} logged out
fds
2022-05-25 20:16:26 +00:00
{% endif %}
User counter: move to sidebar, add flavor. After much debate, the user counter will remain in the top banner for all non-rDrama sites using the codebase, while on rDrama the journoid banner will remain there and the counter has been moved back to the sidebar. This partially reverts some recent commits. In addition to the sidebar move, the rDrama user counter now has random flavor text, much as reddit sidebars do, though ours is cooler because it can randomly select from a list.
2022-05-25 03:37:25 +00:00
{%- endif -%}
</div>
mn
2022-05-04 23:09:46 +00:00
fsd
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;">
mn
2022-05-04 23:09:46 +00:00
<a href="/" class="navbar-brand mr-auto {% if SITE_NAME in ('PCM','WPD') and not sub %}flex-grow-1{% endif %}">
LGB: Initial sidebar & const.
2022-07-01 05:08:15 +00:00
<img alt="header icon" height=33 src="/i/{{SITE_NAME}}/headericon.webp?v=2001">
mn
2022-05-04 23:09:46 +00:00
</a>
{% if sub %}
WPD: make holes more flair-like in UI.
2022-06-23 09:40:01 +00:00
<a href="/h/{{sub.name}}" 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.name}}</a>
mn
2022-05-04 23:09:46 +00:00
{% elif SITE_NAME not in ('PCM','WPD') %}
<style>
{% if g.webview %}
@media (min-width: 480px) {
{% else %}
@media (min-width: 380px) {
#logo {
width: 100px;
margin-left: 0.5rem !important;
}
}
{% endif %}
</style>
replace spaces with tabs
2022-06-13 18:33:25 +00:00
<div id="logo-container" class="flex-grow-1 logo-container">
Design improvements take 2 + Scroll to top (#291) * fuck u bootstrap * cleanup * Improve CSS * Vote and reply animations * Fixse * Fix bugs and add scroll to top thing * Update themes and sidebar and stuff and such * Fix mobile arrows * soy blur * Fix dramlr or dramalr or tumblr or whatever its called
2022-05-30 05:36:06 +00:00
<a href="/">
cache-bust all previously broken images
2022-06-22 15:59:47 +00:00
<img class="ml-1" id="logo" alt="logo" src="/i/{{SITE_NAME}}/logo.webp?v=2000" width=70>
mn
2022-05-04 23:09:46 +00:00
</a>
replace spaces with tabs
2022-06-13 18:33:25 +00:00
</div>
mn
2022-05-04 23:09:46 +00:00
{% endif %}
<div class="flex-grow-1 d-fl d-none d-md-block {% if not v %}pad{% endif %}">
<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">
Add 'hole' search operator.
2022-06-22 06:35:50 +00:00
<input autocomplete="off" class="form-control w-100" type="search" placeholder="{{search_placeholder}}" aria-label="Search" name="q" value="{{request.values.get('q', '')}}">
mn
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;">
<i class="fa fa-search" aria-hidden="true"></i>
</span>
</span>
</form>
</div>
{% 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 %}
{% if v %}
{% if v.notifications_count %}
Clarify notif color logic, extend to modaction. Previously, notification bell linking & color logic was interspersed between templates and the user model. It doesn't _really_ belong in the user model, but it's been moved out of the templates to there to at least centralize it. This was also used as an opportunity to make the modactions inbox color the bell appropriately.
2022-06-15 05:43:34 +00:00
<a class="mobile-nav-icon d-md-none" href="/notifications{% if v.notifications_do %}?{{v.notifications_do}}=true{% endif %}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Notifications"><i class="fas fa-bell align-middle" style="color: {{v.notifications_color}}"></i><span class="notif-count ml-1" style="padding-left: 4.5px;{% if v.notifications_do %}background:{{v.notifications_color}}{% endif %}">{{v.notifications_count}}</span></a>
mn
2022-05-04 23:09:46 +00:00
{% else %}
<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>
{% 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 %}
{% if v and v.admin_level > 1 %}
<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="{% if sub %}/h/{{sub.name}}{% endif %}/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 %}
Swap lottery & random_user nav, and other nav.
2022-06-28 07:53:33 +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>
mn
2022-05-04 23:09:46 +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>
<div class="collapse navbar-collapse" id="navbarResponsive">
<ul class="navbar-nav ml-auto d-none d-md-flex">
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 %}
mn
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">
Clarify notif color logic, extend to modaction. Previously, notification bell linking & color logic was interspersed between templates and the user model. It doesn't _really_ belong in the user model, but it's been moved out of the templates to there to at least centralize it. This was also used as an opportunity to make the modactions inbox color the bell appropriately.
2022-06-15 05:43:34 +00:00
<a class="nav-link position-relative" href="/notifications{% if v.notifications_do %}?{{v.notifications_do}}=true{% endif %}" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Notifications"><i class="fas fa-bell" style="color: {{v.notifications_color}}"></i><span class="notif-count ml-1" style="padding-left: 4.5px;{% if v.notifications_do %}background:{{v.notifications_color}}{% endif %}">{{v.notifications_count}}</span></a>
mn
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 %}
mn
2022-05-04 23:09:46 +00:00
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.admin_level > 1 %}
<li class="nav-item d-flex align-items-center justify-content-center text-center mx-1">
<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>
</li>
mn
2022-05-04 23:09:46 +00:00
{% endif %}
<li class="nav-item d-flex align-items-center justify-content-center text-center mx-1">
Swap lottery & random_user nav, and other nav.
2022-06-28 07:53:33 +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>
mn
2022-05-04 23:09:46 +00:00
</li>
<li class="nav-item d-flex align-items-center justify-content-center text-center mx-1">
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
<a class="nav-link" href="/chat/" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Chat"><i class="fas fa-messages"></i></a>
mn
2022-05-04 23:09:46 +00:00
</li>
<li class="nav-item d-flex align-items-center justify-content-center text-center mx-1">
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
<a class="nav-link" href="/leaderboard" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Leaderboard"><i class="fas fa-trophy"></i></a>
mn
2022-05-04 23:09:46 +00:00
</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
<li class="nav-item d-flex align-items-center justify-content-center text-center mx-1">
Swap lottery & random_user nav, and other nav.
2022-06-28 07:53:33 +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>
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>
mn
2022-05-04 23:09:46 +00:00
<li class="nav-item d-flex align-items-center justify-content-center text-center mx-1">
<a class="nav-link" href="/shop" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Shop"><i class="fas fa-store"></i></a>
</li>
<li class="nav-item d-flex align-items-center justify-content-center text-center">
Enforce minimum width on header dropdown. The header dropdown menu's horizontal positioning depends on the width of the user pfp/username/currency region to not overflow off the right side of the page. Therefore, we enforce a minimum width. There is presumably some way to fix this by right-aligning the right side of the dropdown menu to the right side of the dropdown header. I didn't want to risk it given the strange interplay of all of the Bootstrap styling and the media queries. Also, it does visually look better to be left-aligned.
2022-06-27 07:45:46 +00:00
<div class="dropdown" id="header--dropdown">
mn
2022-05-04 23:09:46 +00:00
<a class="nav-link bg-transparent py-0 pr-0" role="button" id="dropdownMenuLink" data-bs-toggle="dropdown"
aria-haspopup="true" aria-expanded="false">
<div class="d-flex">
show the party hat in the header too
2022-06-13 17:46:40 +00:00
<div>
<img alt="your profile picture" loading="lazy" src="{{v.profile_url}}" class="profile-pic-35">
{% if v.is_cakeday %}
add a shortened endpoint for static images and rename loading.webp to l.webp (to save bytes)
2022-06-22 15:51:19 +00:00
<img class="party-hat4" src="/i/party-hat.webp" data-bs-toggle="tooltip" data-bs-placement="bottom" title="I’ve spent another year rotting my brain with dramaposting, please ridicule me 🤓">
show the party hat in the header too
2022-06-13 17:46:40 +00:00
{% endif %}
</div>
mn
2022-05-04 23:09:46 +00:00
<div class="text-left pl-2">
Improve header currency display style.
2022-06-27 04:09:32 +00:00
<div style="color: #{{v.namecolor}}" class="text-small font-weight-bold" id="header--username"><span {% if v.patron %}class="patron" style="background-color:#{{v.namecolor}}"{% endif %}>{{v.username}}</span></div>
<div class="header--currency"><img alt="coins" class="mr-1 ml-1" data-bs-toggle="tooltip" data-bs-placement="bottom" src="/i/{{SITE_NAME}}/coins.webp?v=2000" title="coins" aria-label="coins"><span id="user-coins-amount">{{v.coins}}</span>{% if not PROCOINS_ENABLED %} Coin{{ help.plural(v.coins) }}{% endif %}</div>
{% if PROCOINS_ENABLED %}
<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>
fdsdf
2022-05-09 12:13:38 +00:00
{% endif %}
mn
2022-05-04 23:09:46 +00:00
</div>
</div>
</a>
Enforce minimum width on header dropdown. The header dropdown menu's horizontal positioning depends on the width of the user pfp/username/currency region to not overflow off the right side of the page. Therefore, we enforce a minimum width. There is presumably some way to fix this by right-aligning the right side of the dropdown menu to the right side of the dropdown header. I didn't want to risk it given the strange interplay of all of the Bootstrap styling and the media queries. Also, it does visually look better to be left-aligned.
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">
mn
2022-05-04 23:09:46 +00:00
<div class="px-2">
Revert "Respect newtab setting for header menu." This reverts commit 4847000f67af82dec3b54fd39cf839329d239532.
2022-05-24 16:55:24 +00:00
<a class="dropdown-item" href="{{v.url}}"><i class="fas fa-user-circle fa-fw mr-3"></i>My
mn
2022-05-04 23:09:46 +00:00
profile</a>
Revert "Respect newtab setting for header menu." This reverts commit 4847000f67af82dec3b54fd39cf839329d239532.
2022-05-24 16:55:24 +00:00
<a class="dropdown-item" href="/settings"><i class="fas fa-cog fa-fw mr-3"></i>Settings</a>
mn
2022-05-04 23:09:46 +00:00
</div>
<div class="px-2">
<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>
</div>
<div class="px-2">
stop using app.config for our own stuff
2022-06-24 15:08:57 +00:00
<a class="dropdown-item" href="/assets/app_{{SITE_NAME}}_v2.4.apk"><i class="fab fa-android fa-fw mr-3"></i>Android app</a>
mn
2022-05-04 23:09:46 +00:00
Revert "Respect newtab setting for header menu." This reverts commit 4847000f67af82dec3b54fd39cf839329d239532.
2022-05-24 16:55:24 +00:00
<a class="dropdown-item" href="https://rdrama.net/changelog"><i class="fas fa-clipboard fa-fw mr-3"></i>Changelog</a>
mn
2022-05-04 23:09: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>
{% if SITE_NAME in ['rDrama', 'PCM'] %}
Revert "Respect newtab setting for header menu." This reverts commit 4847000f67af82dec3b54fd39cf839329d239532.
2022-05-24 16:55:24 +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>
mn
2022-05-04 23:09:46 +00:00
{% endif %}
{% if SITE_NAME == 'rDrama' %}
Revert "Respect newtab setting for header menu." This reverts commit 4847000f67af82dec3b54fd39cf839329d239532.
2022-05-24 16:55:24 +00:00
<a class="dropdown-item" href="/discord"><i class="fab fa-discord fa-fw mr-3"></i>Discord</a>
Add fedi to mobile nav, icon changes.
2022-06-15 08:35:13 +00:00
<a class="dropdown-item" href="/post/75863/"><i class="fas fa-square-share-nodes fa-fw mr-3"></i>Fediverse</a>
mn
2022-05-04 23:09:46 +00:00
{% endif %}
sfd
2022-05-28 17:35:21 +00:00
{% if SITE_NAME not in ('Cringetopia', 'WPD') %}
stop using app.config for our own stuff
2022-06-24 15:08:57 +00:00
<a class="dropdown-item" rel="nofollow noopener noreferrer" href="{{GUMROAD_LINK}}"><i class="fas fa-dollar-sign fa-fw mr-3"></i>Donate</a>
mn
2022-05-04 23:09:46 +00:00
{% endif %}
journoid
2022-05-25 01:14:18 +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 %}
Revert "Respect newtab setting for header menu." This reverts commit 4847000f67af82dec3b54fd39cf839329d239532.
2022-05-24 16:55:24 +00:00
<a class="dropdown-item" href="/contact"><i class="fas fa-file-signature fa-fw mr-3"></i>Contact us</a>
mn
2022-05-04 23:09:46 +00:00
</div>
<div class="px-2">
remove post_toast2() and post_toast3() and incorporate them into post_toast()
2022-06-23 23:07:47 +00:00
<a class="dropdown-item" role="button", onclick="post_toast(this,'/logout', true)"><i class="fas fa-sign-out fa-fw mr-3"></i>Log out</a>
mn
2022-05-04 23:09:46 +00:00
</div>
</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 %}
mn
2022-05-04 23:09:46 +00:00
<li class="nav-item d-flex align-items-center justify-content-center mx-1">
<a class="btn btn-primary" href="/contact">Contact us</a>
</li>
<li class="nav-item d-flex align-items-center justify-content-center mx-1">
<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">
<form id="searchform" class="form-inline search flex-nowrap mx-0 mx-lg-auto" action="/search/posts/" method="get">
Add 'hole' search operator.
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">
mn
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>
{% 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 mr-3"></i>Invite friends</a>
</li>
{% endif %}
stop using app.config for our own stuff
2022-06-24 15:08:57 +00:00
<a class="nav-item nav-link" href="/assets/app_{{SITE_NAME}}_v2.4.apk"><i class="fab fa-android fa-fw mr-3"></i>Android app</a>
mn
2022-05-04 23:09: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>
{% if SITE_NAME == 'rDrama' %}
<a class="nav-item nav-link" href="/discord"><i class="fab fa-discord fa-fw mr-3"></i>Discord</a>
Asst'd mobile CSS & markup fixes. Kitchen sink commit of semi-related things: - `#profile--bio a` tags didn't properly wrap on mobile with some browsers. Changing overflow-wrap may fix this. - Userpage markup for mobile tried to place profile_bio inside a <p> tag. Nesting paragraphs is invalid HTML. It has been made a <div> to match desktop and even nearby sections on mobile. - Fedi icon in mobile dropdown had the wrong classes, which broke consistent styling with its neighbors. - fa-square-share-nodes improperly wound up with the fa-share-nodes character code when committed.
2022-06-15 09:59:27 +00:00
<a class="nav-item nav-link" href="/post/75863/"><i class="fas fa-square-share-nodes fa-fw mr-3"></i>Fediverse</a>
mn
2022-05-04 23:09:46 +00:00
{% endif %}
sfd
2022-05-28 17:35:21 +00:00
{% if SITE_NAME not in ('Cringetopia', 'WPD') %}
stop using app.config for our own stuff
2022-06-24 15:08:57 +00:00
<a class="nav-item nav-link" rel="nofollow noopener noreferrer" href="{{GUMROAD_LINK}}"><i class="fas fa-dollar-sign fa-fw mr-3"></i>Donate</a>
mn
2022-05-04 23:09:46 +00:00
{% endif %}
{% 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 %}
<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">
remove post_toast2() and post_toast3() and incorporate them into post_toast()
2022-06-23 23:07:47 +00:00
<a class="nav-link" role="button", onclick="post_toast(this,'/logout', true)"><i class="fas fa-sign-out fa-fw mr-3 text-danger"></i>Log out</a>
mn
2022-05-04 23:09:46 +00:00
</li>
{% else %}
<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">
sneed
2022-06-28 06:17:21 +00:00
{% if has_sidebar %}
{% include "sidebar_" + SITE_NAME + ".html" %}
{% endif %}
mn
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 %}
{% if not v %}
<style>
.pad {
padding-bottom: 7.4px;
padding-top: 7.4px;
}
</style>
{% endif %}
Add settings toggle for UI animations.
2022-05-29 07:08:28 +00:00
make poorcel-mode device-specific
2022-06-27 03:46:32 +00:00
{% if v and v.poor -%}
Add settings toggle for UI animations.
2022-05-29 07:08:28 +00:00
<style>
add glowie marseys
2022-06-23 00:34:37 +00:00
* :not(img[src="/i/hand.webp"] + img):not(img.golden, img[g], img[glow]) {
Add settings toggle for UI animations.
2022-05-29 07:08:28 +00:00
animation: unset !important;
}
</style>
Revert "trying to fix weird banner behavior" This reverts commit 8d0a674f4e55ec544a965ee5e9d9191b4c6e64b5.
2022-06-27 02:33:59 +00:00
{%- endif %}
Replace loading.webp with new marseyloading.
2022-06-20 02:15:33 +00:00
add a shortened endpoint for static images and rename loading.webp to l.webp (to save bytes)
2022-06-22 15:51:19 +00:00
<link rel="preload" as="image" href="/i/l.webp">