♻️ mis a jour du formatage de la date

Author: mckenziearts

resources/views/articles/show.blade.php

@@ -105,7 +105,7 @@
                     </div>
 
                     <div class="mt-2 flex space-x-1 text-sm text-skin-base sm:mt-0">
-                        <time datetime="{{ $article->publishedAt()->format('Y-m-d') }}">{{ $article->publishedAt()->format('j M, Y') }}</time>
+                        <time class="capitalize" datetime="{{ $article->publishedAt()->format('Y-m-d') }}">{{ $article->publishedAt()->isoFormat('LL') }}</time>
                         <span aria-hidden="true">&middot;</span>
                         <span>{{ $article->readTime() }} min de lecture</span>
                         <span aria-hidden="true">&middot;</span>
@@ -132,11 +132,8 @@
             <div class="mt-6 aspect-w-4 aspect-h-2 sm:mt-8 mx-auto">
                 <img class="object-cover shadow-lg rounded-lg group-hover:opacity-75" src="{{ $article->getFirstMediaUrl('media') }}" alt="{{ $article->title }}" />
             </div>
-            <div
-                class="mt-8 prose prose-lg prose-green text-skin-base mx-auto overflow-x-hidden md:prose-xl lg:max-w-none"
-            >
-                <x-markdown-content :content="$article->body" />
-            </div>
+
+            <x-markdown-content id="content" class="mt-8 prose prose-lg prose-green text-skin-base mx-auto overflow-x-hidden md:prose-xl lg:max-w-none" :content="$article->body" />
 
             <div class="mt-6 pt-5 border-t border-skin-base sm:hidden">
                 <div class="space-y-4">
@@ -267,6 +264,8 @@ class="inline-flex items-center py-2 px-4 border border-skin-base rounded-md sha
         </div>
         <div class="hidden relative lg:block lg:col-span-2">
             <x-sticky-content class="space-y-10">
+                <x-sponsors />
+
                 @if($article->showToc())
                     <div class="bg-skin-card px-4 py-6 rounded-lg shadow-lg">
                         <h4 class="text-sm text-skin-inverted font-semibold leading-tight tracking-widest uppercase">Table des matières</h4>

resources/views/components/articles/card-with-author.blade.php

@@ -11,9 +11,7 @@
                     <a href="{{ route('profile', $article->author->username) }}" class="hover:underline">{{ $article->author->name }}</a>
                 </p>
                 <p class="text-sm text-skin-base">
-                    <a href="#" class="hover:underline">
-                        <time datetime="{{ $article->publishedAt()->format('Y-m-d') }}">{{ $article->publishedAt()->format('j M, Y') }}</time>
-                    </a>
+                    <time class="capitalize" datetime="{{ $article->publishedAt()->format('Y-m-d') }}">{{ $article->publishedAt()->isoFormat('LL') }}</time>
                 </p>
             </div>
         </div>
@@ -41,7 +39,7 @@
                     <div class="inline-flex space-x-2 text-skin-muted">
                         <x-heroicon-o-eye class="h-5 w-5" />
                         <span class="font-medium text-skin-inverted">{{ $article->views_count }}</span>
-                        <span class="sr-only">views</span>
+                        <span class="sr-only">vues</span>
                     </div>
                 </span>
             </div>

resources/views/components/articles/card.blade.php

@@ -8,8 +8,8 @@
     </a>
     <div class="space-y-4">
         <div>
-            <time datetime="{{ $article->created_at->format('Y-m-d') }}" class="font-sans text-sm leading-5 text-skin-base capitalize">
-                {{ $article->created_at->isoFormat('LL') }}
+            <time datetime="{{ $article->publishedAt()->format('Y-m-d') }}" class="font-sans text-sm leading-5 text-skin-base capitalize">
+                {{ $article->publishedAt()->isoFormat('LL') }}
             </time>
             <a href="{{ route('articles.show', $article) }}" class="mt-2 flex items-center justify-between group">
                 <h4 class="text-lg leading-6 font-semibold font-sans text-skin-inverted group-hover:text-skin-primary">{{ $article->title }}</h4>

resources/views/components/articles/overview.blade.php

@@ -1,6 +1,6 @@
 @props(['article'])
 
-<div class="space-y-4 lg:grid lg:grid-cols-3 lg:items-start lg:gap-6 lg:space-y-0">
+<article id="article-title-{{ $article->id }}" class="space-y-4 lg:grid lg:grid-cols-3 lg:items-start lg:gap-6 lg:space-y-0">
     <a href="{{ route('articles.show', $article) }}" class="group">
         <div class="aspect-w-3 aspect-h-2">
             <img class="object-cover shadow-lg rounded-lg group-hover:opacity-75" src="{{ $article->getFirstMediaUrl('media') }}" alt="{{ $article->title }}" />
@@ -39,12 +39,12 @@
                         </a>
                     </p>
                     <div class="flex space-x-1 text-sm text-skin-base/60">
-                        <time datetime="{{ $article->publishedAt()->format('Y-m-d') }}">{{ $article->publishedAt()->format('j M, Y') }}</time>
+                        <time class="capitalize" datetime="{{ $article->publishedAt()->format('Y-m-d') }}">{{ $article->publishedAt()->isoFormat('LL') }}</time>
                         <span aria-hidden="true">&middot;</span>
                         <span>{{ $article->readTime() }} min de lecture</span>
                     </div>
                 </div>
             </div>
         </div>
     </div>
-</div>
+</article>

resources/views/components/markdown-content.blade.php

@@ -1,5 +1,5 @@
 @props(['content'])
 
 <div {{ $attributes }}>
-    {!! replace_links(\App\Markdown\MarkdownHelper::parseLiquidTags(Markdown::convertToHtml($content))) !!}
+    {!! replace_links(\App\Markdown\MarkdownHelper::parseLiquidTags(Markdown::convert($content))) !!}
 </div>

resources/views/components/sponsors.blade.php

@@ -11,8 +11,8 @@
         <a href="https://gdg.community.dev/gdg-douala" class="flex items-center justify-end py-2">
             <x-icon.gdg class="w-auto h-5 text-skin-inverted"/>
         </a>
-        <a href="https://twitter.com/DarkCodeCompany" class="flex items-center justify-end">
+        {{--<a href="https://twitter.com/DarkCodeCompany" class="flex items-center justify-end">
             <x-icon.darkcode class="h-4 text-skin-inverted"/>
-        </a>
+        </a>--}}
     </div>
 </div>