[
  {
    "id": "code-custom",
    "name": "Marquee",
    "icon": "⚙️",
    "html": "<div class=\"full-width-ticker\">\n    <style>\n        .full-width-ticker {\n            width: 100%;\n            background: #47A3BB; /* Dark background */\n            border-top: 1px solid #444;\n            border-bottom: 1px solid #444;\n            overflow: hidden; /* Hides the text as it leaves the box */\n            white-space: nowrap;\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n            box-sizing: border-box;\n            cursor: default;\n        }\n\n        .ticker-track-full {\n            display: inline-block;\n            padding: 12px 0;\n            /* Control speed here (higher = slower) */\n            animation: marquee-loop 20s linear infinite;\n        }\n\n        .ticker-headline {\n            display: inline-block;\n            color: #ffffff;\n            font-size: 1.1rem;\n            padding: 0 50px; /* Space between headlines */\n        }\n\n        /* The Dot Separator */\n        .ticker-headline::after {\n            content: \"•\";\n            color: #ff3e3e; /* Red dot separator */\n            margin-left: 50px;\n        }\n\n        /* Seamless Animation */\n        @keyframes marquee-loop {\n            0% { transform: translateX(0); }\n            100% { transform: translateX(-50%); }\n        }\n\n        /* Pause on Hover */\n        .full-width-ticker:hover .ticker-track-full {\n            animation-play-state: paused;\n        }\n    </style>\n    <div class=\"ticker-track-full\" id=\"ticker-track\">\n        <span class=\"ticker-headline\">\nSELAMAT DATANG KE PORTAL RASMI BANCI EKONOMI 2026</span>\n</div>\n        <script>\n            (function() {\n            const track = document.getElementById('ticker-track');\n            if (track) {\n                // Duplicate the content to create the infinite loop effect\n                track.innerHTML += track.innerHTML;\n            }\n        })();\n        </script>\n    </div>",
    "styles": {
      "fontSize": "16px",
      "fontFamily": "inherit",
      "textAlign": "left"
    },
    "cssClasses": "",
    "customCSS": ""
  }
]