WIP

  - Enhance Article model and improve home page text rendering

Author: andreablass

site/blueprints/site.yml

@@ -13,6 +13,7 @@ tabs:
             type: pages
             layout: cards
             status: published
+            flip: true
             image:
               cover: true
               ratio: 16/9

site/models/article.php

@@ -0,0 +1,37 @@
+<?php
+
+use Kirby\Cms\Block;
+use Kirby\Cms\Page;
+use Kirby\Toolkit\Str;
+
+class ArticlePage extends Page
+{
+    public function  abstract(): string
+    {
+        $abstract = $this->getAbstract();
+
+        return match(true) {
+            !empty($abstract) => $abstract,
+            $this->subtitle()->isNoEmpty() => $this->subtitle(),
+            default => $this->title(),
+        };
+    }
+
+    protected function getAbstract(): null|string
+    {
+        if ($this->blocks()->isEmpty()) {
+            return null;
+        }
+
+        $text = $this
+            ->blocks()
+            ->toBlocks()
+            ->filter(fn($block) => $block->type() === 'text');
+
+        if($text->isEmpty()) {
+            return null;
+        }
+
+        return Str::excerpt($text);
+    }
+}

site/templates/home.blade.php

@@ -12,7 +12,7 @@
                                     {{ $article->title() }}
                                 </div>
                                 <div class="font-thin font-inter text-gray-600">
-                                    {{ $article->subtitle() }}
+                                    {{ $article->abstract() }}
                                 </div>
                             </div>
                             <img src="{{ $article->image()->url() }}" alt="{{ $article->title() }}" class="w-full sm:w-32 sm:h-28 object-cover shadow-md sm:ml-6 mt-3 sm:mt-0">

site/templates/search.blade.php

@@ -20,6 +20,7 @@
                         </div>
                         <div class="font-thin font-inter text-gray-600">
                             {!! $highlightedSubtitle !!}
+                            {{ $article->greatings() }}
                         </div>
                     </div>
                     @empty(!$article->image())