Template changes to better support non-CSS graphical browsers

Currently, I'm testing this in Dillo, but I want to have it working in
Netscape 3 on Mac System 7.
This commit is contained in:
Jason McBrayer 2023-10-29 13:55:21 -04:00
parent 81a7356988
commit a45dbc13a0
13 changed files with 36 additions and 20 deletions

View File

@ -2,7 +2,8 @@
<figure class="media-left"> <figure class="media-left">
<p class="image is-64x64"> <p class="image is-64x64">
<img src="{{ account.user.avatar_static }}" <img src="{{ account.user.avatar_static }}"
alt="{{ account.user.acct }}"> alt="{{ account.user.acct }}"
height="64" width="64">
</p> </p>
</figure> </figure>
<div class="media-content"> <div class="media-content">

View File

@ -82,9 +82,13 @@
{% if own_acct %} {% if own_acct %}
<img src="{{ own_acct.avatar_static }}" <img src="{{ own_acct.avatar_static }}"
class="image is-32x32 avatar" class="image is-32x32 avatar"
height="32" width="32"
alt="Brutaldon ('{{ own_acct.username }}')"> alt="Brutaldon ('{{ own_acct.username }}')">
{% else %} {% else %}
<img loading="lazy" src="{% static "images/brutaldon.png" %}" <img loading="lazy"
height="32"
width="32"
src="{% static "images/brutaldon.png" %}"
class="image is-32x32" alt="Brutaldon"> class="image is-32x32" alt="Brutaldon">
{% endif %} {% endif %}
</a> </a>

View File

@ -15,7 +15,8 @@
<figure class="media-left"> <figure class="media-left">
<p class="image is-64x64"> <p class="image is-64x64">
<a href="{% url "user" user.acct %}"> <a href="{% url "user" user.acct %}">
<img src="{{ user.avatar }}" <img src="{{ user.avatar }}"
height="64" width="64"
alt=""> alt="">
</a> </a>
</p> </p>

View File

@ -17,7 +17,8 @@
<figure class="media-left"> <figure class="media-left">
<p class="image is-64x64"> <p class="image is-64x64">
<a href="{% url "user" user.acct %}"> <a href="{% url "user" user.acct %}">
<img src="{{ user.avatar }}" <img src="{{ user.avatar }}"
height="64" width="64"
alt=""> alt="">
</a> </a>
</p> </p>

View File

@ -15,7 +15,8 @@
<figure class="media-left"> <figure class="media-left">
<p class="image is-64x64"> <p class="image is-64x64">
<a href="{% url "user" user.acct %}"> <a href="{% url "user" user.acct %}">
<img src="{{ user.avatar }}" <img src="{{ user.avatar }}"
height="64" width="64"
alt=""> alt="">
</a> </a>
</p> </p>

View File

@ -83,7 +83,8 @@ mastodon.notifications()[0]
<article class="media"> <article class="media">
<figure class="media-left"> <figure class="media-left">
<p class="image is-64x64"> <p class="image is-64x64">
<img src="{{ note.account.avatar_static }}" alt=""> <img src="{{ note.account.avatar_static }}" alt=""
height="64" width="64">
</p> </p>
</figure> </figure>
<div class="media-content" > <div class="media-content" >

View File

@ -30,7 +30,8 @@
<div class="field has-addons"> <div class="field has-addons">
<div class="control level is-mobile"> <div class="control level is-mobile">
<a href="{% url "user" own_acct.acct %}" class="image avatar is-48x48 level-item"> <a href="{% url "user" own_acct.acct %}" class="image avatar is-48x48 level-item">
<img src="{{ own_acct.avatar_static }}" alt="[{{ own_acct.acct }}]"> <img src="{{ own_acct.avatar_static }}" alt="[{{ own_acct.acct }}]"
height="48" width="48">
</a> </a>
<input type="submit" class="button is-primary level-item" <input type="submit" class="button is-primary level-item"
name="toot" value="Toot"> name="toot" value="Toot">

View File

@ -125,7 +125,8 @@
<div class="field has-addons"> <div class="field has-addons">
<div class="control level is-mobile"> <div class="control level is-mobile">
<a href="{% url "user" own_acct.acct %}" class="image avatar is-48x48 level-item" > <a href="{% url "user" own_acct.acct %}" class="image avatar is-48x48 level-item" >
<img src="{{ own_acct.avatar_static }}" alt="[{{ own_acct.acct }}]"> <img src="{{ own_acct.avatar_static }}" alt="[{{ own_acct.acct }}]"
height="48" width="48">
</a> </a>
<input type="submit" class="button is-primary level-item" <input type="submit" class="button is-primary level-item"
name="toot" value="Toot"> name="toot" value="Toot">

View File

@ -46,7 +46,8 @@ mastodon.search("<query>")
<p class="image is-64x64"> <p class="image is-64x64">
<a href="{% url "user" user.acct %}"> <a href="{% url "user" user.acct %}">
<img src="{{ user.avatar }}" <img src="{{ user.avatar }}"
alt=""> alt=""
height="64" width="64">
</a> </a>
</p> </p>
</figure> </figure>

View File

@ -12,18 +12,20 @@
{% endif %} {% endif %}
<figure class="media-left"> <figure class="media-left">
<p class="image is-64x64 account-avatar"> <div class="image is-64x64 account-avatar">
<a href="{% url "user" toot.account.acct %}"> <a href="{% url "user" toot.account.acct %}">
<img loading="auto" src="{{ toot.account.avatar_static }}" <img loading="auto" src="{{ toot.account.avatar_static }}"
alt=""> height="64" width="64" float="left"
alt="">
</a> </a>
</p> </div>
{% if reblog %} {% if reblog %}
<p class="image is-32x32 reblog-icon" > <div class="image is-32x32 reblog-icon">
<a href="{% url "user" reblog_by %}"> <a href="{% url "user" reblog_by %}">
<img loading="auto" src ="{{ reblog_icon }}" alt=""> <img loading="auto" src ="{{ reblog_icon }}" alt=""
height="32" width="32">
</a> </a>
</p> </div>
{% endif %} {% endif %}
</figure> </figure>
<div class="media-content"> <div class="media-content">

View File

@ -21,7 +21,8 @@ Brutaldon ({{ own_acct.username }}) - {{ user.acct }} timelime
</a> </a>
</div> </div>
<figure class="image is-96x96 card-header-icon"> <figure class="image is-96x96 card-header-icon">
<img src="{{ user.avatar }}" alt="Avatar"> <img src="{{ user.avatar }}" alt="Avatar"
height="96" width="96">
{% if user.locked %} {% if user.locked %}
<span class="fa fa-lock account-locked"> <span class="fa fa-lock account-locked">
<span class="is-hidden">Private</span> <span class="is-hidden">Private</span>

View File

@ -2,7 +2,8 @@
<figure class="media-left"> <figure class="media-left">
<p class="image is-64x64"> <p class="image is-64x64">
<img src="{{ request.avatar_static }}" <img src="{{ request.avatar_static }}"
alt="{{ request.acct }}"> alt="{{ request.acct }}"
height="64" width="64">
</p> </p>
</figure> </figure>
<div class="media-content"> <div class="media-content">

View File

@ -86,7 +86,7 @@ def fix_emojos(value, emojos):
try: try:
value = value.replace( value = value.replace(
":%(shortcode)s:" % emojo, ":%(shortcode)s:" % emojo,
'<img src="%(url)s" title=":%(shortcode)s:" alt=":%(shortcode)s:" class="emoji">' '<img src="%(url)s" title=":%(shortcode)s:" alt=":%(shortcode)s:" class="emoji" height="24" width="24">'
% emojo, % emojo,
) )
except: except: