wip

Author: mckenziearts

lang/en/global.php

@@ -12,10 +12,12 @@
         'forum' => 'Forum',
         'articles' => 'Posts',
         'discussions' => 'Discussions',
+        'community' => 'Community',
         'about' => 'About',
         'podcasts' => 'Podcasts',
         'jobs' => 'Jobs',
         'sponsors' => 'Sponsors',
+        'snippets' => 'Snippets',
         'branding' => 'Branding',
         'faq' => 'FAQ',
         'rules' => 'Rules',
@@ -45,5 +47,8 @@
     'sponsored' => 'Sponsored',
     'read_time' => ':time min reading',
     'page_views' => ':number views',
+    'open_navigation' => 'Open main menu',
+    'close_navigation' => 'Close menu',
+    'view_notifications' => 'View notifications',
 
 ];

lang/fr/global.php

@@ -12,10 +12,12 @@
         'forum' => 'Forum',
         'articles' => 'Articles',
         'discussions' => 'Discussions',
+        'community' => 'Communauté',
         'about' => 'A propos',
         'podcasts' => 'Podcasts',
         'jobs' => 'Offres',
         'sponsors' => 'Soutien',
+        'snippets' => 'Snippets',
         'branding' => 'Branding',
         'faq' => 'FAQ',
         'rules' => 'Code de conduite',
@@ -45,5 +47,8 @@
     'sponsored' => 'Sponsorisé',
     'read_time' => ':time min de lecture',
     'page_views' => ':number vues',
+    'open_navigation' => 'Ouvrir le menu',
+    'close_navigation' => 'Fermer le menu',
+    'view_notifications' => 'Voir les notifications',
 
 ];

resources/css/header.css

@@ -1,5 +1,5 @@
 .header.is-fixed {
-    @apply fixed inset-x-0 transform bg-white/80 duration-300;
+    @apply fixed inset-x-0 bg-white/80 transition-all duration-300;
 }
 
 .header.is-hidden {

resources/views/articles/show.blade.php

@@ -289,7 +289,7 @@ class="inline-flex items-center rounded-md border border-skin-base bg-skin-butto
                         <div class="relative flex justify-center">
                             <span class="relative z-0 inline-flex -space-x-px rounded-md shadow-sm">
                                 <x-buttons.default
-                                    link="{{ route('articles.edit', $article) }}"
+                                    :href="route('articles.edit', $article)"
                                     class="relative inline-flex items-center rounded-none rounded-l-lg border border-gray-300"
                                 >
                                     <span class="sr-only">{{ __('actions.edit') }}</span>

resources/views/components/buttons/default.blade.php

@@ -1,16 +1,13 @@
-@props(['link' => null])
+@php
+    $classes = 'inline-flex justify-center py-2 px-4 bg-white border-0 ring-1 ring-gray-200 rounded-lg shadow-sm text-sm text-gray-700 hover:text-gray-900 dark:text-gray-400 hover:bg-gray-50/50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-green-500 dark:bg-gray-800 dark:focus:ring-offset-gray-900';
+@endphp
 
-@if ($link)
-    <x-link
-        href="{{ $link }}"
-        {{ $attributes->twMerge(['class' => 'inline-flex justify-center py-2 px-4 bg-white border border-gray-200 rounded-lg shadow-sm text-sm text-gray-700 hover:text-gray-900 dark:text-gray-400 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-green-500 dark:bg-gray-800 dark:focus:ring-offset-gray-900']) }}
-    >
+@if ($attributes->hasAny(['href', ':href']))
+    <x-link :href="$href" {{ $attributes->twMerge(['class' => $classes]) }}>
         {{ $slot }}
     </x-link>
 @else
-    <button
-        {{ $attributes->twMerge(['class' => 'inline-flex justify-center py-2 px-4 bg-white border border-gray-200 rounded-lg shadow-sm text-sm text-gray-700 hover:text-gray-900 dark:text-gray-400 hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-green-500 dark:bg-gray-800 dark:focus:ring-offset-gray-900']) }}
-    >
+    <button {{ $attributes->twMerge(['class' => $classes]) }}>
         {{ $slot }}
     </button>
 @endif

resources/views/components/buttons/primary.blade.php

@@ -1,16 +1,13 @@
-@props(['link' => null])
+@php
+    $classes = 'inline-flex items-center justify-center py-2 px-4 border-0 text-sm font-medium rounded-lg text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-green-500 dark:ring-offset-gray-900';
+@endphp
 
-@if ($link)
-    <x-link
-        :href="$link"
-        {{ $attributes->twMerge(['class' => 'inline-flex items-center justify-center py-2 px-4 border-0 text-sm font-medium rounded-lg text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-green-500 dark:ring-offset-gray-900']) }}
-    >
+@if ($attributes->hasAny(['href', ':href']))
+    <x-link :href="$href" {{ $attributes->twMerge(['class' => $classes]) }}>
         {{ $slot }}
     </x-link>
 @else
-    <button
-        {{ $attributes->twMerge(['class' => 'inline-flex items-center justify-center py-2 px-4 border-0 text-sm font-medium rounded-lg text-white bg-green-600 hover:bg-green-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-white focus:ring-green-500 dark:ring-offset-gray-900']) }}
-    >
+    <button {{ $attributes->twMerge(['class' => $classes]) }}>
         {{ $slot }}
     </button>
 @endif

resources/views/components/dropdown-profile.blade.php

@@ -10,7 +10,7 @@ class="flex rounded-full bg-skin-menu text-sm focus:outline-none focus:ring-2 fo
             aria-haspopup="true"
             x-bind:aria-expanded="open.toString()"
         >
-            <span class="sr-only">Ouverture du menu</span>
+            <span class="sr-only">{{ __('global.open_navigation') }}</span>
             <x-user.avatar :user="Auth::user()" class="size-8" />
         </button>
     </div>
@@ -24,7 +24,7 @@ class="flex rounded-full bg-skin-menu text-sm focus:outline-none focus:ring-2 fo
         x-transition:leave-start="scale-100 transform opacity-100"
         x-transition:leave-end="scale-95 transform opacity-0"
         class="absolute right-0 mt-2 w-60 origin-top-right divide-y divide-skin-light rounded-md bg-skin-menu py-1 shadow-lg ring-1 ring-black ring-opacity-5 focus:outline-none"
-        x-ref="menu-items"
+        x-ref="menu"
         role="menu"
         aria-orientation="vertical"
         aria-labelledby="user-menu-button"

resources/views/components/layouts/footer.blade.php

@@ -3,7 +3,7 @@
     <div class="mx-auto max-w-7xl px-4 sm:px-6">
         <div class="py-12 lg:grid lg:grid-cols-3 lg:gap-8 lg:py-16">
             <div class="space-y-3">
-                <x-brand class="h-12 w-auto text-white sm:h-16" />
+                <x-brand class="h-12 w-auto text-white sm:h-16" aria-hidden="true" />
                 <p class="inline-flex flex-wrap items-center text-gray-400 text-sm">
                     <a href="https://github.com/caneco/laravel-country-logomarks" class="font-medium text-gray-300 underline">
                         Laravel Country Logomarks
@@ -23,9 +23,8 @@ class="ml-2 size-6 rounded-full"
                     </h3>
                     <ul class="mt-6 space-y-3">
                         <x-footer-link :title="__('global.navigation.about')" :url="route('about')" />
-                        <x-footer-link :title="__('global.navigation.podcasts')" url="#" soon />
-                        <x-footer-link :title="__('global.navigation.jobs')" url="#" soon />
                         <x-footer-link :title="__('global.navigation.sponsors')" :url="route('sponsors')" />
+                        <x-footer-link :title="__('global.navigation.snippets')" url="https://snippets.laravel.cm" />
                         <x-footer-link
                             :title="__('global.navigation.branding')"
                             url="https://github.com/caneco/laravel-country-logomarks/blob/main/src/cm/README.md"