fix button words

templates/partials/_page_sections.html

@@ -17,6 +17,23 @@
       {% if section.subtitle %}<p class="page-hero-subtitle">{{ section.subtitle }}</p>{% endif %}
       {% if section.content %}<div class="rich-content page-hero-body" data-readmore="160">{{ section.rendered_content }}</div>{% endif %}
     </div>
+    {% with items=section.items.all %}
+    {% if items %}
+    <div class="about-screenshots-grid about-hero-gallery">
+      {% for item in items %}
+      {% if item.image %}
+      {% if item.is_featured %}
+      {% include "partials/_linked_card_open.html" with url=item.url card_class="screenshot-item fade-in screenshot-item--featured" %}
+      {% else %}
+      {% include "partials/_linked_card_open.html" with url=item.url card_class="screenshot-item fade-in" %}
+      {% endif %}
+        <img src="{{ item.image.url }}" alt="{{ item.image_alt|default:item.title }}" loading="lazy" />
+      {% include "partials/_linked_card_close.html" with url=item.url %}
+      {% endif %}
+      {% endfor %}
+    </div>
+    {% endif %}
+    {% endwith %}
   </div>
 </section>
 
@@ -31,6 +48,19 @@
         {% endif %}
       </div>
     </div>
+    {% with items=section.items.all %}
+    {% if items %}
+    <div class="standards-grid" style="margin-top: 1.5rem;">
+      {% for item in items %}
+      {% if item.is_featured and item.image %}
+      {% else %}
+      {% include "partials/_standard_item_card.html" with item=item %}
+      {% endif %}
+      {% endfor %}
+    </div>
+    {% include "partials/_section_featured_screenshots.html" with items=items %}
+    {% endif %}
+    {% endwith %}
   </div>
 </section>
 
@@ -48,13 +78,13 @@
     {% if items %}
     <div class="standards-grid">
       {% for item in items %}
-      {% include "partials/_linked_card_open.html" with url=item.url card_class="standard-card" %}
-        {% if item.badge %}<div class="standard-badge">{{ item.badge }}</div>{% endif %}
-        {% if item.title %}<h3 class="standard-title">{{ item.title }}</h3>{% endif %}
-        {% if item.content %}<p class="standard-desc" data-readmore="88">{{ item.content }}</p>{% endif %}
-      {% include "partials/_linked_card_close.html" with url=item.url %}
+      {% if item.is_featured and item.image %}
+      {% else %}
+      {% include "partials/_standard_item_card.html" with item=item %}
+      {% endif %}
       {% endfor %}
     </div>
+    {% include "partials/_section_featured_screenshots.html" with items=items %}
     {% endif %}
     {% endwith %}
   </div>
@@ -64,27 +94,35 @@
 <section class="section" aria-labelledby="history-{{ section.pk }}-heading">
   <div class="container">
     <div class="history-block glass-card fade-in">
+      {% with links=section.items.all %}
       <div class="history-content">
         {% if section.badge %}<div class="section-badge">{{ section.badge }}</div>{% endif %}
         {% if section.title %}<h2 id="history-{{ section.pk }}-heading">{{ section.title }}</h2>{% endif %}
         {% if section.content %}<div class="rich-content" data-readmore="200">{{ section.rendered_content }}</div>{% endif %}
-        {% with links=section.items.all %}
         {% if links %}
         <div class="history-links">
           {% for link in links %}
           {% if link.url %}
-          <a href="{{ link.url }}" class="btn-ghost" target="_blank" rel="noopener noreferrer">{{ link.title }}</a>
+          <a href="{{ link.url }}" class="btn-ghost" target="_blank" rel="noopener noreferrer">
+            {% if link.icon %}<span class="history-link-icon" aria-hidden="true">{{ link.icon }}</span>{% endif %}
+            {{ link.title }}
+          </a>
           {% endif %}
           {% endfor %}
         </div>
         {% endif %}
-        {% endwith %}
       </div>
       <div class="history-visual" aria-hidden="true">
         <div class="history-blob history-blob--1"></div>
         <div class="history-blob history-blob--2"></div>
+        {% for link in links %}
+        {% if link.image %}
+        <img src="{{ link.image.url }}" alt="{{ link.image_alt|default:link.title }}" class="history-visual-image" loading="lazy" />
+        {% endif %}
+        {% endfor %}
         {% if section.subtitle %}<div class="history-year">{{ section.subtitle }}</div>{% endif %}
       </div>
+      {% endwith %}
     </div>
   </div>
 </section>
@@ -107,13 +145,13 @@
     {% if items %}
     <div class="standards-grid" style="margin-top: 1.5rem;">
       {% for item in items %}
-      {% include "partials/_linked_card_open.html" with url=item.url card_class="standard-card" %}
-        {% if item.badge %}<div class="standard-badge">{{ item.badge }}</div>{% endif %}
-        {% if item.title %}<h3 class="standard-title">{{ item.title }}</h3>{% endif %}
-        {% if item.content %}<p class="standard-desc" data-readmore="88">{{ item.content }}</p>{% endif %}
-      {% include "partials/_linked_card_close.html" with url=item.url %}
+      {% if item.is_featured and item.image %}
+      {% else %}
+      {% include "partials/_standard_item_card.html" with item=item %}
+      {% endif %}
       {% endfor %}
     </div>
+    {% include "partials/_section_featured_screenshots.html" with items=items %}
     {% endif %}
     {% endwith %}
   </div>
@@ -125,7 +163,7 @@
     <div class="section-header">
       {% if section.badge %}<div class="section-badge">{{ section.badge }}</div>{% endif %}
       {% if section.title %}<h2 class="section-title" id="features-heading-{{ section.pk }}">{{ section.title }}</h2>{% endif %}
-      {% if section.description %}<p class="section-desc">{{ section.description }}</p>{% endif %}
+      {% if section.description %}<p class="section-desc">{{ section.description }}</p>{% elif section.content %}<div class="rich-content section-desc">{{ section.rendered_content }}</div>{% endif %}
     </div>
     <div class="features-grid">
       {% for item in section.items.all %}
@@ -145,7 +183,7 @@
     <div class="section-header">
       {% if section.badge %}<div class="section-badge">{{ section.badge }}</div>{% endif %}
       {% if section.title %}<h2 class="section-title" id="screenshots-heading-{{ section.pk }}">{{ section.title }}</h2>{% endif %}
-      {% if section.description %}<p class="section-desc">{{ section.description }}</p>{% endif %}
+      {% if section.description %}<p class="section-desc">{{ section.description }}</p>{% elif section.content %}<div class="rich-content section-desc">{{ section.rendered_content }}</div>{% endif %}
     </div>
     <div class="screenshots-grid">
       {% for item in section.items.all %}
@@ -179,7 +217,7 @@
     <div class="section-header">
       {% if section.badge %}<div class="section-badge">{{ section.badge }}</div>{% endif %}
       {% if section.title %}<h2 class="section-title" id="products-heading-{{ section.pk }}">{{ section.title }}</h2>{% endif %}
-      {% if section.description %}<p class="section-desc">{{ section.description }}</p>{% endif %}
+      {% if section.description %}<p class="section-desc">{{ section.description }}</p>{% elif section.content %}<div class="rich-content section-desc">{{ section.rendered_content }}</div>{% endif %}
     </div>
     <div class="products-grid">
       {% for product in homepage_products %}
@@ -213,7 +251,7 @@
     <div class="section-header">
       {% if section.badge %}<div class="section-badge">{{ section.badge }}</div>{% endif %}
       {% if section.title %}<h2 class="section-title" id="products-catalog-heading-{{ section.pk }}">{{ section.title }}</h2>{% endif %}
-      {% if section.description %}<p class="section-desc">{{ section.description }}</p>{% endif %}
+      {% if section.description %}<p class="section-desc">{{ section.description }}</p>{% elif section.content %}<div class="rich-content section-desc">{{ section.rendered_content }}</div>{% endif %}
     </div>
     <div class="products-overview-grid">
       {% for product in homepage_products_catalog %}
@@ -259,7 +297,7 @@
     <div class="section-header">
       {% if section.badge %}<div class="section-badge">{{ section.badge }}</div>{% endif %}
       {% if section.title %}<h2 class="section-title" id="problems-heading-{{ section.pk }}">{{ section.title }}</h2>{% endif %}
-      {% if section.description %}<p class="section-desc">{{ section.description }}</p>{% endif %}
+      {% if section.description %}<p class="section-desc">{{ section.description }}</p>{% elif section.content %}<div class="rich-content section-desc">{{ section.rendered_content }}</div>{% endif %}
     </div>
     <div class="problems-grid">
       {% for item in section.items.all %}
@@ -279,7 +317,7 @@
     <div class="section-header">
       {% if section.badge %}<div class="section-badge">{{ section.badge }}</div>{% endif %}
       {% if section.title %}<h2 class="section-title" id="supporters-heading-{{ section.pk }}">{{ section.title }}</h2>{% endif %}
-      {% if section.description %}<p class="section-desc">{{ section.description }}</p>{% endif %}
+      {% if section.description %}<p class="section-desc">{{ section.description }}</p>{% elif section.content %}<div class="rich-content section-desc">{{ section.rendered_content }}</div>{% endif %}
     </div>
     <div class="supporters-grid">
       {% for item in section.items.all %}