Default page

Viewing : front-template.php

<!DOCTYPE html>
<html lang="id">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    
    <title><?= $title ?? 'Beranda'; ?> | <?= $cms['app_name'] ?? 'CORECMS'; ?></title>
    <meta name="description" content="<?= $description ?? $cms['meta_description'] ?? 'Selamat datang di portal resmi.'; ?>">
    <meta name="keywords" content="portal, informasi, pendis, kemenag, <?= $cms['app_name'] ?>">
    <meta name="author" content="<?= $cms['app_name'] ?>">
    <meta name="robots" content="index, follow">

    <meta property="og:type" content="website">
    <meta property="og:url" content="<?= current_url() ?>">
    <meta property="og:title" content="<?= $title ?? 'Portal Terpadu'; ?> | <?= $cms['app_name'] ?>">
    <meta property="og:description" content="<?= $description ?? $cms['meta_description'] ?>">

    <?php 
        // Cek apakah ada gambar berita yang dikirim dari controller
        if (isset($image) && !empty($image)) {
            $metaImage = $image;
        } elseif (!empty($cms['app_logo_square'])) {
            // Jika tidak ada, pakai logo square dari config
            $metaImage = base_url('uploads/config/' . $cms['app_logo_square']);
        } else {
            // Jika logo config juga kosong, pakai default placeholder
            $metaImage = base_url('assets/img/default-share.jpg');
        }
    ?>
    
    <meta property="og:image" content="<?= $metaImage ?>">

    <meta name="twitter:card" content="summary_large_image">
    <meta name="twitter:title" content="<?= $title ?? 'Portal Terpadu'; ?>">
    <meta name="twitter:description" content="<?= $description ?? $cms['meta_description'] ?>">
    <meta name="twitter:image" content="<?= $metaImage ?>">

    <?php if(!empty($cms['app_logo_square'])): ?>
        <link rel="shortcut icon" type="image/png" href="<?= base_url('uploads/config/'.$cms['app_logo_square']) ?>">
        <link rel="apple-touch-icon" href="<?= base_url('uploads/config/'.$cms['app_logo_square']) ?>">
    <?php else: ?>
        <link rel="shortcut icon" type="image/png" href="/favicon.ico">
    <?php endif; ?>

    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&display=swap" rel="stylesheet">
    <link href="<?=base_url('assets/frontend/bootstrap-5.3.8-dist/css/')?>bootstrap.min.css" rel="stylesheet">
    <link rel="stylesheet" href="<?=base_url('assets/frontend/')?>bootstrap-icons-1.11.0/font/bootstrap-icons.min.css">

    <link rel="stylesheet" href="<?=base_url('assets/frontend/')?>fancybox/fancybox.css">

    <style>
        :root { --bs-primary: #008080; --bs-primary-rgb: 0, 128, 128; }
        body { background-color: #f8f9fa; font-family: 'Inter', sans-serif; color: #333; }
        .rounded-4 { border-radius: 1rem !important; }
        .object-fit-cover { object-fit: cover; }
        .navbar { transition: all 0.3s ease; box-shadow: 0 2px 10px rgba(0,0,0,0.05); }
        /* ... Sisa style Bapak ... */
    </style>
    <script src="<?=base_url('assets/frontend/')?>fancybox/fancybox.umd.js"></script>
    <?= $this->renderSection('head'); ?>
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8768658616689267"
     crossorigin="anonymous"></script>
</head>
<body>

    <nav class="navbar navbar-expand-lg navbar-light bg-white shadow-sm sticky-top py-3">
        <div class="container">
            <a class="navbar-brand d-flex align-items-center" href="<?= base_url() ?>">
                <?php if (!empty($cms['app_logo'])): ?>
                    <img src="<?= base_url('uploads/config/' . $cms['app_logo']) ?>" 
                         alt="<?= $cms['app_name'] ?>" 
                         style="height: 45px; width: auto; object-fit: contain;">
                <?php else: ?>
                    <a class="navbar-brand fw-bold text-primary fs-4" href="/"><i class="bi bi-stack"></i> <?= $cms['app_name'] ?></a>
                <?php endif; ?>
            </a>
            
            <button class="navbar-toggler border-0" type="button" data-bs-toggle="collapse" data-bs-target="#mainNav">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="mainNav">
                <ul class="navbar-nav ms-auto mb-2 mb-lg-0">
                    <li class="nav-item"><a class="nav-link px-3 active" href="/">BERANDA</a></li>
                    <li class="nav-item"><a class="nav-link px-3" href="<?=base_url('informasi')?>">INFORMASI</a></li>
                    <li class="nav-item"><a class="nav-link px-3" href="<?=base_url('foto')?>">FOTO</a></li>
                    <li class="nav-item"><a class="nav-link px-3" href="<?=base_url('video')?>">VIDEO</a></li>
                </ul>
                <div class="ms-lg-4">
                    <a href="<?=base_url('admin/dashboard')?>" class="btn btn-primary rounded-pill px-4">MASUK</a>
                </div>
            </div>
        </div>
    </nav>

    <main>
        <?= $this->renderSection('content'); ?>
    </main>

    <footer class="pt-5 pb-3 bg-white border-top mt-5">
        <div class="container">
            <div class="row g-4">
                <div class="col-lg-5">
                    <h5 class="fw-bold text-primary mb-3"><?= $cms['app_name'] ?></h5>
                    <p class="fw-bold text-dark mb-1">Alamat</p>
                    <p class="small text-secondary"><?= $cms['app_address'] ?></p>
                    <p class="fw-bold text-dark mb-1">Hubungi Kami</p>
                    <p class="small text-secondary"><?= $cms['app_email'] ?> - <?= $cms['app_phone'] ?></p>
                    <div class="d-flex gap-3 fs-5 mt-3">
                        <a href="#" class="text-primary"><i class="bi bi-facebook"></i></a>
                        <a href="#" class="text-danger"><i class="bi bi-instagram"></i></a>
                        <a href="#" class="text-dark"><i class="bi bi-twitter-x"></i></a>
                        <a href="#" class="text-danger"><i class="bi bi-youtube"></i></a>
                    </div>
                </div>
                <div class="col-lg-3">
                    <h6 class="fw-bold mb-3">Link Terkait</h6>
                    <ul class="list-unstyled small text-secondary">
                        <a href="https://iaidepok.ac.id" target="_blank"><li class="mb-2">Sistem Informasi Akademik</li></a>
                        <a href="https://pmb.uidepok.ac.id" target="_blank"><li class="mb-2">Penerimaan Mahasiswa Baru</li></a>
                        <a href="https://uidepok.ac.id" target="_blank"><li class="mb-2">Website Kampus</li></a>
                    </ul>
                </div>
                <div class="col-lg-4">
                    <div class="d-flex gap-2">
                        <?php if (!empty($cms['app_logo'])): ?>
                            <img src="<?= base_url('uploads/config/' . $cms['app_logo_square']) ?>" height="185" alt="<?= $cms['app_name'] ?>">
                        <?php else: ?>
                            <img src="https://upload.wikimedia.org/wikipedia/commons/3/3c/Download_on_the_App_Store_Badge.svg" height="35">
                        <?php endif; ?>
                    </div>
                </div>
            </div>
            <hr class="my-4 opacity-25">
            <div class="d-flex justify-content-between small text-secondary">
                <span>&copy; <?= date('Y'); ?> <?= $cms['app_name'] ?> - PUSDATIN UID</span>
            </div>
        </div>
    </footer>

    <script src="<?=base_url('assets/frontend/bootstrap-5.3.8-dist/js/')?>bootstrap.bundle.min.js"></script>
    <?= $this->renderSection('scripts'); ?>
</body>
</html>