{"id":65,"date":"2026-04-26T17:57:02","date_gmt":"2026-04-26T17:57:02","guid":{"rendered":"https:\/\/ertesebelas.id\/?page_id=65"},"modified":"2026-04-26T18:03:15","modified_gmt":"2026-04-26T18:03:15","slug":"cctv","status":"publish","type":"page","link":"https:\/\/ertesebelas.id\/index.php\/cctv\/","title":{"rendered":"CCTV"},"content":{"rendered":"<style>\r\n\t.breadcrumb-wrapper {margin-top: -68px;}\r\n\t.full-width #content .content-grid {max-width: 100%;}\r\n\t.full-width .page-header {margin-top: -22px;}\r\n\/* Container Utama *\/\r\n.cctv-dashboard {\r\n    padding: 30px 15px;\r\n    font-family: 'Inter', sans-serif;\r\n    border-radius: 15px;\r\n\tmargin-top: -98px;\r\n}\r\n\r\n.command-header {\r\n    text-align: center;\r\n    margin-bottom: 0px;\r\n}\r\n\r\n.command-header h2 {\r\n    color: #f8fafc;\r\n    font-size: 24px;\r\n    letter-spacing: 1px;\r\n    text-transform: uppercase;\r\n    margin: 0;\r\n}\r\n\r\n\/* Grid System *\/\r\n.cctv-grid {\r\n    display: grid;\r\n    grid-template-columns: 1fr;\r\n    gap: 5px;\r\n    max-width: 1200px;\r\n    margin: 0 auto;\r\n\tmargin-top: -15px;\r\n}\r\n\r\n\/* Untuk Tablet & Layar yang lebih lebar dari 768px *\/\r\n@media (min-width: 768px) {\r\n    .cctv-grid {\r\n        grid-template-columns: repeat(2, 1fr); \/* Jadi 2 Kolom *\/\r\n    }\r\n}\r\n\r\n\/* Untuk Desktop (Layar > 1024px) *\/\r\n@media (min-width: 1024px) {\r\n    .cctv-grid {\r\n        grid-template-columns: repeat(auto-fit, minmax(320px, 1fr)); \r\n    }\r\n}\r\n\r\n\/* Card Kamera *\/\r\n.camera-card {\r\n    background: rgba(30, 41, 59, 0.7);\r\n    backdrop-filter: blur(10px);\r\n    border: 1px solid rgba(255, 255, 255, 0.1);\r\n    border-radius: 12px;\r\n    overflow: hidden;\r\n    transition: all 0.3s ease;\r\n    position: relative;\r\n}\r\n\r\n.camera-card:hover {\r\n    transform: translateY(-5px);\r\n    border-color: #3b82f6;\r\n    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.4);\r\n}\r\n\r\n\/* Header Card *\/\r\n.camera-info {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: center;\r\n    padding: 12px 15px;\r\n    background: rgba(15, 23, 42, 0.9);\r\n}\r\n\r\n.camera-title {\r\n    color: #e2e8f0;\r\n    font-size: 13px;\r\n    font-weight: 600;\r\n    text-transform: uppercase;\r\n}\r\n\r\n\/* Iframe Styling *\/\r\n.video-wrapper {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 220px;\r\n    background: #000;\r\n}\r\n\r\n.video-wrapper iframe {\r\n    width: 100%;\r\n    height: 100%;\r\n    border: none;\r\n}\r\n\r\n\/* Live Indicator Animation *\/\r\n.status-live {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 6px;\r\n    color: #22c55e;\r\n    font-size: 11px;\r\n    font-weight: bold;\r\n}\r\n\r\n.pulse-dot {\r\n    width: 8px;\r\n    height: 8px;\r\n    background-color: #22c55e;\r\n    border-radius: 50%;\r\n    box-shadow: 0 0 0 rgba(34, 197, 94, 0.4);\r\n    animation: pulse 1.5s infinite;\r\n}\r\n\r\n@keyframes pulse {\r\n    0% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0.7); }\r\n    70% { box-shadow: 0 0 0 10px rgba(34, 197, 94, 0); }\r\n    100% { box-shadow: 0 0 0 0 rgba(34, 197, 94, 0); }\r\n}\r\n\r\n\/* Scanline Effect (Opsional untuk gaya Cyber) *\/\r\n.video-wrapper::after {\r\n    content: \"\";\r\n    position: absolute;\r\n    top: 0; left: 0; width: 100%; height: 100%;\r\n    background: linear-gradient(rgba(18, 16, 16, 0) 50%, rgba(0, 0, 0, 0.1) 50%), \r\n                linear-gradient(90deg, rgba(255, 0, 0, 0.02), rgba(0, 255, 0, 0.01), rgba(0, 0, 255, 0.02));\r\n    background-size: 100% 3px, 3px 100%;\r\n    pointer-events: none;\r\n}\r\n<\/style>\r\n\r\n<div class=\"cctv-dashboard\">\r\n    <div class=\"command-header\">\r\n        <h2>RT 11 RW 7<\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"cctv-grid\">\r\n        <div class=\"camera-card\">\r\n            <div class=\"camera-info\">\r\n                <span class=\"camera-title\">CCTV 1<\/span>\r\n                <div class=\"status-live\">\r\n                    <div class=\"pulse-dot\"><\/div> LIVE\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"video-wrapper\">\r\n                <iframe src=\"https:\/\/cctv.balitower.co.id\/Bendungan-Hilir-003-700014_1\/embed.html\"><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"camera-card\">\r\n            <div class=\"camera-info\">\r\n                <span class=\"camera-title\">CCTV 2<\/span>\r\n                <div class=\"status-live\">\r\n                    <div class=\"pulse-dot\"><\/div> LIVE\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"video-wrapper\">\r\n                <iframe src=\"https:\/\/cctv.balitower.co.id\/Gelora-017-700470_2\/embed.html\"><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"camera-card\">\r\n            <div class=\"camera-info\">\r\n                <span class=\"camera-title\">CCTV 3<\/span>\r\n                <div class=\"status-live\">\r\n                    <div class=\"pulse-dot\"><\/div> LIVE\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"video-wrapper\">\r\n                <iframe src=\"https:\/\/cctv.balitower.co.id\/Gelora-017-700470_4\/embed.html\"><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n\r\n        <div class=\"camera-card\">\r\n            <div class=\"camera-info\">\r\n                <span class=\"camera-title\">CCTV 4<\/span>\r\n                <div class=\"status-live\">\r\n                    <div class=\"pulse-dot\"><\/div> LIVE\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"video-wrapper\">\r\n                <iframe src=\"https:\/\/cctv.balitower.co.id\/Jati-Pulo-001-702017_2\/embed.html\"><\/iframe>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n<\/div>\r\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"slim_seo":{"title":"CCTV - Ertesebelas.id","description":"RT 11 RW 7 CCTV 1 LIVE CCTV 2 LIVE CCTV 3 LIVE CCTV 4 LIVE"},"footnotes":""},"class_list":["post-65","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ertesebelas.id\/index.php\/wp-json\/wp\/v2\/pages\/65","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ertesebelas.id\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ertesebelas.id\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ertesebelas.id\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ertesebelas.id\/index.php\/wp-json\/wp\/v2\/comments?post=65"}],"version-history":[{"count":7,"href":"https:\/\/ertesebelas.id\/index.php\/wp-json\/wp\/v2\/pages\/65\/revisions"}],"predecessor-version":[{"id":75,"href":"https:\/\/ertesebelas.id\/index.php\/wp-json\/wp\/v2\/pages\/65\/revisions\/75"}],"wp:attachment":[{"href":"https:\/\/ertesebelas.id\/index.php\/wp-json\/wp\/v2\/media?parent=65"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}