update
parent
83ef3fdb22
commit
285fa22aa8
|
|
@ -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(){
|
||||
|
|
|
|||
|
|
@ -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 => {
|
||||
|
|
|
|||
|
|
@ -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 () {
|
||||
|
||||
|
|
|
|||
Loading…
Reference in New Issue