Pamanis Bandung Sekitar

Beranda
Layanan
- Kunjungan
  - Suka Duka
  - Lainnya
- Persekutuan
  - Gereja
  - Adat
Kontak
- Pelayanan
  - Kebudayaan
  - Pendeta
  - Pemerintah
  - Olahraga
  - Lainnya
- Masyarakat
  - Bandung
  - Luar Bandung
Kegiatan
- Pelayanan
- Kebudayaan
- Olahraga
- Sosial
- Lainnya
Tentang

System Dark Light

Populer
Terbaru
Artikel
Info
Kegiatan
Pertemuan

Beranda Tentang Pamanis (Paguyuban Masyarakat Nias Bandung Dan Sekitarnya)

Tentang Pamanis (Paguyuban Masyarakat Nias Bandung Dan Sekitarnya)

Table of Contents

Posting Komentar

Rekening Pamanis

Dukungan /bantuan dapat disalurkan di Rekening Bendahara Pamanis Bapak Ama Jessi Telaumbanua :

BANK BCA : 0089-7979-95

An

Suka Damai Telaumbanua

*Laporan keuangan Pamanis akan kami sampaikan secara berkala kepada semua warga Nias Bandung dan sekitarnya Saohagolo 🙏.*

// smooth scroll for anchor links document.querySelectorAll('a[href^="#"]').forEach(a=>{ a.addEventListener('click', function(e){ const href = this.getAttribute('href'); if(href === '#') return; const el = document.querySelector(href); if(el){ e.preventDefault(); el.scrollIntoView({behavior:'smooth', block:'start'}); // close mobile nav if(navLinks.classList.contains('open')) navLinks.classList.remove('open'); } }); }); // SIMPLE SLIDER (manual prev/next) document.addEventListener("DOMContentLoaded", function(){ const slider = document.querySelector('#activity-slider'); if(!slider) return; const slidesWrap = slider.querySelector('.slides'); const slides = Array.from(slider.querySelectorAll('.slide')); const prev = slider.querySelector('.prev'); const next = slider.querySelector('.next'); let index = 0; let slideStep = 0; // jarak per slide dalam px (slide width + gap) // hitung lebar yang harus digeser setiap pergantian slide function recalcStep(){ if(!slides.length) return; // lebar slide aktual (mengambil bounding rect dari slide pertama) const rect = slides[0].getBoundingClientRect(); // baca gap dari style (misal "14px") const computed = window.getComputedStyle(slidesWrap); const gapStr = computed.getPropertyValue('gap') || computed.getPropertyValue('column-gap') || '0px'; const gapPx = parseFloat(gapStr) || 0; slideStep = Math.round(rect.width + gapPx); } // tampilkan slide ke i (menggeser dalam px) function show(i){ if(!slides.length) return; index = (i + slides.length) % slides.length; slidesWrap.style.transform = `translateX(-${index * slideStep}px)`; } // bind event prev.addEventListener('click', ()=> show(index - 1)); next.addEventListener('click', ()=> show(index + 1)); // recompute saat load & saat resize agar responsif window.addEventListener('load', ()=> { recalcStep(); show(index); }); window.addEventListener('resize', ()=> { // recalc dulu kemudian show agar posisi tetap pas recalcStep(); show(index); }); // inisialisasi segera recalcStep(); show(index); // Jika mau autoplay (opsional) — uncomment saja: // let autoplay = setInterval(()=> show(index + 1), 5000); // slider.addEventListener('mouseenter', ()=> clearInterval(autoplay)); // slider.addEventListener('mouseleave', ()=> autoplay = setInterval(()=> show(index + 1), 5000)); });