48 lines
1.8 KiB
PHP
48 lines
1.8 KiB
PHP
|
<x-layouts.app :title="$title" :description="$description" :canonical="$canonical">
|
||
|
|
@push('jsonld')
|
||
|
|
<script type="application/ld+json">
|
||
|
|
{!! json_encode([
|
||
|
|
'@@context' => 'https://schema.org',
|
||
|
|
'@type' => 'BreadcrumbList',
|
||
|
|
'itemListElement' => [
|
||
|
|
['@type' => 'ListItem', 'position' => 1, 'name' => 'Claude Skills', 'item' => route('skills.index')],
|
||
|
|
['@type' => 'ListItem', 'position' => 2, 'name' => $label, 'item' => $canonical],
|
||
|
|
],
|
||
|
|
]) !!}
|
||
|
|
</script>
|
||
|
|
@endpush
|
||
|
|
|
||
|
|
<p class="text-sm text-neutral-500">
|
||
|
|
<a href="{{ route('skills.index') }}" class="hover:underline">Claude Skills</a>
|
||
|
|
<span aria-hidden="true">/</span>
|
||
|
|
{{ $label }}
|
||
|
|
</p>
|
||
|
|
<h1 class="mt-2 text-3xl font-bold tracking-tight">{{ $label }} Claude Skills</h1>
|
||
|
|
|
||
|
|
<nav class="mt-4 flex flex-wrap gap-2">
|
||
|
|
<a href="{{ route('skills.index') }}" class="rounded-full bg-neutral-100 px-3 py-1 text-sm text-neutral-700 hover:bg-neutral-200">
|
||
|
|
All
|
||
|
|
</a>
|
||
|
|
@foreach ($categories as $slug => $categoryLabel)
|
||
|
|
<a
|
||
|
|
href="{{ route('skills.category', $slug) }}"
|
||
|
|
class="rounded-full px-3 py-1 text-sm {{ $category === $slug ? 'bg-neutral-900 text-white' : 'bg-neutral-100 text-neutral-700 hover:bg-neutral-200' }}"
|
||
|
|
>
|
||
|
|
{{ $categoryLabel }}
|
||
|
|
</a>
|
||
|
|
@endforeach
|
||
|
|
</nav>
|
||
|
|
|
||
|
|
<div class="mt-8 grid grid-cols-1 gap-4 sm:grid-cols-2">
|
||
|
|
@forelse ($skills as $skill)
|
||
|
|
<x-skill-card :skill="$skill" />
|
||
|
|
@empty
|
||
|
|
<p class="text-neutral-500 sm:col-span-2">No skills in this category yet.</p>
|
||
|
|
@endforelse
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="mt-10">
|
||
|
|
{{ $skills->links() }}
|
||
|
|
</div>
|
||
|
|
</x-layouts.app>
|