forked from rDrama/rDrama
lazy loading for hats
parent
946430a766
commit
d4435a2a27
|
@ -208,7 +208,7 @@
|
|||
<div class="profile-pic-30-wrapper">
|
||||
<img loading="lazy" src="{{c.author.profile_url}}" class="profile-pic-30 mr-2">
|
||||
{% if c.author.hat_active -%}
|
||||
<img class="profile-pic-30-hat" src="/i/hats/{{c.author.hat_active}}.webp" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{c.author.hat_tooltip}}">
|
||||
<img class="profile-pic-30-hat" loading="lazy" src="/i/hats/{{c.author.hat_active}}.webp" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{c.author.hat_tooltip}}">
|
||||
{%- endif %}
|
||||
</div>
|
||||
<span {% if c.author.patron and not c.distinguish_level %}class="patron" style="background-color:#{{c.author.namecolor}};"{% elif c.distinguish_level %}class="mod"{% endif %}>{{c.author_name}}</span>
|
||||
|
|
|
@ -203,7 +203,7 @@
|
|||
<div class="profile-pic-35-wrapper">
|
||||
<img loading="lazy" src="{{v.profile_url}}" class="profile-pic-35">
|
||||
{% if v.hat_active -%}
|
||||
<img class="profile-pic-35-hat" src="/i/hats/{{v.hat_active}}.webp" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{v.hat_tooltip}}">
|
||||
<img class="profile-pic-35-hat" loading="lazy" src="/i/hats/{{v.hat_active}}.webp" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{v.hat_tooltip}}">
|
||||
{%- endif %}
|
||||
</div>
|
||||
<div class="text-left pl-2">
|
||||
|
|
|
@ -673,7 +673,7 @@
|
|||
<div class="profile-pic-30-wrapper">
|
||||
<img loading="lazy" src="{{p.author.profile_url}}" class="profile-pic-30 mr-2">
|
||||
{% if p.author.hat_active -%}
|
||||
<img class="profile-pic-30-hat" src="/i/hats/{{p.author.hat_active}}.webp" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{p.author.hat_tooltip}}">
|
||||
<img class="profile-pic-30-hat" loading="lazy" src="/i/hats/{{p.author.hat_active}}.webp" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{p.author.hat_tooltip}}">
|
||||
{%- endif %}
|
||||
</div>
|
||||
<span {% if p.author.patron and not p.distinguish_level %}class="patron" style="background-color:#{{p.author.namecolor}};"{% elif p.distinguish_level %}class="mod"{% endif %}>{{p.author_name}}</span>
|
||||
|
|
|
@ -209,7 +209,7 @@
|
|||
<div class="profile-pic-30-wrapper">
|
||||
<img loading="lazy" src="{{p.author.profile_url}}" class="profile-pic-30 mr-2">
|
||||
{% if p.author.hat_active -%}
|
||||
<img class="profile-pic-30-hat" src="/i/hats/{{p.author.hat_active}}.webp" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{p.author.hat_tooltip}}">
|
||||
<img class="profile-pic-30-hat" loading="lazy" src="/i/hats/{{p.author.hat_active}}.webp" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{p.author.hat_tooltip}}">
|
||||
{%- endif %}
|
||||
</div>
|
||||
<span {% if p.author.patron and not p.distinguish_level %}class="patron" style="background-color:#{{p.author.namecolor}};"{% elif p.distinguish_level %}class="mod"{% endif %}>{{p.author_name}}</span>
|
||||
|
|
|
@ -42,7 +42,7 @@
|
|||
<a rel="nofollow noopener noreferrer" href="{% if u.highres %}{{u.highres}}{% else %}{{u.profile_url}}{% endif %}" class="profile-pic-100-wrapper">
|
||||
<img loading="lazy" src="{{u.profile_url}}" class="profile-pic profile-pic-100 mb-5">
|
||||
{% if u.hat_active -%}
|
||||
<img class="profile-pic-100-hat" src="/i/hats/{{u.hat_active}}.webp" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{u.hat_tooltip}}">
|
||||
<img class="profile-pic-100-hat" loading="lazy" src="/i/hats/{{u.hat_active}}.webp" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{u.hat_tooltip}}">
|
||||
{%- endif %}
|
||||
</a>
|
||||
</div>
|
||||
|
@ -397,7 +397,7 @@
|
|||
<a rel="nofollow noopener noreferrer" href="{% if u.highres %}{{u.highres}}{% else %}{{u.profile_url}}{% endif %}" class="profile-pic-65-wrapper">
|
||||
<img loading="lazy" src="{{u.profile_url}}" class="profile-pic-65 bg-white border-2 border-white mb-2">
|
||||
{% if u.hat_active -%}
|
||||
<img class="profile-pic-65-hat" src="/i/hats/{{u.hat_active}}.webp" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{u.hat_tooltip}}">
|
||||
<img class="profile-pic-65-hat" loading="lazy" src="/i/hats/{{u.hat_active}}.webp" data-bs-toggle="tooltip" data-bs-placement="bottom" title="{{u.hat_tooltip}}">
|
||||
{%- endif %}
|
||||
</a>
|
||||
</div>
|
||||
|
|
Loading…
Reference in New Issue