Enhance character profile component with responsive image handling and navigation button

2025-03-20 13:27:27 +01:00
parent c518cbf550
commit 60e0818b6d
4 changed files with 20 additions and 5 deletions
--- a/_layouts/character-sheet.html
+++ b/_layouts/character-sheet.html
@@ -5,7 +5,7 @@ layout: page
 <div class="row">
  {% if page.image %}
  <div class="col s6 m4 l1 responsive-img">
-    <img src="{{ page.image | relative_url }}" />
+    <img class="responsive-img" src="{{ page.image | relative_url }}" alt="Picture of {{ page.title }}" />
  </div>
  {% endif %}
  <div class="bg-dark fg-yellow cyber-tile col {% if page.image %}s6 m8 l11{% else %}s12 m12 l12{% endif %}">