{"id":18,"date":"2026-04-22T18:27:02","date_gmt":"2026-04-22T18:27:02","guid":{"rendered":"https:\/\/reggaetonradio.nl\/?page_id=18"},"modified":"2026-04-22T20:09:27","modified_gmt":"2026-04-22T20:09:27","slug":"home","status":"publish","type":"page","link":"https:\/\/reggaetonradio.nl\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"18\" class=\"elementor elementor-18\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6e128e6 e-con-full e-flex e-con e-parent\" data-id=\"6e128e6\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-269fd60 elementor-widget elementor-widget-html\" data-id=\"269fd60\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* ================= ROOT ================= *\/\r\n.reggaeton-wrap{\r\n    margin:0;\r\n    background:#000;\r\n    font-family:Arial, sans-serif;\r\n    color:#fff;\r\n    overflow-x:hidden;\r\n}\r\n\r\n\/* ================= TICKER ================= *\/\r\n#top-ticker{\r\n    position:relative;\r\n    background:linear-gradient(90deg,#0a0a0a,#0f1a0f,#0a0a0a);\r\n    border-bottom:2px solid #1db954;\r\n    overflow:hidden;\r\n    white-space:nowrap;\r\n}\r\n\r\n#top-content{\r\n    display:inline-block;\r\n    padding:8px 0;\r\n    padding-left:100%;\r\n    animation:scroll 60s linear infinite;\r\n    font-size:12px;\r\n    color:#eaeaea;\r\n}\r\n\r\n@keyframes scroll{\r\n    0%{transform:translateX(0);}\r\n    100%{transform:translateX(-100%);}\r\n}\r\n\r\n\/* ================= SLIDER ================= *\/\r\n.slider{\r\n    position:relative;\r\n    height:180px;\r\n    width:100%;\r\n    overflow:hidden;\r\n}\r\n\r\n.slide{\r\n    position:absolute;\r\n    inset:0;\r\n    background-size:cover;\r\n    background-position:center;\r\n    opacity:0;\r\n    transition:1s;\r\n}\r\n\r\n.slide.active{opacity:1;}\r\n\r\n.overlay{\r\n    position:absolute;\r\n    inset:0;\r\n    background:linear-gradient(90deg,rgba(0,120,0,0.35),rgba(255,200,0,0.15),rgba(0,0,0,0.6));\r\n}\r\n\r\n.overlay-dark{\r\n    position:absolute;\r\n    inset:0;\r\n    background:rgba(0,0,0,0.55);\r\n}\r\n\r\n.banner-text{\r\n    position:absolute;\r\n    width:100%;\r\n    top:50%;\r\n    transform:translateY(-50%);\r\n    text-align:center;\r\n}\r\n\r\n.banner-text h1{\r\n    margin:0;\r\n    font-size:20px;\r\n    color:#ffd700;\r\n}\r\n\r\n.banner-text span{\r\n    font-size:12px;\r\n    background:rgba(0,0,0,0.5);\r\n    padding:4px 8px;\r\n    border-radius:6px;\r\n    color:#1db954;\r\n}\r\n\r\n\/* ================= ROW BLOCKS ================= *\/\r\n.info-row{\r\n    display:flex;\r\n    flex-wrap:wrap; \/* BELANGRIJK voor mobiel *\/\r\n    gap:6px;\r\n\r\n    background: radial-gradient(circle at top, #0b0b0b 0%, #000 90%);\r\n    border-top:2px solid #1db954;\r\n\r\n    padding:6px;\r\n    box-sizing:border-box;\r\n}\r\n\r\n\/* BLOCK *\/\r\n.block{\r\n    flex:1;\r\n    min-width:220px;\r\n\r\n    padding:8px 10px;\r\n    border-radius:10px;\r\n\r\n    background:rgba(255,255,255,0.03);\r\n    border:1px solid rgba(255,255,255,0.08);\r\n\r\n    font-size:12px;\r\n    line-height:1.4;\r\n\r\n    text-align:center;\r\n}\r\n\r\n\/* COLORS *\/\r\n.greet{ color:#ffd700; }\r\n.weather{ color:#1db954; }\r\n.stream{ color:#fff; }\r\n\r\n.title{\r\n    font-weight:bold;\r\n    margin-bottom:4px;\r\n}\r\n\r\n\/* MOBILE FIX *\/\r\n@media(max-width:600px){\r\n    .slider{ height:150px; }\r\n    .block{ min-width:100%; } \/* stack op mobiel *\/\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"reggaeton-wrap\">\r\n\r\n<!-- ================= TICKER ================= -->\r\n<div id=\"top-ticker\">\r\n    <div id=\"top-content\">Nieuws laden...<\/div>\r\n<\/div>\r\n\r\n<!-- ================= SLIDER ================= -->\r\n<div class=\"slider\">\r\n\r\n    <div class=\"slide active\" style=\"background-image:url('https:\/\/reggaetonradio.nl\/wp-content\/uploads\/2026\/04\/desktop-wallpaper-marijuana-backgrounds-trippy-rasta-weed.jpg')\"><\/div>\r\n    <div class=\"slide\" style=\"background-image:url('https:\/\/wallpapercave.com\/wp\/wp4788972.jpg')\"><\/div>\r\n    <div class=\"slide\" style=\"background-image:url('https:\/\/img.freepik.com\/premium-photo\/banner-energizing-reggae-music-cbd-sleep_879987-10197.jpg')\"><\/div>\r\n\r\n    <div class=\"overlay\"><\/div>\r\n    <div class=\"overlay-dark\"><\/div>\r\n\r\n    <div class=\"banner-text\">\r\n        <h1>REGGAETONRADIO.NL<\/h1>\r\n        <span>\ud83c\udf34 Latin \u2022 Reggae \u2022 Urban<\/span>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- ================= ROW BLOCKS ================= -->\r\n<div class=\"info-row\">\r\n\r\n    <div id=\"greeting\" class=\"block greet\">Laden...<\/div>\r\n\r\n    <div id=\"weather\" class=\"block weather\">Weer laden...<\/div>\r\n\r\n    <div class=\"block stream\">\r\n        <div class=\"title\">\ud83c\udfa7 LIVE STREAM<\/div>\r\n        \ud83d\udd34 <span id=\"status\">laden...<\/span><br>\r\n        \ud83c\udfb5 <span id=\"song\">laden...<\/span>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\n\/* SLIDER *\/\r\nlet i=0;\r\nconst slides=document.querySelectorAll(\".slide\");\r\n\r\nsetInterval(()=>{\r\n    slides[i].classList.remove(\"active\");\r\n    i=(i+1)%slides.length;\r\n    slides[i].classList.add(\"active\");\r\n},5000);\r\n\r\n\/* GREETING *\/\r\nfunction greet(){\r\n    const h=new Date().getHours();\r\n\r\n    let t =\r\n        h < 12 ? \"\ud83c\udf05 Goedemorgen - ReggaetonRadio\" :\r\n        h < 18 ? \"\u2600\ufe0f Goedemiddag - ReggaetonRadio\" :\r\n        h < 23 ? \"\ud83c\udf19 Goedenavond - ReggaetonRadio\" :\r\n        \"\ud83c\udf34 Goedenacht - ReggaetonRadio\";\r\n\r\n    document.getElementById(\"greeting\").innerText=t;\r\n}\r\ngreet();\r\n\r\n\/* WEATHER *\/\r\nasync function weather(){\r\n    try{\r\n        const r=await fetch(\"https:\/\/api.open-meteo.com\/v1\/forecast?latitude=52.79&longitude=6.89&current_weather=true&daily=temperature_2m_max,temperature_2m_min,weathercode&timezone=auto\");\r\n        const d=await r.json();\r\n\r\n        const w=d.current_weather;\r\n        const day=d.daily;\r\n\r\n        document.getElementById(\"weather\").innerHTML=\r\n        \"\ud83c\udf24\ufe0f Weer Emmen<br>\"+\r\n        \"Vandaag \"+w.temperature+\"\u00b0C<br>\"+\r\n        \"Morgen \"+day.temperature_2m_max[1]+\"\u00b0C\";\r\n\r\n    }catch{\r\n        document.getElementById(\"weather\").innerText=\"Weer niet beschikbaar\";\r\n    }\r\n}\r\nweather();\r\n\r\n\/* STREAM *\/\r\nasync function stream(){\r\n    try{\r\n        const r=await fetch(\"https:\/\/radio.chat4beat.nl:8020\/status-json.xsl\");\r\n        const d=await r.json();\r\n\r\n        let s=d.icestats.source;\r\n        if(Array.isArray(s)) s=s[0];\r\n\r\n        document.getElementById(\"song\").innerText=s.title||\"Onbekend\";\r\n        document.getElementById(\"status\").innerText=\"Online \ud83d\udd34\";\r\n\r\n    }catch{\r\n        document.getElementById(\"song\").innerText=\"Offline\";\r\n        document.getElementById(\"status\").innerText=\"Geen verbinding \u26ab\";\r\n    }\r\n}\r\nstream();\r\nsetInterval(stream,15000);\r\n\r\n\/* NEWS *\/\r\nasync function news(){\r\n    try{\r\n        const r=await fetch(\"https:\/\/api.rss2json.com\/v1\/api.json?rss_url=https:\/\/feeds.nos.nl\/nosnieuwsalgemeen\");\r\n        const d=await r.json();\r\n\r\n        document.getElementById(\"top-content\").innerText =\r\n        d.items.slice(0,8).map(i=>\"\u2022 \"+i.title).join(\"   \");\r\n\r\n    }catch{\r\n        document.getElementById(\"top-content\").innerText=\"Nieuws niet beschikbaar\";\r\n    }\r\n}\r\nnews();\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-29c0cce elementor-widget elementor-widget-html\" data-id=\"29c0cce\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\r\n\/* ================= WRAPPER (WORDPRESS SAFE) ================= *\/\r\n.reggaeton-radio{\r\n    font-family:Arial, sans-serif;\r\n    color:#fff;\r\n    background:#000;\r\n}\r\n\r\n\/* achtergrond glow *\/\r\n.reggaeton-radio::before{\r\n    content:\"\";\r\n    position:fixed;\r\n    inset:0;\r\n    background:radial-gradient(circle at top, rgba(29,185,84,0.12), transparent 60%),\r\n               radial-gradient(circle at bottom, rgba(255,200,0,0.08), transparent 60%);\r\n    z-index:-1;\r\n    pointer-events:none;\r\n}\r\n\r\n\/* ================= INFO GRID ================= *\/\r\n.info-grid{\r\n    display:flex;\r\n    flex-wrap:wrap;\r\n    gap:8px;\r\n    padding:10px;\r\n    background:#050505;\r\n}\r\n\r\n.block{\r\n    flex:1;\r\n    min-width:180px;\r\n    padding:10px;\r\n    border-radius:10px;\r\n    background:rgba(29,185,84,0.05);\r\n    border:1px solid rgba(29,185,84,0.2);\r\n    font-size:11px;\r\n}\r\n\r\n.block-title{\r\n    font-weight:bold;\r\n    color:#1db954;\r\n    margin-bottom:5px;\r\n}\r\n\r\n\/* BUTTON *\/\r\n.more-btn{\r\n    margin-top:6px;\r\n    display:inline-block;\r\n    background:#1db954;\r\n    color:#000;\r\n    border:none;\r\n    padding:6px 10px;\r\n    border-radius:6px;\r\n    font-size:11px;\r\n    cursor:pointer;\r\n}\r\n\r\n\/* ================= POPUP ================= *\/\r\n.popup{\r\n    display:none;\r\n    position:fixed;\r\n    inset:0;\r\n    background:rgba(0,0,0,0.85);\r\n    z-index:99999;\r\n    align-items:center;\r\n    justify-content:center;\r\n}\r\n\r\n.popup-box{\r\n    width:90%;\r\n    max-width:520px;\r\n    background:#0a0a0a;\r\n    border:2px solid #1db954;\r\n    border-radius:12px;\r\n    overflow:hidden;\r\n}\r\n\r\n.popup-header{\r\n    padding:12px;\r\n    background:#000;\r\n    color:#1db954;\r\n    font-weight:bold;\r\n    display:flex;\r\n    justify-content:space-between;\r\n    align-items:center;\r\n}\r\n\r\n.close{\r\n    cursor:pointer;\r\n    color:#ff4d4d;\r\n    font-size:16px;\r\n}\r\n\r\n.popup-content{\r\n    padding:12px;\r\n    font-size:12px;\r\n    color:#ddd;\r\n    line-height:1.5;\r\n}\r\n\r\n.popup-content b{\r\n    color:#1db954;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media(max-width:600px){\r\n    .block{\r\n        min-width:100%;\r\n    }\r\n}\r\n\r\n<\/style>\r\n\r\n<div class=\"reggaeton-radio\">\r\n\r\n<!-- ================= BLOCKS ================= -->\r\n<div class=\"info-grid\">\r\n\r\n    <div class=\"block\">\r\n        <div class=\"block-title\">\ud83c\udf34 Reggaeton<\/div>\r\n        Latin urban muziek met zware bass en zomer vibes.\r\n        <br>\r\n        <button class=\"more-btn\" onclick=\"openPopup('reggaeton')\">Meer info<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"block\">\r\n        <div class=\"block-title\">\ud83d\udd25 Bubbling<\/div>\r\n        Nederlandse clubstijl met Caribbean energy.\r\n        <br>\r\n        <button class=\"more-btn\" onclick=\"openPopup('bubbling')\">Meer info<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"block\">\r\n        <div class=\"block-title\">\ud83c\udfa7 Urban<\/div>\r\n        Mix van hiphop, dancehall en club beats.\r\n        <br>\r\n        <button class=\"more-btn\" onclick=\"openPopup('urban')\">Meer info<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"block\">\r\n        <div class=\"block-title\">\ud83c\udf0d Global<\/div>\r\n        Muziek uit de hele wereld met Latin focus.\r\n        <br>\r\n        <button class=\"more-btn\" onclick=\"openPopup('global')\">Meer info<\/button>\r\n    <\/div>\r\n\r\n    <div class=\"block\">\r\n        <div class=\"block-title\">\ud83d\udcfb Live<\/div>\r\n        24\/7 nonstop streaming radio.\r\n        <br>\r\n        <button class=\"more-btn\" onclick=\"openPopup('live')\">Meer info<\/button>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<!-- ================= POPUP ================= -->\r\n<div id=\"popup\" class=\"popup\">\r\n    <div class=\"popup-box\">\r\n\r\n        <div class=\"popup-header\">\r\n            <span id=\"popupTitle\">Info<\/span>\r\n            <span class=\"close\" onclick=\"closePopup()\">\u2716<\/span>\r\n        <\/div>\r\n\r\n        <div class=\"popup-content\" id=\"popupContent\"><\/div>\r\n\r\n    <\/div>\r\n<\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\nfunction openPopup(type){\r\n\r\n    const title=document.getElementById(\"popupTitle\");\r\n    const content=document.getElementById(\"popupContent\");\r\n\r\n    const data={\r\n        reggaeton:{\r\n            t:\"\ud83c\udf34 Reggaeton\",\r\n            c:`<b>Wat is Reggaeton?<\/b><br>\r\n            Latin genre uit Puerto Rico met heavy bass en club vibes.<br><br>\r\n            \u2022 Dembow rhythm<br>\r\n            \u2022 Zomer \/ party sound<br>\r\n            \u2022 Wereldwijd populair`\r\n        },\r\n        bubbling:{\r\n            t:\"\ud83d\udd25 Bubbling\",\r\n            c:`<b>Wat is Bubbling?<\/b><br>\r\n            Nederlandse clubstijl met Caribbean invloed.<br><br>\r\n            \u2022 Snelle edits<br>\r\n            \u2022 Dancehall energie<br>\r\n            \u2022 Club & radio drops`\r\n        },\r\n        urban:{\r\n            t:\"\ud83c\udfa7 Urban Music\",\r\n            c:`<b>Urban sound<\/b><br>\r\n            Mix van hiphop, trap en dancehall.<br><br>\r\n            \u2022 Street culture<br>\r\n            \u2022 Trap beats<br>\r\n            \u2022 Global influence`\r\n        },\r\n        global:{\r\n            t:\"\ud83c\udf0d Global Sound\",\r\n            c:`<b>Global music<\/b><br>\r\n            Wereldwijde mix van genres.<br><br>\r\n            \u2022 Latin \/ Afro \/ US<br>\r\n            \u2022 Trending worldwide`\r\n        },\r\n        live:{\r\n            t:\"\ud83d\udcfb Live Radio\",\r\n            c:`<b>24\/7 Stream<\/b><br>\r\n            Nonstop muziek en live radio.<br><br>\r\n            \u2022 Auto DJ system<br>\r\n            \u2022 Live updates`\r\n        }\r\n    };\r\n\r\n    if(data[type]){\r\n        title.innerHTML=data[type].t;\r\n        content.innerHTML=data[type].c;\r\n    }\r\n\r\n    document.getElementById(\"popup\").style.display=\"flex\";\r\n}\r\n\r\n\/* FIXED CLOSE (ALTIJD WERKT) *\/\r\nfunction closePopup(){\r\n    document.getElementById(\"popup\").style.display=\"none\";\r\n}\r\n\r\n\/* click outside close *\/\r\ndocument.getElementById(\"popup\").addEventListener(\"click\",function(e){\r\n    if(e.target.id===\"popup\"){\r\n        closePopup();\r\n    }\r\n});\r\n\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bf370af elementor-widget elementor-widget-html\" data-id=\"bf370af\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"credits\">\r\n\r\n<style>\r\n.credits{\r\n    width:100%;\r\n    background: radial-gradient(circle at top, #0b0b0b 0%, #000 90%);\r\n    color:#ddd;\r\n    font-family:'Segoe UI', Arial, sans-serif;\r\n    padding:26px 14px;\r\n    text-align:center;\r\n    border-top:1px solid rgba(255,208,0,0.18);\r\n}\r\n\r\n\/* TITEL *\/\r\n.credits h2{\r\n    margin:0;\r\n    font-size:22px;\r\n    font-weight:800;\r\n    color:#ffd000;\r\n    text-shadow:0 0 10px rgba(255,208,0,0.2);\r\n}\r\n\r\n\/* SUB TEKST *\/\r\n.credits .sub{\r\n    font-size:13px;\r\n    color:#aaa;\r\n    margin-top:6px;\r\n}\r\n\r\n\/* PARAGRAPH *\/\r\n.credits p{\r\n    max-width:900px;\r\n    margin:12px auto;\r\n    font-size:14px;\r\n    line-height:1.7;\r\n    color:#d6d6d6;\r\n}\r\n\r\n\/* STREAM INFO *\/\r\n.streambox{\r\n    max-width:700px;\r\n    margin:18px auto;\r\n    padding:14px;\r\n    border-radius:12px;\r\n    background:rgba(255,255,255,0.03);\r\n    border:1px solid rgba(255,208,0,0.2);\r\n    color:#fff;\r\n    font-size:13px;\r\n    line-height:1.6;\r\n}\r\n\r\n\/* FOOTER FEEL *\/\r\n.footer-vibe{\r\n    margin-top:18px;\r\n    font-size:13px;\r\n    color:#ffd000;\r\n    opacity:0.9;\r\n}\r\n\r\n\/* MOBILE *\/\r\n@media (max-width:600px){\r\n    .credits{\r\n        padding:22px 10px;\r\n    }\r\n    .credits h2{\r\n        font-size:18px;\r\n    }\r\n}\r\n<\/style>\r\n\r\n<h2>ReggaetonRadio.nl<\/h2>\r\n<div class=\"sub\">Latin \u2022 Reggae \u2022 Urban vibes \u2022 24\/7 Flow<\/div>\r\n\r\n<p>\r\nEr was eens een radio die meer wilde zijn dan alleen muziek\u2026  \r\neen gevoel dat de hele dag met je meebeweegt.\r\n<\/p>\r\n\r\n<p>\r\nBij ReggaetonRadio.nl komen Latin, reggae en urban samen  \r\nin een warme, constante vibe die nooit stopt.\r\n<\/p>\r\n\r\n<div class=\"streambox\">\r\n\ud83c\udfa7 LIVE STREAM INFO<br>\r\n\ud83d\udce1 Stream: https:\/\/radio.chat4beat.nl:8020\/radio.mp3<br>\r\n\ud83d\udd34 Status: 24\/7 Online<br>\r\n\ud83c\udf34 Genre: Reggaeton \u2022 Latin \u2022 Urban \u2022 Reggae<br>\r\n\ud83d\udcfb Quality: Smooth Continuous Streaming\r\n<\/div>\r\n\r\n<p>\r\nJe zet het aan en zonder dat je het doorhebt  \r\nwordt het onderdeel van je dag \u2014 thuis, onderweg of op werk.\r\n<\/p>\r\n\r\n<p>\r\nVan ochtend tot nacht blijft de flow hetzelfde:  \r\nwarm, ritmisch en vol energie \ud83c\udf34\ud83d\udd25\r\n<\/p>\r\n\r\n<div class=\"footer-vibe\">\r\n\u2728 Good vibes. One love. ReggaetonRadio.nl \u2728\r\n<\/div>\r\n\r\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-98192e0 e-flex e-con-boxed e-con e-parent\" data-id=\"98192e0\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ad769c9 e-flex e-con-boxed e-con e-parent\" data-id=\"ad769c9\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f95de2c elementor-widget elementor-widget-html\" data-id=\"f95de2c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"nl\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<title>ReggaetonRadio Player<\/title>\r\n\r\n<style>\r\n\r\n\/* ================= BASE ================= *\/\r\nbody{\r\n    margin:0;\r\n    padding-bottom:95px;\r\n    font-family:Arial, sans-serif;\r\n    background:#000;\r\n    color:#fff;\r\n    overflow-x:hidden;\r\n}\r\n\r\n\/* ================= BOTTOM BAR ================= *\/\r\n.bottom-bar{\r\n    position:fixed;\r\n    bottom:0;\r\n    left:0;\r\n    width:100%;\r\n    background:linear-gradient(90deg,#000,#0a0a0a,#000);\r\n    border-top:2px solid #1db954;\r\n    box-shadow:0 -5px 22px rgba(29,185,84,0.25);\r\n    z-index:9999;\r\n}\r\n\r\n\/* ================= HEADER ================= *\/\r\n.bar-head{\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:space-between;\r\n    padding:12px 14px;\r\n    cursor:pointer;\r\n}\r\n\r\n\/* TIME *\/\r\n.time-box{\r\n    width:130px;\r\n    font-size:11px;\r\n    color:#aaa;\r\n    line-height:1.2;\r\n}\r\n\r\n\/* CENTER *\/\r\n.center{\r\n    flex:1;\r\n    text-align:center;\r\n}\r\n\r\n\/* TITLE *\/\r\n.bar-title{\r\n    color:#1db954;\r\n    text-shadow:0 0 8px #1db954;\r\n    font-size:14px;\r\n    font-weight:bold;\r\n}\r\n\r\n\/* SONG TEXT *\/\r\n.song-line{\r\n    font-size:11px;\r\n    color:#ffd700;\r\n    white-space:nowrap;\r\n    overflow:hidden;\r\n    text-overflow:ellipsis;\r\n}\r\n\r\n\/* ARROW *\/\r\n#arrow{\r\n    width:40px;\r\n    text-align:right;\r\n    color:#1db954;\r\n    font-size:14px;\r\n}\r\n\r\n\/* ================= PLAYER ================= *\/\r\n.bar-content{\r\n    height:0;\r\n    overflow:hidden;\r\n    transition:0.4s ease;\r\n    background:#000;\r\n}\r\n\r\n.bottom-bar.open .bar-content{\r\n    height:150px;\r\n}\r\n\r\n.bar-content iframe{\r\n    width:100%;\r\n    height:150px;\r\n    border:0;\r\n    display:block;\r\n}\r\n\r\n<\/style>\r\n<\/head>\r\n\r\n<body>\r\n\r\n<!-- ================= BOTTOM BAR ================= -->\r\n<div class=\"bottom-bar\" id=\"bottomBar\">\r\n\r\n    <div class=\"bar-head\" onclick=\"toggleBar()\">\r\n\r\n        <!-- TIME -->\r\n        <div class=\"time-box\">\r\n            <div id=\"time\">00:00:00<\/div>\r\n            <div id=\"date\">--\/--\/----<\/div>\r\n        <\/div>\r\n\r\n        <!-- CENTER -->\r\n        <div class=\"center\">\r\n            <div class=\"bar-title\">\ud83c\udf34 ReggaetonRadio<\/div>\r\n            <div class=\"song-line\" id=\"song\">Loading song...<\/div>\r\n        <\/div>\r\n\r\n        <!-- ARROW -->\r\n        <div id=\"arrow\">\u25b2<\/div>\r\n\r\n    <\/div>\r\n\r\n    <!-- PLAYER -->\r\n    <div class=\"bar-content\">\r\n        <iframe src=\"https:\/\/chat4beat.nl\/players\/reggaetonradio\/\" allow=\"autoplay\"><\/iframe>\r\n    <\/div>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\n\/* ================= TOGGLE BAR ================= *\/\r\nfunction toggleBar(){\r\n    const bar=document.getElementById(\"bottomBar\");\r\n    const arrow=document.getElementById(\"arrow\");\r\n\r\n    bar.classList.toggle(\"open\");\r\n    arrow.innerHTML = bar.classList.contains(\"open\") ? \"\u25bc\" : \"\u25b2\";\r\n}\r\n\r\n\/* ================= CLOCK ================= *\/\r\nfunction updateClock(){\r\n    const now=new Date();\r\n\r\n    document.getElementById(\"time\").innerText =\r\n        now.getHours().toString().padStart(2,'0')+\":\"+\r\n        now.getMinutes().toString().padStart(2,'0')+\":\"+\r\n        now.getSeconds().toString().padStart(2,'0');\r\n\r\n    document.getElementById(\"date\").innerText =\r\n        now.getDate().toString().padStart(2,'0')+\"-\"+ \r\n        (now.getMonth()+1).toString().padStart(2,'0')+\"-\"+ \r\n        now.getFullYear();\r\n}\r\nsetInterval(updateClock,1000);\r\nupdateClock();\r\n\r\n\/* ================= SONG (LIVE NOW PLAYING) ================= *\/\r\nasync function loadSong(){\r\n    try{\r\n        const res = await fetch(\"https:\/\/radio.chat4beat.nl:8020\/status-json.xsl\",{cache:\"no-store\"});\r\n        const data = await res.json();\r\n\r\n        let source = data?.icestats?.source;\r\n\r\n        if(Array.isArray(source)){\r\n            source = source.find(s=>s?.title) || source[0];\r\n        }\r\n\r\n        let title = source?.title;\r\n\r\n        \/\/ fallback\r\n        if(!title && source?.artist && source?.song){\r\n            title = source.artist + \" - \" + source.song;\r\n        }\r\n\r\n        document.getElementById(\"song\").innerText =\r\n            title ? \"\ud83c\udfb5 \" + title : \"\ud83c\udfb5 Geen track info\";\r\n\r\n    }catch(e){\r\n        document.getElementById(\"song\").innerText = \"\ud83d\udd34 Offline\";\r\n    }\r\n}\r\n\r\nloadSong();\r\nsetInterval(loadSong,10000);\r\n\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Nieuws laden&#8230; REGGAETONRADIO.NL \ud83c\udf34 Latin \u2022 Reggae \u2022 Urban Laden&#8230; Weer laden&#8230; \ud83c\udfa7 LIVE STREAM \ud83d\udd34 laden&#8230; \ud83c\udfb5 laden&#8230; \ud83c\udf34 Reggaeton Latin urban muziek met zware bass en zomer vibes. Meer info \ud83d\udd25 Bubbling Nederlandse clubstijl met Caribbean energy. Meer info \ud83c\udfa7 Urban Mix van hiphop, dancehall en club beats. Meer info \ud83c\udf0d Global Muziek [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"templates\/frontpage.php","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/reggaetonradio.nl\/index.php?rest_route=\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/reggaetonradio.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/reggaetonradio.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/reggaetonradio.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/reggaetonradio.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=18"}],"version-history":[{"count":5,"href":"https:\/\/reggaetonradio.nl\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":125,"href":"https:\/\/reggaetonradio.nl\/index.php?rest_route=\/wp\/v2\/pages\/18\/revisions\/125"}],"wp:attachment":[{"href":"https:\/\/reggaetonradio.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}