2026-04-03 05:08:41 +07:00
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="id">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="UTF-8">
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
|
|
<title>@yield('title', 'Persegi') — Organisasi Pemuda Desa Karangdadap</title>
|
|
|
|
|
<script src="https://cdn.tailwindcss.com"></script>
|
2026-04-03 05:47:18 +07:00
|
|
|
<style>
|
|
|
|
|
[x-cloak] { display: none; }
|
|
|
|
|
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
|
|
|
|
|
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
|
|
|
|
|
.prose p { margin-bottom: 1rem; }
|
|
|
|
|
</style>
|
2026-04-03 05:08:41 +07:00
|
|
|
</head>
|
2026-04-03 05:47:18 +07:00
|
|
|
<body class="bg-white text-gray-900 font-sans antialiased">
|
2026-04-03 05:08:41 +07:00
|
|
|
|
2026-04-03 05:47:18 +07:00
|
|
|
{{-- Navbar --}}
|
|
|
|
|
<nav class="fixed top-0 left-0 right-0 z-50 bg-white border-b border-gray-100">
|
|
|
|
|
<div class="max-w-6xl mx-auto px-4 py-3 flex items-center justify-between">
|
|
|
|
|
<a href="{{ route('home') }}" class="font-bold text-base tracking-tight whitespace-nowrap">Persegi <span class="text-gray-400">///</span></a>
|
|
|
|
|
<div class="flex items-center gap-3 md:gap-8 text-xs md:text-sm text-gray-600">
|
|
|
|
|
<a href="{{ route('tentang') }}" class="hover:text-gray-900 transition">Tentang</a>
|
|
|
|
|
<a href="{{ route('kegiatan') }}" class="hover:text-gray-900 transition hidden sm:inline">Kegiatan</a>
|
|
|
|
|
<a href="{{ route('blog') }}" class="hover:text-gray-900 transition">Blog</a>
|
|
|
|
|
<a href="{{ route('filament.admin.auth.login') }}"
|
|
|
|
|
class="flex items-center gap-1 bg-gray-900 text-white text-xs font-medium px-3 py-1.5 rounded-full hover:bg-gray-700 transition whitespace-nowrap">
|
|
|
|
|
<svg class="w-3 h-3" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M16 7a4 4 0 11-8 0 4 4 0 018 0zM12 14a7 7 0 00-7 7h14a7 7 0 00-7-7z"/></svg>
|
|
|
|
|
Masuk
|
|
|
|
|
</a>
|
2026-04-03 05:08:41 +07:00
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
</nav>
|
|
|
|
|
|
2026-04-03 05:47:18 +07:00
|
|
|
<main class="pt-16">
|
2026-04-03 05:08:41 +07:00
|
|
|
@yield('content')
|
|
|
|
|
</main>
|
|
|
|
|
|
2026-04-03 05:47:18 +07:00
|
|
|
{{-- Footer --}}
|
|
|
|
|
<footer class="border-t border-gray-100 mt-24">
|
|
|
|
|
<div class="max-w-6xl mx-auto px-6 py-8 flex flex-col md:flex-row items-center justify-between gap-4">
|
|
|
|
|
<p class="text-sm text-gray-400">
|
|
|
|
|
Copyright © {{ date('Y') }} — Persegi, Desa Karangdadap, Kalibagor, Banyumas
|
|
|
|
|
</p>
|
|
|
|
|
<div class="flex items-center gap-4 text-gray-400">
|
|
|
|
|
<a href="{{ route('kontak') }}" class="hover:text-gray-700 text-sm transition">Kontak</a>
|
|
|
|
|
<a href="{{ route('tentang') }}" class="hover:text-gray-700 text-sm transition">Tentang</a>
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
2026-04-03 05:08:41 +07:00
|
|
|
</footer>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
