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.

brutaldon/templates/accounts/account_partial.html

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

brutaldon/templates/base.html

@@ -82,9 +82,13 @@
                     {% if own_acct %}
                     <img src="{{ own_acct.avatar_static }}"
                          class="image is-32x32 avatar"
+                         height="32" width="32"
                          alt="Brutaldon ('{{ own_acct.username }}')">
                     {% 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">
                     {% endif %}
                 </a>

brutaldon/templates/main/block.html

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

brutaldon/templates/main/follow.html

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

brutaldon/templates/main/mute.html

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

brutaldon/templates/main/notifications.html

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

brutaldon/templates/main/post_minimal_partial.html

@@ -30,7 +30,8 @@
     <div class="field has-addons">
         <div class="control  level is-mobile">
             <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>
             <input type="submit" class="button is-primary level-item"
                    name="toot" value="Toot">

brutaldon/templates/main/post_partial.html

@@ -125,7 +125,8 @@
 <div class="field has-addons">
     <div class="control level is-mobile">
         <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>
         <input type="submit" class="button is-primary level-item"
                name="toot" value="Toot">

brutaldon/templates/main/search_results.html

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

brutaldon/templates/main/toot_partial.html

@@ -12,18 +12,20 @@
         {% endif %}
 
         <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 %}">
                 <img loading="auto" src="{{ toot.account.avatar_static }}"
+                     height="64" width="64" float="left"
                      alt="">
                 </a>
-            </p>
+            </div>
             {% if reblog %}
-            <p class="image is-32x32 reblog-icon" >
+            <div class="image is-32x32 reblog-icon">
                 <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>
-            </p>
+            </div>
             {% endif %}
         </figure>
         <div class="media-content">

brutaldon/templates/main/user.html

@@ -21,7 +21,8 @@ Brutaldon ({{ own_acct.username }}) - {{ user.acct }} timelime
                 </a>
             </div>
             <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 %}
                     <span class="fa fa-lock account-locked">
                         <span class="is-hidden">Private</span>

brutaldon/templates/requests/request_partial.html

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

brutaldon/templatetags/taglinks.py

@@ -86,7 +86,7 @@ def fix_emojos(value, emojos):
         try:
             value = value.replace(
                 ":%(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,
             )
         except: