main
Ilham Wara Nugroho 2026-02-03 11:03:28 +07:00
parent 83ef3fdb22
commit 285fa22aa8
3 changed files with 50 additions and 5 deletions

View File

@ -194,7 +194,6 @@
</div>
@endsection
@section('js')
<script src="{{asset('assets/js/vendors.bundle.js')}}"></script>
{{-- <script src="{{asset('assets/js/app.bundle.js')}}"></script> --}}
<script>
$('.npsn').on('keyup', function(){

View File

@ -147,10 +147,38 @@
<div class="h-6 w-[1px] bg-slate-200"></div>
<a href="{{ url('login') }}" class="px-6 py-2.5 flex items-center gap-2 rounded-full green-gradient text-white text-sm font-bold shadow-lg shadow-emerald-200 hover:shadow-emerald-300 transform hover:scale-105 transition">Masuk <span class="material-symbols-outlined text-lg">login</span></a>
</div>
<button class="md:hidden text-slate-600"><span class="material-symbols-outlined">menu</span></button>
<button id="btnMobileMenu" class="md:hidden text-slate-600">
<span class="material-symbols-outlined">menu</span>
</button>
{{-- <button class="md:hidden text-slate-600"><span class="material-symbols-outlined">menu</span></button> --}}
</div>
</div>
</nav>
<!-- Mobile Menu -->
<div id="mobileMenu" class="fixed top-20 inset-x-0 z-40 hidden bg-white border-t border-slate-200 shadow-lg md:hidden">
<div class="px-6 py-6 space-y-4">
<a href="{{ url('/') }}" class="block text-sm font-semibold text-slate-700 hover:text-emerald-600">
Beranda
</a>
<a href="{{ url('/sekolah') }}" class="block text-sm font-semibold text-slate-700 hover:text-emerald-600">
Daftar Sekolah Adiwiyata
</a>
<a href="{{ url('/kegiatan') }}" class="block text-sm font-semibold text-slate-700 hover:text-emerald-600">
Kegiatan Sekolah Adiwiyata
</a>
<div class="pt-4 border-t">
<a href="{{ url('login') }}"
class="w-full flex justify-center items-center gap-2 px-6 py-3 rounded-full green-gradient text-white text-sm font-bold shadow-lg">
Masuk
<span class="material-symbols-outlined text-lg">login</span>
</a>
</div>
</div>
</div>
@yield('content')
@ -172,8 +200,27 @@
</div>
</div>
</footer>
<script src="{{asset('assets/js/vendors.bundle.js')}}"></script>
@yield('js')
<script>
$(document).ready(function () {
$('#btnMobileMenu').on('click', function () {
$('#mobileMenu').slideToggle(200);
let icon = $(this).find('.material-symbols-outlined');
icon.text(icon.text() === 'menu' ? 'close' : 'menu');
});
// Auto close ketika klik menu
$('#mobileMenu a').on('click', function () {
$('#mobileMenu').slideUp(200);
$('#btnMobileMenu .material-symbols-outlined').text('menu');
});
});
</script>
<script>
// Smooth scroll implementation
document.querySelectorAll('a[href^="#"]').forEach(anchor => {

View File

@ -3,7 +3,7 @@
@section('css')
@endsection
@section('content')
<section id="directory" class="py-20 bg-white">
<section id="directory" class="py-40 bg-white">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<div class="text-center mb-16">
<h3 class="text-3xl font-extrabold text-slate-900 mb-4">Direktori Sekolah Adiwiyata</h3>
@ -45,7 +45,6 @@
</div>
</section>
@section('js')
<script src="{{asset('assets/js/vendors.bundle.js')}}"></script>
<script>
$(document).ready(function () {