From 67eb1fa4d7c6fd005c386757f3d091edcefcbc0f Mon Sep 17 00:00:00 2001
From: Caen De Silva <caen@desilva.se>
Date: Fri, 12 Jul 2024 22:21:38 +0200
Subject: [PATCH] Create the initial author page layout

---
 .../resources/views/pages/author.blade.php    | 34 ++++++++++++++++++-
 1 file changed, 33 insertions(+), 1 deletion(-)

diff --git a/packages/framework/resources/views/pages/author.blade.php b/packages/framework/resources/views/pages/author.blade.php
index 2833eeb6eb8..baa1c7497fb 100644
--- a/packages/framework/resources/views/pages/author.blade.php
+++ b/packages/framework/resources/views/pages/author.blade.php
@@ -3,7 +3,39 @@
 @section('content')
 
     <main id="content" class="mx-auto max-w-7xl py-16 px-8">
-        //
+        <div class="flex flex-col items-center">
+            @if($author->avatar)
+                <img src="{{ Hyde::asset($author->avatar) }}" alt="{{ $author->name }}" class="w-32 h-32 rounded-full mb-4">
+            @endif
+            <h1 class="text-3xl font-bold mb-2">{{ $author->name }}</h1>
+            @if($author->bio)
+                <p class="text-gray-600 mb-4">{{ $author->bio }}</p>
+            @endif
+            @if($author->website)
+                <a href="{{ $author->website }}" class="text-blue-600 hover:underline mb-4">Website</a>
+            @endif
+            @if($author->socials)
+                <div class="flex space-x-4 mb-6">
+                    @foreach($author->socials as $platform => $handle)
+                        <a href="https://{{ $platform }}.com/{{ $handle }}" class="text-gray-600 hover:text-gray-800">
+                            {{ ucfirst($platform) }}
+                        </a>
+                    @endforeach
+                </div>
+            @endif
+        </div>
+
+        <div class="mt-12">
+            <h2 class="text-2xl font-semibold mb-4">Posts by {{ $author->name }}</h2>
+            <ul class="space-y-4">
+                @foreach($author->getPosts() as $post)
+                    <li>
+                        <a href="{{ $post->getLink() }}" class="text-lg text-blue-600 hover:underline">{{ $post->title }}</a>
+                        <p class="text-sm text-gray-500">{{ $post->date?->short }}</p>
+                    </li>
+                @endforeach
+            </ul>
+        </div>
     </main>
 
 @endsection
\ No newline at end of file