rDrama
/
rDrama
9
10
Fork 8
Code Issues Pull Requests Packages Releases Wiki Activity

make all images have loading="lazy"

pull/102/head
Aevann 2023-01-27 19:55:25 +02:00
parent 4a795d924f
commit 1e30acc5a8
25 changed files with 54 additions and 54 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
files/assets/js/casino/roulette_screen.js
View File

@ -209,8 +209,8 @@ function formatNormalizedBets(bets) {
function buildPokerChip(avatar) {
return `
<div class="roulette-poker-chip">
<img src="/i/pokerchip.webp" width="40" height="40">
<img src="${avatar}" width="40" height="40">
<img loading="lazy" src="/i/pokerchip.webp" width="40" height="40">
<img loading="lazy" src="${avatar}" width="40" height="40">
</div>
`;
}

6
files/assets/js/markdown.js
View File

@ -21,7 +21,7 @@ marked.use({
},
renderer(token) {
const u = token.raw;
return `<a href="/${u}"><img src="/${u}/pic" class="pp20"> ${u}</a>`;
return `<a href="/${u}"><img loading="lazy" src="/${u}/pic" class="pp20"> ${u}</a>`;
}
}
]
@ -65,9 +65,9 @@ function markdown(t) {
if (emoji.endsWith('pat') && emoji != 'marseyunpettablepat') {
emoji = emoji.substr(0, emoji.length - 3);
const url = old.indexOf('@') != -1 ? `/@${emoji}/pic` : `/e/${emoji}.webp`;
input = input.replace(old, `<span class="pat-preview ${mirroredClass}" data-bs-toggle="tooltip"><img src="/i/hand.webp"><img class="${emojiClass}" src="${url}"></span>`);
input = input.replace(old, `<span class="pat-preview ${mirroredClass}" data-bs-toggle="tooltip"><img loading="lazy" src="/i/hand.webp"><img loading="lazy" class="${emojiClass}" src="${url}"></span>`);
} else {
input = input.replace(old, `<img class="${emojiClass} ${mirroredClass}" src="/e/${emoji}.webp">`);
input = input.replace(old, `<img loading="lazy" class="${emojiClass} ${mirroredClass}" src="/e/${emoji}.webp">`);
}
}
}

2
files/assets/offline.html
View File

File diff suppressed because one or more lines are too long

4
files/helpers/sanitize.py
View File

@ -174,10 +174,10 @@ def render_emoji(html, regexp, golden, marseys_used, b=False):
if emoji.endswith('pat') and emoji != 'marseyunpettablepat':
if path.isfile(f"files/assets/images/emojis/{emoji.replace('pat','')}.webp"):
emoji_html = f'<span data-bs-toggle="tooltip" alt=":{old}:" title=":{old}:"><img src="/i/hand.webp">{emoji_partial_pat.format(old, f"/e/{emoji[:-3]}.webp", attrs)}</span>'
emoji_html = f'<span data-bs-toggle="tooltip" alt=":{old}:" title=":{old}:"><img loading="lazy" src="/i/hand.webp">{emoji_partial_pat.format(old, f"/e/{emoji[:-3]}.webp", attrs)}</span>'
elif emoji.startswith('@'):
if u := get_user(emoji[1:-3], graceful=True):
emoji_html = f'<span data-bs-toggle="tooltip" alt=":{old}:" title=":{old}:"><img src="/i/hand.webp">{emoji_partial_pat.format(old, f"/pp/{u.id}", attrs)}</span>'
emoji_html = f'<span data-bs-toggle="tooltip" alt=":{old}:" title=":{old}:"><img loading="lazy" src="/i/hand.webp">{emoji_partial_pat.format(old, f"/pp/{u.id}", attrs)}</span>'
elif path.isfile(f'files/assets/images/emojis/{emoji}.webp'):
emoji_html = emoji_partial.format(old, f'/e/{emoji}.webp', attrs)

4
files/templates/app.html
View File

@ -11,9 +11,9 @@
{% endif %}
<div class="font-weight-bold mt-4 mb-2">First step:</div>
<img data-nonce="{{g.nonce}}" data-onclick="expandImage()" alt="First step" style="height:30vh" src="/i/{{SITE_NAME}}/app-{{type}}-1.webp">
<img loading="lazy" data-nonce="{{g.nonce}}" data-onclick="expandImage()" alt="First step" style="height:30vh" src="/i/{{SITE_NAME}}/app-{{type}}-1.webp">
<div class="font-weight-bold mt-4 mb-2">Second step:</div>
<img data-nonce="{{g.nonce}}" data-onclick="expandImage()" alt="Second step" style="height:30vh" src="/i/{{SITE_NAME}}/app-{{type}}-2.webp">
<img loading="lazy" data-nonce="{{g.nonce}}" data-onclick="expandImage()" alt="Second step" style="height:30vh" src="/i/{{SITE_NAME}}/app-{{type}}-2.webp">
</div>
{% endblock %}

4
files/templates/awards.html
View File

@ -3,7 +3,7 @@
<div class="stackable-container">
{% for i in range(min(p.award_count(award, v), 4)) %}
<div class="{{award}}">
<img alt="{{alt}}" src="{{src}}">
<img loading="lazy" alt="{{alt}}" src="{{src}}">
</div>
{% endfor %}
</div>
@ -34,7 +34,7 @@
{% if p.award_count("ricardo", v) %}
{% for i in range(min(p.award_count("ricardo", v), 3)) %}
<div class="ricardo ricardo{{i+1}}">
<img src="/i/ricardo{{i+1}}.webp">
<img loading="lazy" src="/i/ricardo{{i+1}}.webp">
</div>
{% endfor %}
{% endif %}

6
files/templates/casino/game_screen.html
View File

@ -42,13 +42,13 @@
<input type="radio" class="btn-check" name="wagerCurrency" autocomplete="off" id="wagerCoins"
value="coin" checked>
<label for="wagerCoins" class="btn btn-primary">
<img src="/i/rDrama/coins.webp?v=3009" alt="coin" width="32" data-bs-toggle="tooltip"
<img loading="lazy" src="/i/rDrama/coins.webp?v=3009" alt="coin" width="32" data-bs-toggle="tooltip"
data-bs-placement="bottom" title="Coin">
</label>
<input type="radio" class="btn-check ml-2" name="wagerCurrency" autocomplete="off" id="wagerMarseybux"
value="marseybux">
<label for="wagerMarseybux" class="btn btn-primary">
<img src="/i/marseybux.webp?v=2000" alt="marseybux" width="32" data-bs-toggle="tooltip"
<img loading="lazy" src="/i/marseybux.webp?v=2000" alt="marseybux" width="32" data-bs-toggle="tooltip"
data-bs-placement="bottom" title="Marseybux">
</label>
</div>
@ -81,7 +81,7 @@
{%- macro leaderboard(text, css_class, marsey, color) -%}
<div class="casino-game-leaderboard">
<div class="leaderboard-marsey-trophy">
<img class="leaderboard-marsey-trophy__marsey" src="/e/{{marsey}}.webp">
<img loading="lazy" class="leaderboard-marsey-trophy__marsey" src="/e/{{marsey}}.webp">
<i class="fas fa-trophy leaderboard-marsey-trophy__trophy" style="color: {{color}};"></i>
</div>
<div class="casino-game-leaderboard-info">

2
files/templates/casino/rehab.html
View File

@ -9,6 +9,6 @@
<div style="text-align: right; margin-bottom: 3rem;">
<h2>…but we’re here for you. You’ve been checked into Rehab.</h2>
</div>
<img src="/i/rDrama/brit.webp" style="text-align: center">
<img loading="lazy" src="/i/rDrama/brit.webp" style="text-align: center">
</div>
{% endblock %}

8
files/templates/casino/roulette_screen.html
View File

@ -19,17 +19,17 @@ Bets
<div class="roulette-bet-summary">
<div class="roulette-bet-summary--heading">
<div class="roulette-poker-chip">
<img src="/i/pokerchip.webp" width="40" height="40">
<img src="/e/marseycodecellove.webp" width="40" height="40">
<img loading="lazy" src="/i/pokerchip.webp" width="40" height="40">
<img loading="lazy" src="/e/marseycodecellove.webp" width="40" height="40">
</div>
<p>111 is betting 4 and 4:
</p>
</div>
<ul class="roulette-bet-summary--list">
<li>2 <img src="/i/rDrama/coins.webp?v=3009" alt="coin" width="32" data-bs-toggle="tooltip"
<li>2 <img loading="lazy" src="/i/rDrama/coins.webp?v=3009" alt="coin" width="32" data-bs-toggle="tooltip"
data-bs-placement="bottom" data-bs-original-title="Coin"> that
the number will be black.</li>
<li>2 <img src="/i/rDrama/coins.webp?v=3009" alt="coin" width="32" data-bs-toggle="tooltip"
<li>2 <img loading="lazy" src="/i/rDrama/coins.webp?v=3009" alt="coin" width="32" data-bs-toggle="tooltip"
data-bs-placement="bottom" data-bs-original-title="Coin"> that
the number will be even.</li>
</ul>

6
files/templates/casino/slots_screen.html
View File

@ -9,13 +9,13 @@
<div class="slots_reels">
<div class="slots_reel">
<img src="/i/rDrama/coins.webp?v=3009" alt="coin">
<img loading="lazy" src="/i/rDrama/coins.webp?v=3009" alt="coin">
</div>
<div class="slots_reel">
<img src="/i/rDrama/coins.webp?v=3009" alt="coin">
<img loading="lazy" src="/i/rDrama/coins.webp?v=3009" alt="coin">
</div>
<div class="slots_reel">
<img src="/i/rDrama/coins.webp?v=3009" alt="coin">
<img loading="lazy" src="/i/rDrama/coins.webp?v=3009" alt="coin">
</div>
</div>
{% endblock %}

2
files/templates/chat.html
View File

@ -25,7 +25,7 @@
{% macro chat_group_template(id, m) %}
<div class="chat-group">
<a class="font-weight-bold text-black userlink" target="_blank" {% if m %}style="color:#{{m['namecolor']}}" href="/@{{m['username']}}" {% endif %}><div class="avatar profile-pic-20-wrapper mr-1"><img class="avatar-pic pp20 mr-1" {% if m %}src="/pp/{{m['user_id']}}"{% endif %}><img class="avatar-hat profile-pic-20-hat hat" loading="lazy" {% if m %}src="{{m['hat']}}"{% endif %}></div>{% if m %}{{m['username']}}{% else %}NULL{% endif %}</a>
<a class="font-weight-bold text-black userlink" target="_blank" {% if m %}style="color:#{{m['namecolor']}}" href="/@{{m['username']}}" {% endif %}><div class="avatar profile-pic-20-wrapper mr-1"><img loading="lazy" class="avatar-pic pp20 mr-1" {% if m %}src="/pp/{{m['user_id']}}"{% endif %}><img class="avatar-hat profile-pic-20-hat hat" loading="lazy" {% if m %}src="{{m['hat']}}"{% endif %}></div>{% if m %}{{m['username']}}{% else %}NULL{% endif %}</a>
<span class="text-black time ml-1 mb-3 text-center">{% if m %}{{m['time'] | timestamp}}{% else %}just now{% endif %}</span>
<input hidden class="user_id" {% if m %}value="{{m['user_id']}}"{% endif %}>
{% endmacro %}

6
files/templates/errors/WPD/502.html
View File

@ -58,19 +58,19 @@
<body id="error-502">
<a href="/i/WPD/cached.webp?v=3009">
<img class="site-banner" alt="site banner" src="/i/WPD/cached.webp?v=3009" width="100%">
<img loading="lazy" class="site-banner" alt="site banner" src="/i/WPD/cached.webp?v=3009" width="100%">
</a>
<nav class="shadow-md fixed-top">
<div class="navbar navbar-expand-md navbar-light" id="navbar">
<div class="container-fluid p-0">
<a href="/" class="navbar-brand mr-auto">
<img id="header--icon" alt="header icon" src="/i/WPD/headericon.webp?v=3009">
<img loading="lazy" id="header--icon" alt="header icon" src="/i/WPD/headericon.webp?v=3009">
</a>
<div id="logo-container" class="flex-grow-1 logo-container">
<a href="/">
<img class="ml-1" id="logo" alt="logo" src="/i/WPD/logo.webp?v=3009" width="70">
<img loading="lazy" class="ml-1" id="logo" alt="logo" src="/i/WPD/logo.webp?v=3009" width="70">
</a>
</div>

6
files/templates/errors/rDrama/502.html
View File

@ -58,19 +58,19 @@
<body id="error-502">
<a rel="nofollow noopener" href="https://secure.transequality.org/site/Donation2?df_id=1480">
<img class="site-banner" alt="site banner" src="/i/rDrama/cached.webp?v=3009" width="100%">
<img loading="lazy" class="site-banner" alt="site banner" src="/i/rDrama/cached.webp?v=3009" width="100%">
</a>
<nav class="shadow-md fixed-top">
<div class="navbar navbar-expand-md navbar-light" id="navbar">
<div class="container-fluid p-0">
<a href="/" class="navbar-brand mr-auto">
<img id="header--icon" alt="header icon" src="/i/rDrama/headericon.webp?v=3009">
<img loading="lazy" id="header--icon" alt="header icon" src="/i/rDrama/headericon.webp?v=3009">
</a>
<div id="logo-container" class="flex-grow-1 logo-container">
<a href="/">
<img class="ml-1" id="logo" alt="logo" src="/i/rDrama/logo.webp?v=3009" width="70">
<img loading="lazy" class="ml-1" id="logo" alt="logo" src="/i/rDrama/logo.webp?v=3009" width="70">
</a>
</div>

2
files/templates/fistmas/awards.html
View File

@ -2,7 +2,7 @@
{% set gingerbread_count = p.award_count("gingerbread", v) * 2 if p.award_count("gingerbread", v) <= 10 else 20 %}
{% for i in range(gingerbread_count) %}
<div class="fall-snowflake">
<img src="/assets/fistmas/images/awards/gingerbread.webp?v=1" class="animate-spin object-contain" style="width: 40px; height: 40px;" alt="animate marsey gingerbread icon" />
<img loading="lazy" src="/assets/fistmas/images/awards/gingerbread.webp?v=1" class="animate-spin object-contain" style="width: 40px; height: 40px;" alt="animate marsey gingerbread icon" />
</div>
{% endfor %}

2
files/templates/fistmas/banner.html
View File

@ -4,7 +4,7 @@
<a rel="nofollow noopener noreferrer" href="https://www.youtube.com/watch?v=BuKft9LpL_0" style="text-decoration: none !important">
{% if SITE_NAME == 'rDrama' and range(1, 20)|random() == 1 %}
<img src="/assets/fistmas/images/banner_new.webp" style="width:100%" />
<img loading="lazy" src="/assets/fistmas/images/banner_new.webp" style="width:100%" />
{% else %}
<link rel="stylesheet" href="{{'fistmas/css/banner.css' | asset}}">
{% if SITE_NAME == 'rDrama' %}

4
files/templates/formatting.html
View File

@ -96,12 +96,12 @@ Text 2
<tr>
<td>Pat Emojis</td>
<td>:marseylovepat:</td>
<td><span alt=":marseylovepat:" data-bs-toggle="tooltip" title=":marseylovepat:"><img src="/i/hand.webp"><img alt=":marseylovepat:" b loading="lazy" pat src="/e/marseylove.webp"></span></td>
<td><span alt=":marseylovepat:" data-bs-toggle="tooltip" title=":marseylovepat:"><img loading="lazy" src="/i/hand.webp"><img alt=":marseylovepat:" b loading="lazy" pat src="/e/marseylove.webp"></span></td>
</tr>
<tr>
<td>Pat User</td>
<td>:@snappypat:</td>
<td><span alt=":@snappypat:" data-bs-toggle="tooltip" title=":@snappypat:"><img src="/i/hand.webp"><img alt=":@snappypat:" b loading="lazy" pat src="/pp/3"></span></td>
<td><span alt=":@snappypat:" data-bs-toggle="tooltip" title=":@snappypat:"><img loading="lazy" src="/i/hand.webp"><img alt=":@snappypat:" b loading="lazy" pat src="/pp/3"></span></td>
</tr>
<tr>
<td>Random Marsey</td>

2
files/templates/hats.html
View File

@ -21,7 +21,7 @@
</div>
<header class="container pb-1 text-center">
<img id="hats-banner" class="mt-5" alt="hats banner" src="/i/hats.webp?v=1" width="50%">
<img loading="lazy" id="hats-banner" class="mt-5" alt="hats banner" src="/i/hats.webp?v=1" width="50%">
<h5 class="mt-4">Number of hats you bought: {{v.num_of_owned_hats}}</h5>
<h5 class="mt-4">Number of hats you designed: {{v.num_of_designed_hats}}</h5>
<h5 class="mt-4">Coins you spent on hats: {{"{:,}".format(v.coins_spent_on_hats)}}</h5>

12
files/templates/header.html
View File

@ -24,7 +24,7 @@
{% else %}
{%- set VISITORS_HERE_FLAVOR = [
' incels currently stalking roasties',
' gooners currently edging to <img src="/e/marseycumjar3.webp" style="height:1.5em!important">',
' gooners currently edging to <img loading="lazy" src="/e/marseycumjar3.webp" style="height:1.5em!important">',
' fanboys currently obsessing over Carp',
' NEETs currently LDARmaxxing',
' valid women currently dilating',
@ -63,7 +63,7 @@
{% else %}
{% set icon_url = 'headericon.webp' | asset_siteimg %}
{% endif %}
<img id="header--icon" alt="header icon" {% if sub %}src="{{sub.marsey_url}}"{% else %}src="{{icon_url}}"{% endif %}>
<img loading="lazy" id="header--icon" alt="header icon" {% if sub %}src="{{sub.marsey_url}}"{% else %}src="{{icon_url}}"{% endif %}>
</a>
{% if sub %}
@ -72,9 +72,9 @@
<div id="logo-container" class="flex-grow-1 logo-container">
<a href="/">
{% if SITE_NAME == 'WPD' and IS_FISTMAS() %}
<img class="ml-1" id="logo-{{SITE_NAME}}" alt="logo" src="{{'icons-event/2022-christmas-logo.webp' | asset_siteimg}}" width="70">
<img loading="lazy" class="ml-1" id="logo-{{SITE_NAME}}" alt="logo" src="{{'icons-event/2022-christmas-logo.webp' | asset_siteimg}}" width="70">
{% else %}
<img class="ml-1" id="logo-{{SITE_NAME}}" alt="logo" src="{{'logo.webp' | asset_siteimg}}" width="70">
<img loading="lazy" class="ml-1" id="logo-{{SITE_NAME}}" alt="logo" src="{{'logo.webp' | asset_siteimg}}" width="70">
{% endif %}
</a>
</div>
@ -205,9 +205,9 @@
</div>
<div class="text-left pl-2">
<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>
<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"><span id="user-coins-amount">{{v.coins}}</span>{% if not FEATURES['MARSEYBUX'] %} Coin{{macros.plural(v.coins)}}{% endif %}</div>
<div class="header--currency"><img loading="lazy" alt="coins" class="mr-1 ml-1" data-bs-toggle="tooltip" data-bs-placement="bottom" src="{{'coins.webp' | asset_siteimg}}" title="Coins"><span id="user-coins-amount">{{v.coins}}</span>{% if not FEATURES['MARSEYBUX'] %} Coin{{macros.plural(v.coins)}}{% endif %}</div>
{% if FEATURES['MARSEYBUX'] %}
<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"><span id="user-bux-amount">{{v.marseybux}}</span></div>
<div class="header--currency"><img loading="lazy" alt="marseybux" class="mr-1 ml-1" data-bs-toggle="tooltip" data-bs-placement="bottom" src="/i/marseybux.webp?v=2000" title="Marseybux"><span id="user-bux-amount">{{v.marseybux}}</span></div>
{% endif %}
</div>
</div>

4
files/templates/log.html
View File

@ -34,11 +34,11 @@
<div class="dropdown dropdown-actions">
<button type="button" class="btn btn-secondary dropdown-toggle" id="dropdownMenuButton" data-bs-toggle="dropdown">
{% if admin %}<img src="/@{{admin}}/pic" alt="avatar" class="profile-pic-20 mr-2">{{admin}}{% else %}<img src="/e/marseyjanny.webp" alt="avatar" class="profile-pic-20 mr-2">All{% endif %}
{% if admin %}<img loading="lazy" src="/@{{admin}}/pic" alt="avatar" class="profile-pic-20 mr-2">{{admin}}{% else %}<img loading="lazy" src="/e/marseyjanny.webp" alt="avatar" class="profile-pic-20 mr-2">All{% endif %}
</button>
<div class="dropdown-menu" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(0px, 31px, 0px); max-height: 50vh;
overflow: auto;">
<a class="dropdown-item" href="/log{% if type %}?kind={{type}}{% endif %}"><img src="/e/marseyjanny.webp" alt="avatar" class="profile-pic-20 mr-2">All</a>
<a class="dropdown-item" href="/log{% if type %}?kind={{type}}{% endif %}"><img loading="lazy" src="/e/marseyjanny.webp" alt="avatar" class="profile-pic-20 mr-2">All</a>
{% for a in admins %}
<a class="dropdown-item" href="?{{single_user_url}}={{a}}{% if type %}&kind={{type}}{% endif %}"><img loading="lazy" src="/@{{a}}/pic" alt="avatar" class="profile-pic-20 mr-2">{{a}}</a>
{% endfor %}

4
files/templates/login/sign_up.html
View File

@ -27,7 +27,7 @@
{% block content %}
<div id="register-form">
{% if not ref_user and SITE_NAME == 'rDrama' and site_settings['login_required'] %}
<img id="logo" alt="logo" src="{{'logo.webp' | asset_siteimg}}" width=70>
<img loading="lazy" id="logo" alt="logo" src="{{'logo.webp' | asset_siteimg}}" width=70>
<hr>
<p class="text-muted text-justify mb-3" style="line-height: 1.2em">
Hiiiiii it’s your favorite user Carp! We’re currently on <span style="font-variant-caps: small-caps;">Login Required</span> mode for one of a few reasons:
@ -47,7 +47,7 @@
</p>
<hr>
{% elif not ref_user and SITE_NAME == 'WPD' and site_settings['login_required'] %}
<img id="logo" alt="logo" src="{{'logo.webp' | asset_siteimg}}" width=70>
<img loading="lazy" id="logo" alt="logo" src="{{'logo.webp' | asset_siteimg}}" width=70>
<hr>
<p class="text-muted text-justify mb-1" style="line-height: 1.2em">
<strong>Hi you!</strong> &mdash; <span style="font-variant-caps: small-caps;">watchpeopledie.tv</span> is currently doing our monthly 24(ish) hours* of "everyone needs to have an account" &mdash; sorry about that! But making an account is actually super easy. <strong>You don't even need an email address!</strong> Literally just pick a username, set a password, and that's that. Bam, done, like 8 seconds, tops.<br>

2
files/templates/lottery.html
View File

@ -5,7 +5,7 @@
<div style="margin-top: 5rem">
<div class="lottery-page--wrapper">
<div class="lottery-page--image">
<img src="/i/{{SITE_NAME}}/lottery.webp?v=2000">
<img loading="lazy" src="/i/{{SITE_NAME}}/lottery.webp?v=2000">
<img
id="lotteryTicketPulled"
src="/i/{{SITE_NAME}}/lottery_active.webp?v=2000"

2
files/templates/shop.html
View File

@ -25,7 +25,7 @@
</div>
<header class="container pb-1 text-center">
<img id="shop-banner" alt="shop banner" src="/i/shop.webp">
<img loading="lazy" id="shop-banner" alt="shop banner" src="/i/shop.webp">
<h3 class="mt-4">{{SHOP_FLAVOR}} Earn coins.</h5>
<h5 class="mt-4">Total sales: {{"{:,}".format(sales)}} coins</h5>
<h5 class="mt-4">Coins spent by you: {{"{:,}".format(v.coins_spent)}} coins</h5>

2
files/templates/submission.html
View File

@ -129,7 +129,7 @@
<div class="row no-gutters mb-4">
<div class="col">
<a {% if not v or v.newtabexternal %}target="_blank"{% endif %} rel="nofollow noopener" href="{{p.realurl(v)}}">
<img data-nonce="{{g.nonce}}" data-onclick="expandImage()" src="{{p.realurl(v)}}" class="img-fluid" style="max-height:500px" alt="Unable to load image">
<img loading="lazy" data-nonce="{{g.nonce}}" data-onclick="expandImage()" src="{{p.realurl(v)}}" class="img-fluid" style="max-height:500px" alt="Unable to load image">
</a>
</div>
</div>

10
files/templates/userpage/banner.html
View File

@ -69,11 +69,11 @@
<div class="font-weight-bolder">
<span id="profile-coins-amount">{{u.coins}}</span>
<img alt="coins" class="ml-1 mb-1 mr-2" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Coins" height="20" src="{{'coins.webp' | asset_siteimg}}">
<img loading="lazy" alt="coins" class="ml-1 mb-1 mr-2" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Coins" height="20" src="{{'coins.webp' | asset_siteimg}}">
{% if FEATURES['MARSEYBUX'] %}
<span id="profile-bux-amount">{{u.marseybux}}</span>
<img alt="marseybux" class="ml-1 mb-1 mr-2" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Marseybux" height="20" width="46" src="/i/marseybux.webp?v=2000">
<img loading="lazy" alt="marseybux" class="ml-1 mb-1 mr-2" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Marseybux" height="20" width="46" src="/i/marseybux.webp?v=2000">
{% endif %}
{% if PERMS['USER_FOLLOWS_VISIBLE'] == 0 or (v and v.admin_level >= PERMS['USER_FOLLOWS_VISIBLE']) -%}
@ -273,7 +273,7 @@
<div class="row">
<div class="col px-0">
<a rel="nofollow noopener" href="{{u.banner_url}}">
<img alt="@{{u.username}}'s banner" data-nonce="{{g.nonce}}" data-onclick="expandImage()" src="{{u.banner_url}}" width=100% style="object-fit:cover;max-height:30vh!important">
<img loading="lazy" alt="@{{u.username}}'s banner" data-nonce="{{g.nonce}}" data-onclick="expandImage()" src="{{u.banner_url}}" width=100% style="object-fit:cover;max-height:30vh!important">
</a>
</div>
</div>
@ -334,11 +334,11 @@
<div class="font-weight-normal">
<span id="profile-coins-amount-mobile" class="font-weight-bold">{{u.coins}}</span>
<img alt="coins" class="ml-1 mb-1 mr-2" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Coins" height="15" src="{{'coins.webp' | asset_siteimg}}">
<img loading="lazy" alt="coins" class="ml-1 mb-1 mr-2" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Coins" height="15" src="{{'coins.webp' | asset_siteimg}}">
{% if FEATURES['MARSEYBUX'] %}
<span id="profile-bux-amount-mobile" class="font-weight-bold">{{u.marseybux}}</span>
<img alt="marseybux" class="ml-1 mb-1 mr-2" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Marseybux" height="15" width="35" src="/i/marseybux.webp?v=2000">
<img loading="lazy" alt="marseybux" class="ml-1 mb-1 mr-2" data-bs-toggle="tooltip" data-bs-placement="bottom" title="Marseybux" height="15" width="35" src="/i/marseybux.webp?v=2000">
{% endif %}
{% if PERMS['USER_FOLLOWS_VISIBLE'] == 0 or (v and v.admin_level >= PERMS['USER_FOLLOWS_VISIBLE']) -%}

2
files/templates/util/macros.html
View File

@ -6,7 +6,7 @@
{%- macro banner(src, href, alt, expand, class) %}
<a href="{{href|default(src)}}" rel="nofollow noopener">
<img data-nonce="{{g.nonce}}" data-onclick="{{expand|default('expandImage()')}}" class="{{class|default('site-banner')}}" alt="{{alt|default('site banner')}}" src="{{src|default(live_banner())}}">
<img loading="lazy" data-nonce="{{g.nonce}}" data-onclick="{{expand|default('expandImage()')}}" class="{{class|default('site-banner')}}" alt="{{alt|default('site banner')}}" src="{{src|default(live_banner())}}">
</a>
{% endmacro -%}