Update Flux v0.23

public/css/app.css

@@ -224,6 +224,23 @@ h1, h2, h3 {
     color: var(--accent-contrast);
 }
 
+@media (max-width: 640px) {
+    .navbar {
+        padding: 12px 16px;
+    }
+
+    .navbar-links {
+        gap: 8px;
+        flex-wrap: wrap;
+        justify-content: flex-end;
+        row-gap: 6px;
+    }
+
+    .nav-self-hosting {
+        display: none;
+    }
+}
+
 /* ---------- Coquilles de mise en page ---------- */
 
 .app-shell {
@@ -393,7 +410,7 @@ h1, h2, h3 {
 }
 
 .hero h1 {
-    font-size: var(--font-3xl);
+    font-size: clamp(1.9rem, 5vw + 1rem, var(--font-3xl));
     margin-bottom: var(--space-4);
     background: var(--gradient-text);
     background-size: 200% auto;
@@ -673,8 +690,13 @@ h1, h2, h3 {
 }
 
 @media (max-width: 900px) {
+    .hero {
+        padding: var(--space-6) var(--space-4) var(--space-6);
+    }
+
     .hero-grid {
         grid-template-columns: 1fr;
+        gap: var(--space-6);
     }
 
     .hero-inner {
@@ -694,6 +716,27 @@ h1, h2, h3 {
     .hero-float-icon {
         display: none;
     }
+
+    .hero-cta .btn {
+        flex: 1 1 auto;
+    }
+}
+
+@media (max-width: 480px) {
+    .hero-cta {
+        flex-direction: column;
+        align-items: stretch;
+    }
+
+    .trust-badge {
+        font-size: 11px;
+        padding: 6px 10px;
+    }
+
+    .screenshot-thumb {
+        width: 60px;
+        height: 40px;
+    }
 }
 
 /* ---------- Page docs / self-hosting ---------- */

resources/views/catalog.blade.php

@@ -23,7 +23,18 @@
         @php($languageNames = [
             'fr' => 'Français', 'en' => 'English', 'es' => 'Español', 'de' => 'Deutsch',
             'it' => 'Italiano', 'pt' => 'Português', 'nl' => 'Nederlands', 'ja' => '日本語',
-            'ru' => 'Русский', 'pl' => 'Polski', 'sv' => 'Svenska',
+            'ru' => 'Русский', 'pl' => 'Polski', 'sv' => 'Svenska', 'zh' => '中文',
+            'ko' => '한국어', 'ar' => 'العربية', 'tr' => 'Türkçe', 'hi' => 'हिन्दी',
+            'no' => 'Norsk', 'da' => 'Dansk', 'fi' => 'Suomi', 'cs' => 'Čeština',
+            'el' => 'Ελληνικά', 'he' => 'עברית', 'uk' => 'Українська', 'ro' => 'Română',
+            'hu' => 'Magyar', 'id' => 'Bahasa Indonesia', 'vi' => 'Tiếng Việt', 'th' => 'ไทย',
+            'sk' => 'Slovenčina', 'bg' => 'Български', 'hr' => 'Hrvatski', 'lt' => 'Lietuvių',
+            'lv' => 'Latviešu', 'et' => 'Eesti', 'sr' => 'Српски', 'ca' => 'Català',
+            'fa' => 'فارسی', 'sw' => 'Kiswahili', 'ur' => 'اردو', 'bn' => 'বাংলা',
+            'ne' => 'नेपाली', 'ps' => 'پښتو', 'so' => 'Soomaali', 'am' => 'አማርኛ',
+            'ig' => 'Igbo', 'ha' => 'Hausa', 'yo' => 'Yorùbá', 'az' => 'Azərbaycan',
+            'uz' => 'Oʻzbek', 'ky' => 'Кыргызча', 'mr' => 'मराठी', 'ta' => 'தமிழ்',
+            'te' => 'తెలుగు', 'gu' => 'ગુજરાતી', 'pa' => 'ਪੰਜਾਬੀ', 'si' => 'සිංහල',
         ])
         @php($languages = $feeds->flatten(1)->pluck('lang')->unique()->sort()->values())
 

resources/views/layouts/marketing.blade.php

@@ -28,7 +28,7 @@
             <img src="{{ asset('images/logo-dark.png') }}" alt="BloomFeed" class="brand-logo brand-logo-dark">
         </a>
         <div class="navbar-links">
-            <a href="{{ route('self-hosting') }}" class="{{ request()->routeIs('self-hosting') ? 'active' : '' }}">{{ __('app.self_hosting') }}</a>
+            <a href="{{ route('self-hosting') }}" class="nav-self-hosting {{ request()->routeIs('self-hosting') ? 'active' : '' }}">{{ __('app.self_hosting') }}</a>
             @include('partials.locale-selector')
             <button type="button" class="theme-toggle" data-theme-toggle title="{{ __('app.change_theme') }}">◐</button>
             @if (\App\Models\User::query()->exists() && ! \App\Models\Setting::registrationsOpen())