Adds a Filament admin (Profile settings page plus CRUD resources for Education, Experience, Projects, and Posts) backing a public-facing personal site: hero/about/timeline home page, project showcase, and blog, styled with a dark editorial theme (Fraunces + Instrument Sans). Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
45 lines
2.1 KiB
PHP
45 lines
2.1 KiB
PHP
@if ($paginator->hasPages())
|
|
<nav role="navigation" aria-label="{{ __('Pagination Navigation') }}" class="flex items-center justify-between gap-4">
|
|
|
|
@if ($paginator->onFirstPage())
|
|
<span class="cursor-not-allowed rounded-full border border-white/10 px-4 py-2 text-sm text-paper-dim/50">
|
|
{!! __('pagination.previous') !!}
|
|
</span>
|
|
@else
|
|
<a href="{{ $paginator->previousPageUrl() }}" rel="prev" class="rounded-full border border-white/10 px-4 py-2 text-sm text-paper-dim transition hover:border-accent hover:text-paper">
|
|
{!! __('pagination.previous') !!}
|
|
</a>
|
|
@endif
|
|
|
|
<div class="hidden items-center gap-1 sm:flex">
|
|
@foreach ($elements as $element)
|
|
@if (is_string($element))
|
|
<span class="px-2 text-sm text-paper-dim/50">{{ $element }}</span>
|
|
@endif
|
|
|
|
@if (is_array($element))
|
|
@foreach ($element as $page => $url)
|
|
@if ($page == $paginator->currentPage())
|
|
<span aria-current="page" class="rounded-full bg-accent px-3.5 py-1.5 text-sm font-semibold text-ink">{{ $page }}</span>
|
|
@else
|
|
<a href="{{ $url }}" class="rounded-full px-3.5 py-1.5 text-sm text-paper-dim transition hover:text-paper" aria-label="{{ __('Go to page :page', ['page' => $page]) }}">
|
|
{{ $page }}
|
|
</a>
|
|
@endif
|
|
@endforeach
|
|
@endif
|
|
@endforeach
|
|
</div>
|
|
|
|
@if ($paginator->hasMorePages())
|
|
<a href="{{ $paginator->nextPageUrl() }}" rel="next" class="rounded-full border border-white/10 px-4 py-2 text-sm text-paper-dim transition hover:border-accent hover:text-paper">
|
|
{!! __('pagination.next') !!}
|
|
</a>
|
|
@else
|
|
<span class="cursor-not-allowed rounded-full border border-white/10 px-4 py-2 text-sm text-paper-dim/50">
|
|
{!! __('pagination.next') !!}
|
|
</span>
|
|
@endif
|
|
</nav>
|
|
@endif
|