v0.3.0 - Polish: accessibility, security, performance, RTL, French translation

Co-Authored-By: Claude <noreply@anthropic.com>

views/pages/hero.html.twig

@@ -5,7 +5,7 @@
 {% block content %}
 <section class="bg-primary text-white py-5 mb-5{% if post.thumbnail %} position-relative overflow-hidden{% endif %}">
     {% if post.thumbnail %}
-        <div class="position-absolute top-0 start-0 w-100 h-100" style="background: url('{{ post.thumbnail }}') center/cover no-repeat; opacity: 0.3;"></div>
+        <div class="hero-overlay position-absolute top-0 start-0 w-100 h-100" style="background-image: url('{{ post.thumbnail|e('html_attr') }}');"></div>
     {% endif %}
     <div class="container position-relative py-5 text-center">
         <h1 class="display-4 fw-bold">{{ post.title }}</h1>

views/pages/search.html.twig

@@ -3,7 +3,7 @@
 {% block content %}
 <div class="container">
     <h1 class="mb-4">
-        {{ __('Search results for: %s')|format('<em>' ~ search_query ~ '</em>')|raw }}
+        {{ __('Search results for: %s')|format('<em>' ~ search_query|e('html') ~ '</em>')|raw }}
     </h1>
 
     {% include 'partials/search-form.html.twig' %}

views/pages/single.html.twig

@@ -10,9 +10,9 @@
 
         {% if post.thumbnail %}
             <figure class="mb-4">
-                <img src="{{ post.thumbnail }}" class="img-fluid rounded"
+                <img src="{{ post.thumbnail }}" class="img-fluid rounded post-thumbnail"
                      alt="{{ post.title|e('html_attr') }}"
-                     style="aspect-ratio: 16/9; object-fit: cover; width: 100%;">
+                     loading="lazy">
             </figure>
         {% endif %}