ikan Uploader :
Directory : /var/www/new-ppid-app/partials/
Upload File : |
| Current File : /var/www/new-ppid-app/partials/footer.php |
<?php
/**
* Partial: footer publik + penutup dokumen HTML.
*/
$socials = array_filter([
['fa-facebook-f', SOCIAL_FACEBOOK, 'Facebook'],
['fa-instagram', SOCIAL_INSTAGRAM, 'Instagram'],
['fa-youtube', SOCIAL_YOUTUBE, 'YouTube'],
['fa-tiktok', SOCIAL_TIKTOK, 'TikTok'],
], static fn ($s) => !empty($s[1]));
?>
<footer class="bg-slate-900 text-slate-300 pt-16 pb-10 border-t border-slate-800 mt-auto">
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-10">
<div class="lg:col-span-1">
<div class="flex items-center gap-3 mb-5">
<div class="bg-white keep-light rounded-lg p-1.5 shrink-0">
<img src="<?= e(asset('logomateng.webp')) ?>" alt="Logo Kab. Mamuju Tengah" class="h-9 w-auto">
</div>
<span class="text-lg font-bold text-white leading-tight">PPID<br>Mamuju Tengah</span>
</div>
<p class="text-sm text-slate-400 mb-5 leading-relaxed">
<?= e(t('Pusat pelayanan informasi publik resmi Pemerintah Kabupaten Mamuju Tengah. Mewujudkan tata kelola pemerintahan yang bersih dan transparan di Bumi Lalla Tassisara.')) ?>
</p>
<?php if ($socials): ?>
<div class="flex items-center gap-3">
<?php foreach ($socials as $s): ?>
<a href="<?= e($s[1]) ?>" target="_blank" rel="noopener" aria-label="<?= e($s[2]) ?>" class="w-9 h-9 rounded-full bg-slate-800 hover:bg-mateng-green text-slate-300 hover:text-white flex items-center justify-center transition-colors">
<i class="fab <?= e($s[0]) ?>"></i>
</a>
<?php endforeach; ?>
</div>
<?php endif; ?>
</div>
<div>
<h4 class="text-white font-bold mb-5 tracking-wide"><?= e(t('TAUTAN PENTING')) ?></h4>
<ul class="space-y-3 text-sm">
<li><a href="https://mamujutengahkab.go.id" target="_blank" rel="noopener" class="hover:text-mateng-gold transition-colors flex items-center gap-2"><i class="fas fa-chevron-right text-xs"></i> <?= e(t('Portal Pemkab Mamuju Tengah')) ?></a></li>
<li><a href="https://www.lapor.go.id" target="_blank" rel="noopener" class="hover:text-mateng-gold transition-colors flex items-center gap-2"><i class="fas fa-chevron-right text-xs"></i> <?= e(t('Lapor! (Layanan Aspirasi)')) ?></a></li>
<li><a href="<?= e(url('regulasi.php')) ?>" class="hover:text-mateng-gold transition-colors flex items-center gap-2"><i class="fas fa-chevron-right text-xs"></i> <?= e(t('Standar Operasional Prosedur')) ?></a></li>
<li><a href="<?= e(url('informasi.php?kategori=setiap-saat')) ?>" class="hover:text-mateng-gold transition-colors flex items-center gap-2"><i class="fas fa-chevron-right text-xs"></i> <?= e(t('Daftar Informasi Publik (DIP)')) ?></a></li>
<li><a href="<?= e(url('saran.php')) ?>" class="hover:text-mateng-gold transition-colors flex items-center gap-2"><i class="fas fa-chevron-right text-xs"></i> <?= e(t('Kotak Saran & Masukan')) ?></a></li>
<li><a href="<?= e(url('faq.php')) ?>" class="hover:text-mateng-gold transition-colors flex items-center gap-2"><i class="fas fa-chevron-right text-xs"></i> <?= e(t('Tanya Jawab (FAQ)')) ?></a></li>
</ul>
</div>
<div>
<h4 class="text-white font-bold mb-5 tracking-wide"><?= e(t('HUBUNGI KAMI')) ?></h4>
<ul class="space-y-4 text-sm">
<li class="flex items-start gap-3"><i class="fas fa-map-marker-alt mt-1 text-mateng-green"></i><span><?= e(PPID_ALAMAT) ?></span></li>
<li class="flex items-center gap-3"><i class="fas fa-envelope text-mateng-green"></i><span><?= e(PPID_EMAIL) ?></span></li>
<li class="flex items-center gap-3"><i class="fas fa-phone text-mateng-green"></i><span><?= e(PPID_TELP) ?></span></li>
<li class="flex items-start gap-3"><i class="far fa-clock mt-0.5 text-mateng-green"></i><span><?= e(t('Jam Pelayanan')) ?>: Senin–Kamis 08.00–16.00 · Jumat 08.00–16.30 WITA</span></li>
</ul>
</div>
<div>
<h4 class="text-white font-bold mb-5 tracking-wide"><?= e(t('LOKASI KANTOR')) ?></h4>
<div class="rounded-xl overflow-hidden border border-slate-700 shadow-lg">
<iframe
src="<?= e(PPID_MAPS_EMBED) ?>"
width="100%" height="170" style="border:0;" allowfullscreen="" loading="lazy"
referrerpolicy="no-referrer-when-downgrade" title="Peta Lokasi Kantor PPID Mamuju Tengah"></iframe>
</div>
<a href="<?= e(PPID_MAPS_LINK) ?>" target="_blank" rel="noopener" class="inline-flex items-center gap-2 text-sm text-mateng-gold hover:underline mt-3">
<i class="fas fa-location-arrow"></i> <?= e(t('Buka di Google Maps')) ?>
</a>
</div>
</div>
<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 mt-12 pt-8 border-t border-slate-800 text-sm text-center text-slate-500">
© <?= date('Y') ?> PPID Kabupaten Mamuju Tengah. <?= e(t('Hak Cipta Dilindungi.')) ?>
<div class="mt-3 inline-flex items-center gap-2 text-xs text-slate-400 bg-slate-800/60 rounded-full px-3 py-1.5">
<i class="fas fa-user-group text-mateng-green"></i>
<span><strong class="text-slate-200 font-semibold"><?= number_format(analytics_total_visitors()) ?></strong> <?= e(t('pengunjung')) ?></span>
</div>
</div>
</footer>
<?php require __DIR__ . '/floating-widget.php'; ?>
<?php require __DIR__ . '/survey-widget.php'; ?>
<script>
(function () {
function rid() { return Date.now().toString(36) + Math.random().toString(36).slice(2, 12); }
var vid, sid;
try {
vid = localStorage.getItem('ppid_vid'); if (!vid) { vid = rid(); localStorage.setItem('ppid_vid', vid); }
sid = sessionStorage.getItem('ppid_sid'); if (!sid) { sid = rid(); sessionStorage.setItem('ppid_sid', sid); }
} catch (e) { vid = rid(); sid = rid(); }
var endpoint = '<?= e(url('track.php')) ?>';
var path = location.pathname || '/';
var start = Date.now();
function send(data) {
try {
var body = new URLSearchParams(data);
if (navigator.sendBeacon) { navigator.sendBeacon(endpoint, body); }
else { fetch(endpoint, { method: 'POST', body: body, keepalive: true }); }
} catch (e) {}
}
send({ t: 'view', vid: vid, sid: sid, path: path, title: document.title });
var sent = false;
function leave() {
if (sent) { return; } sent = true;
send({ t: 'dur', vid: vid, sid: sid, path: path, dur: Math.round((Date.now() - start) / 1000) });
}
document.addEventListener('visibilitychange', function () { if (document.visibilityState === 'hidden') { leave(); } });
window.addEventListener('pagehide', leave);
})();
</script>
</body>
</html>
Kontol Shell Bypass