From 71d4a4d2a1ff45a036ad8d23177a2b9cef688432 Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 18 Jul 2026 11:17:34 +0000
Subject: [PATCH 1/2] Show sponsors below partners on mobile blog article view

The blog article's mobile card showed the Partners section but omitted
the Sponsors section, unlike the blog listing and docs mobile views which
already show both. Add the Sponsors block below Partners so the mobile
article page matches the rest of the site.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012aAC5we9B72tDs5UcXTLVe
---
 resources/views/article.blade.php                  |  5 +++++
 tests/Feature/SponsorsAndPartnersPlacementTest.php | 14 ++++++++++++++
 2 files changed, 19 insertions(+)

diff --git a/resources/views/article.blade.php b/resources/views/article.blade.php
index 80161086..9bf3c4ab 100644
--- a/resources/views/article.blade.php
+++ b/resources/views/article.blade.php
@@ -128,6 +128,11 @@ class="prose min-w-0 max-w-none grow text-gray-600 dark:text-gray-400 dark:prose
             <div>
                 <x-sponsors.lists.docs.featured-sponsors />
                 <a href="/partners" class="mt-3 block text-center text-xs text-gray-500 transition hover:text-gray-800 dark:text-gray-400 dark:hover:text-white">Become a Partner</a>
+
+                <div class="mt-5 border-t border-t-black/20 pt-5 dark:border-t-white/15">
+                    <x-sponsors.lists.docs.sponsors />
+                    <a href="/sponsor" class="mt-3 block text-center text-xs text-gray-500 transition hover:text-gray-800 dark:text-gray-400 dark:hover:text-white">Become a sponsor</a>
+                </div>
             </div>
         </div>
     </section>
diff --git a/tests/Feature/SponsorsAndPartnersPlacementTest.php b/tests/Feature/SponsorsAndPartnersPlacementTest.php
index 0fe43e16..c7d497fc 100644
--- a/tests/Feature/SponsorsAndPartnersPlacementTest.php
+++ b/tests/Feature/SponsorsAndPartnersPlacementTest.php
@@ -2,6 +2,7 @@
 
 namespace Tests\Feature;
 
+use App\Models\Article;
 use Illuminate\Foundation\Testing\RefreshDatabase;
 use PHPUnit\Framework\Attributes\Test;
 use Tests\TestCase;
@@ -18,6 +19,19 @@ public function the_partners_page_renders_the_partners_section()
             ->assertSee('Meet Our Partners');
     }
 
+    #[Test]
+    public function the_blog_article_mobile_view_shows_sponsors_below_partners()
+    {
+        $article = Article::factory()->published()->create();
+
+        $this->get(route('article', $article))
+            ->assertOk()
+            ->assertSeeInOrder([
+                'Become a Partner',
+                'Become a sponsor',
+            ]);
+    }
+
     #[Test]
     public function the_sidebar_partners_list_rotates_through_every_entry_it_is_given()
     {

From 6bca8d17a1121f07e1b9dfd2bc7b24fb176cb60b Mon Sep 17 00:00:00 2001
From: Claude <noreply@anthropic.com>
Date: Sat, 18 Jul 2026 11:19:45 +0000
Subject: [PATCH 2/2] Turn blog pagination links into visual arrow buttons

The next/previous links on the blog index were small, low-emphasis text
links. Restyle them as pill buttons with directional arrows, a subtle
border and background, and a hover animation that nudges the button and
slides the arrow. Add a test asserting the Next pagination link renders
when more pages exist.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_012aAC5we9B72tDs5UcXTLVe
---
 resources/views/blog.blade.php | 18 ++++++++++++------
 tests/Feature/BlogTest.php     | 11 +++++++++++
 2 files changed, 23 insertions(+), 6 deletions(-)

diff --git a/resources/views/blog.blade.php b/resources/views/blog.blade.php
index 2d19552a..3701bbd4 100644
--- a/resources/views/blog.blade.php
+++ b/resources/views/blog.blade.php
@@ -157,12 +157,15 @@ class="flex items-center justify-between gap-5 pt-2.5"
                     @if (! $articles->onFirstPage())
                         <a
                             href="{{ $articles->previousPageUrl() }}"
-                            class="inline-block p-1.5 opacity-60 transition duration-200 hover:opacity-100"
+                            class="group inline-flex items-center gap-2 rounded-full border border-black/10 bg-black/[0.02] py-2 pr-4 pl-3 text-sm opacity-80 transition duration-200 hover:-translate-x-0.5 hover:border-black/20 hover:bg-black/5 hover:opacity-100 dark:border-white/10 dark:bg-white/[0.02] dark:hover:border-white/20 dark:hover:bg-white/5"
                             aria-label="Go to previous page"
                             rel="prev"
                         >
-                            <span class="sr-only">Navigate to</span>
-                            Previous
+                            <x-icons.right-arrow
+                                class="size-3.5 shrink-0 -scale-x-100 transition-transform duration-200 group-hover:-translate-x-0.5"
+                                aria-hidden="true"
+                            />
+                            <span>Previous</span>
                         </a>
                     @endif
                 </div>
@@ -191,12 +194,15 @@ class="inline-block p-1.5 opacity-60 transition duration-200 hover:opacity-100"
                     @if (! $articles->onLastPage())
                         <a
                             href="{{ $articles->nextPageUrl() }}"
-                            class="inline-block p-1.5 opacity-80 transition duration-200 hover:opacity-100"
+                            class="group inline-flex items-center gap-2 rounded-full border border-black/10 bg-black/[0.02] py-2 pr-3 pl-4 text-sm opacity-80 transition duration-200 hover:translate-x-0.5 hover:border-black/20 hover:bg-black/5 hover:opacity-100 dark:border-white/10 dark:bg-white/[0.02] dark:hover:border-white/20 dark:hover:bg-white/5"
                             aria-label="Go to next page"
                             rel="next"
                         >
-                            <span class="sr-only">Navigate to</span>
-                            Next
+                            <span>Next</span>
+                            <x-icons.right-arrow
+                                class="size-3.5 shrink-0 transition-transform duration-200 group-hover:translate-x-0.5"
+                                aria-hidden="true"
+                            />
                         </a>
                     @endif
                 </div>
diff --git a/tests/Feature/BlogTest.php b/tests/Feature/BlogTest.php
index 8bc2e63b..77668b17 100644
--- a/tests/Feature/BlogTest.php
+++ b/tests/Feature/BlogTest.php
@@ -48,6 +48,17 @@ public function published_articles_are_shown_in_antichronological_order()
             ]);
     }
 
+    #[Test]
+    public function the_blog_listing_renders_a_next_pagination_button_when_there_are_more_pages()
+    {
+        Article::factory()->count(7)->published()->create();
+
+        $this->get(route('blog'))
+            ->assertOk()
+            ->assertSee('Next')
+            ->assertSee('page=2');
+    }
+
     #[Test]
     public function scheduled_articles_are_not_shown_on_the_blog_listing()
     {