Merge pull request #21 from codebar-ag/main

main/production

Author: StanBarrows

database/seeders/Paperflakes/ContactsTableSeeder.php

@@ -182,7 +182,7 @@ public function run(): void
                     ],
                 ],
                 'icons' => [
-                    'email' => 'info@codebar.ch',
+                    'email' => 'wieland@business-solutions.gmbh',
                     'website' => 'https://www.business-solutions.gmbh',
                 ],
                 'image' => 'https://res.cloudinary.com/codebar/image/upload/w_400,h_400,f_auto,q_auto/www-paperflakes-ch/people/wds.jpg',

resources/views/app/about-us/index.blade.php

@@ -68,7 +68,7 @@
                     <x-list-image-card
                             :name="$contact->name"
                             :image="$contact->image"
-                            image-container-class-attributes="h-20 w-20 flex-shrink-0 overflow-hidden"/>
+                            image-container-class-attributes="h-24 w-24 flex-shrink-0 overflow-hidden"/>
                 @endforeach
             </x-list-grid>
         </x-section>

resources/views/components/list-image-card.blade.php

@@ -1,13 +1,12 @@
 @props([
     'image',
-	'imageContainerClassAttributes' => 'h-30 h-30 flex-shrink-0 overflow-hidden',
+	'imageContainerClassAttributes' => 'h-32 h-32 flex-shrink-0 overflow-hidden',
     'name',
     'role' => null,
     'icons' => [],
 ])
 
-<div class="flex rounded-xl overflow-hidden transition
- group">
+<div class="flex flex-row rounded-xl overflow-hidden transition group">
     <div class="{{ $imageContainerClassAttributes }}">
         <img src="{{ $image }}" alt="{{ $name }}"
              class="w-full h-full object-cover transition-transform duration-300 ease-in-out group-hover:scale-105"/>

resources/views/layouts/_partials/_navigation.blade.php

@@ -1,31 +1,46 @@
 <nav class="mt-12 text-xl md:text-2xl" x-data="navigation">
-
-    <div class="flex justify-center md:justify-start">
+    {{-- Logo & Language Switcher --}}
+    <div class="flex justify-between items-center">
         <a href="{{ localized_route('start.index') }}" title="Start page" class="group inline-block">
             <x-logo-paperflakes/>
         </a>
+
+        @if(!empty($locales))
+            <div class="hidden lg:flex gap-2 text-lg items-center">
+                @foreach($locales as $language)
+                    <form method="POST" action="{{ route('language.update') }}">
+                        @csrf
+                        <input type="hidden" name="language" value="{{ $language->value }}">
+                        <button type="submit" class="hover:text-black hover:font-semibold transition cursor-pointer"
+                                title="{{ __('Update to :lang language', ['lang' => $language->getLabel()]) }}">
+                            {{ $language->getLabel() }}
+                        </button>
+                    </form>
+                    @if (!$loop->last)
+                        <span class="text-gray-400 font-light">|</span>
+                    @endif
+                @endforeach
+            </div>
+        @endif
     </div>
 
+    {{-- Navigation & mobile toggle --}}
     <div class="mt-2 flex items-center justify-between">
-
         @include('layouts._partials._navigation_desktop')
 
         <button @click="toggle"
-                class="flex items-center gap-1 md:hidden hover:text-black hover:font-semibold transition focus:outline-none mx-auto">
+                class="flex items-center gap-1 lg:hidden hover:text-black hover:font-semibold transition focus:outline-none mx-auto">
             <span>{{ __('Menu') }}</span>
 
             <div class="transition-transform duration-300 ease-in-out" x-bind:class="icon_rotate">
-
                 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor" class="size-6">
                     <path fill-rule="evenodd"
                           d="M12.53 16.28a.75.75 0 0 1-1.06 0l-7.5-7.5a.75.75 0 0 1 1.06-1.06L12 14.69l6.97-6.97a.75.75 0 1 1 1.06 1.06l-7.5 7.5Z"
                           clip-rule="evenodd"/>
                 </svg>
             </div>
         </button>
-
     </div>
 
     @include('layouts._partials._navigation_mobile')
-
 </nav>

resources/views/layouts/_partials/_navigation_desktop.blade.php

@@ -1,8 +1,6 @@
 @php use App\Enums\LocaleEnum; @endphp
 
-<div class="hidden md:flex justify-between w-full">
-
-    {{-- Left-aligned primary navigation --}}
+<div class="hidden lg:flex justify-between w-full">
     <div class="flex gap-2">
 
         <x-a :href="localized_route('start.index')" label="{{ __('News') }}"
@@ -29,24 +27,4 @@ classAttributes="text-xl md:text-2xl"/>
              classAttributes="text-xl md:text-2xl"/>
 
     </div>
-
-    <!-- Language -->
-    @if(!empty($locales))
-        <div class="flex gap-2 text-lg items-center">
-            @foreach($locales as $language)
-                <form method="POST" action="{{ route('language.update') }}">
-                    @csrf
-                    <input type="hidden" name="language" value="{{ $language->value }}">
-                    <button type="submit" class="hover:text-black hover:font-semibold transition cursor-pointer"
-                            title="{{ __('Update to :lang language', ['lang' => $language->getLabel()]) }}">
-                        {{ $language->getLabel() }}
-                    </button>
-                </form>
-                @if (!$loop->last)
-                    <span class="text-gray-400 font-light">|</span>
-                @endif
-            @endforeach
-        </div>
-    @endif
-
 </div>

resources/views/layouts/_partials/_navigation_mobile.blade.php

@@ -1,7 +1,7 @@
 @php use App\Enums\LocaleEnum; @endphp
 
 <div x-show="open" x-transition x-cloak
-     class="md:hidden mt-4 text-xl space-y-2">
+     class="lg:hidden mt-4 text-xl space-y-2">
     <!-- News -->
     <a @click.stop
        href="{{ localized_route('start.index') }}"