add users page, full screen image preview, footer

resources/views/livewire/app/footer.blade.php

@@ -0,0 +1,12 @@
+<div class="wa-split">
+	<div class="wa-stack wa-gap-2xs">
+		<div class="wa-cluster wa-heading-l">
+			<wa-icon name="paw-simple"></wa-icon>
+			<span>{{ config('app.name') }}</span>
+		</div>
+		<span class="wa-caption-l">&copy; 2025 NyaaStudios; All rights reserved.</span>
+	</div>
+	<div class="wa-cluster wa-heading-m">
+		<wa-icon-button family="brands" name="github" href="https://github.com/NyaaStudios/nyaabooru" target="_blank"></wa-icon-button>
+	</div>
+</div>

resources/views/livewire/app/home.blade.php

@@ -11,5 +11,5 @@
 		@endauth
 	</div>
 
-	<livewire:post-feature />
+	<livewire:post-feature lazy />
 </div>

resources/views/livewire/app/navbar.blade.php

@@ -23,6 +23,11 @@
 				<wa-icon slot="prefix" name="tags"></wa-icon>
 				Tags
 			</wa-button>
+
+			<wa-button appearance="plain" href="{{ route('users') }}" wire:navigate.hover>
+				<wa-icon slot="prefix" name="users"></wa-icon>
+				Users
+			</wa-button>
 		@endauth
 	</div>
 
@@ -41,7 +46,10 @@
 					{{ Auth::user()->name }}
 				</div>
 			</wa-button>
-			<wa-icon-button href="{{ route('logout') }}" appearance="plain" name="arrow-left-from-bracket"></wa-icon-button>
+			<wa-button href="{{ route('logout') }}" appearance="plain">
+				<wa-icon name="arrow-left-from-bracket" slot="prefix"></wa-icon>
+				Sign out
+			</wa-button>
 		@endauth
 	</div>
 </div>

resources/views/livewire/app/pfp.blade.php

@@ -1,11 +1,8 @@
-@php use Illuminate\Support\Facades\Storage; @endphp
-<div>
-	<wa-avatar
-		@if(Storage::has("avatars/$user->id"))
-			image="{{ $user->getAvatarBase64() }}"
-		@endif
-		label="avatar for {{ $user->name }}"
-		shape="{{ $shape }}"
-		style="--size: {{ $size }}"
-	></wa-avatar>
-</div>
+<wa-avatar
+	@if(Illuminate\Support\Facades\Storage::has("avatars/$user->id"))
+		image="{{ $user->getAvatarBase64() }}"
+	@endif
+	label="avatar for {{ $user->name }}"
+	shape="{{ $shape }}"
+	style="--size: {{ $size }}"
+></wa-avatar>

resources/views/livewire/app/user-card.blade.php

@@ -0,0 +1,13 @@
+<article class="wa-stack">
+	<a class="wa-frame wa-border-radius-l" style="max-inline-size: 15rem;" href="{{ url("/profiles/$user->id") }}" wire:navigate.hover>
+		@if (\Illuminate\Support\Facades\Storage::has("avatars/$user->id"))
+			<img src="{{ $user->getAvatarBase64() }}"/>
+		@else
+			<wa-icon name="user"></wa-icon>
+		@endif
+	</a>
+	<div class="wa-stack wa-gap-3xs">
+		<span class="wa-heading-s">{{ $user->name }}</span>
+		<span class="wa-caption-m">Joined <wa-format-date value="{{ $user->created_at }}"></wa-format-date></span>
+	</div>
+</article>