R\u00e1di\u00f3 Hy – \u00c9l\u0151 Online R\u00e1di\u00f3<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary: #00d4ff;\n --secondary: #ff00a0;\n --dark: #0a0a0f;\n --darker: #050508;\n --glass: rgba(255, 255, 255, 0.03);\n --glass-border: rgba(255, 255, 255, 0.08);\n --text: #ffffff;\n --text-muted: rgba(255, 255, 255, 0.6);\n }\n\n body {\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n background: var(--darker);\n color: var(--text);\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n \/* Anim\u00e1lt h\u00e1tt\u00e9r *\/\n .bg-animation {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -1;\n background: \n radial-gradient(ellipse at 20% 80%, rgba(0, 212, 255, 0.15) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255, 0, 160, 0.1) 0%, transparent 50%),\n var(--darker);\n }\n\n .bg-animation::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: repeating-linear-gradient(\n 0deg,\n transparent,\n transparent 2px,\n rgba(255, 255, 255, 0.03) 2px,\n rgba(255, 255, 255, 0.03) 4px\n );\n animation: scan 20s linear infinite;\n }\n\n @keyframes scan {\n 0% { transform: translateY(0); }\n 100% { transform: translateY(50px); }\n }\n\n \/* Navig\u00e1ci\u00f3 *\/\n nav {\n position: fixed;\n top: 0;\n width: 100%;\n padding: 1.5rem 5%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 100;\n background: linear-gradient(to bottom, var(--darker), transparent);\n }\n\n .logo {\n font-size: 1.8rem;\n font-weight: 900;\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n letter-spacing: -2px;\n }\n\n .nav-links {\n display: flex;\n gap: 2rem;\n list-style: none;\n }\n\n .nav-links a {\n color: var(--text-muted);\n text-decoration: none;\n font-size: 0.9rem;\n font-weight: 500;\n transition: color 0.3s;\n position: relative;\n }\n\n .nav-links a:hover {\n color: var(--text);\n }\n\n .nav-links a::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--primary);\n transition: width 0.3s;\n }\n\n .nav-links a:hover::after {\n width: 100%;\n }\n\n \/* F\u0151 tartalom *\/\n main {\n padding-top: 100px;\n }\n\n \/* Hero szekci\u00f3 *\/\n .hero {\n min-height: 90vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n padding: 2rem;\n position: relative;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 1rem;\n background: var(--glass);\n border: 1px solid var(--glass-border);\n border-radius: 50px;\n font-size: 0.8rem;\n color: var(--text-muted);\n margin-bottom: 2rem;\n backdrop-filter: blur(10px);\n }\n\n .live-dot {\n width: 8px;\n height: 8px;\n background: #00ff88;\n border-radius: 50%;\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.5; transform: scale(1.2); }\n }\n\n .hero h1 {\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 900;\n line-height: 1;\n margin-bottom: 1rem;\n letter-spacing: -3px;\n }\n\n .hero h1 span {\n background: linear-gradient(135deg, var(--primary), var(--secondary), #ff6b6b);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .hero p {\n font-size: 1.25rem;\n color: var(--text-muted);\n max-width: 600px;\n margin-bottom: 3rem;\n line-height: 1.6;\n }\n\n \/* Lej\u00e1tsz\u00f3 *\/\n .player {\n width: 100%;\n max-width: 800px;\n background: var(--glass);\n border: 1px solid var(--glass-border);\n border-radius: 24px;\n padding: 2rem;\n backdrop-filter: blur(20px);\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n }\n\n .now-playing {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 1px solid var(--glass-border);\n }\n\n .album-art {\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n animation: equalizer 1s ease-in-out infinite alternate;\n }\n\n @keyframes equalizer {\n 0% { transform: scaleY(1); }\n 100% { transform: scaleY(1.05); }\n }\n\n .track-info h3 {\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.25rem;\n }\n\n .track-info p {\n color: var(--text-muted);\n font-size: 0.9rem;\n }\n\n .controls {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1.5rem;\n }\n\n .control-btn {\n background: none;\n border: none;\n color: var(--text);\n cursor: pointer;\n padding: 0.5rem;\n border-radius: 50%;\n transition: all 0.3s;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .control-btn:hover {\n background: var(--glass);\n transform: scale(1.1);\n }\n\n .play-btn {\n width: 64px;\n height: 64px;\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 10px 30px rgba(0, 212, 255, 0.4);\n transition: all 0.3s;\n }\n\n .play-btn:hover {\n transform: scale(1.05);\n box-shadow: 0 15px 40px rgba(0, 212, 255, 0.5);\n }\n\n .volume-container {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n border-top: 1px solid var(--glass-border);\n }\n\n .volume-slider {\n flex: 1;\n height: 4px;\n background: var(--glass-border);\n border-radius: 2px;\n position: relative;\n cursor: pointer;\n }\n\n .volume-level {\n height: 100%;\n width: 70%;\n background: linear-gradient(90deg, var(--primary), var(--secondary));\n border-radius: 2px;\n position: relative;\n }\n\n .volume-level::after {\n content: '';\n position: absolute;\n right: -6px;\n top: 50%;\n transform: translateY(-50%);\n width: 12px;\n height: 12px;\n background: var(--text);\n border-radius: 50%;\n box-shadow: 0 2px 10px rgba(0,0,0,0.3);\n }\n\n \/* M\u0171sorok szekci\u00f3 *\/\n .shows {\n padding: 6rem 5%;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 4rem;\n }\n\n .section-header h2 {\n font-size: 2.5rem;\n font-weight: 800;\n margin-bottom: 1rem;\n }\n\n .section-header p {\n color: var(--text-muted);\n }\n\n .shows-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n }\n\n .show-card {\n background: var(--glass);\n border: 1px solid var(--glass-border);\n border-radius: 20px;\n padding: 1.5rem;\n transition: all 0.3s;\n cursor: pointer;\n }\n\n .show-card:hover {\n transform: translateY(-5px);\n border-color: var(--primary);\n box-shadow: 0 20px 40px rgba(0, 212, 255, 0.1);\n }\n\n .show-time {\n display: inline-block;\n padding: 0.4rem 0.8rem;\n background: rgba(0, 212, 255, 0.1);\n color: var(--primary);\n border-radius: 50px;\n font-size: 0.8rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .show-card h3 {\n font-size: 1.25rem;\n margin-bottom: 0.5rem;\n }\n\n .show-card p {\n color: var(--text-muted);\n font-size: 0.9rem;\n }\n\n .show-host {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n border-top: 1px solid var(--glass-border);\n }\n\n .host-avatar {\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--secondary), var(--primary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 0.9rem;\n }\n\n \/* Footer *\/\n footer {\n padding: 3rem 5%;\n text-align: center;\n border-top: 1px solid var(--glass-border);\n color: var(--text-muted);\n font-size: 0.9rem;\n }\n\n \/* Reszponz\u00edv *\/\n @media (max-width: 768px) {\n .nav-links {\n display: none;\n }\n \n .hero h1 {\n font-size: 2.5rem;\n }\n \n .player {\n margin: 0 1rem;\n }\n \n .now-playing {\n flex-direction: column;\n text-align: center;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"bg-animation\"><\/div>\n \n <nav>\n <div class=\"logo\">R\u00c1DI\u00d3 HY<\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#home\">Kezd\u0151lap<\/a><\/li>\n <li><a href=\"#shows\">M\u0171sorok<\/a><\/li>\n <li><a href=\"#about\">R\u00f3lunk<\/a><\/li>\n <li><a href=\"#contact\">Kapcsolat<\/a><\/li>\n <\/ul>\n <\/nav>\n\n <main>\n <section class=\"hero\" id=\"home\">\n <div class=\"hero-badge\">\n <span class=\"live-dot\"><\/span>\n <span>\u00c9L\u0150 AD\u00c1S<\/span>\n <\/div>\n \n <h1>A zene <span>sosem \u00e1ll meg<\/span><\/h1>\n <p>Non-stop zene, friss sl\u00e1gerek \u00e9s a legjobb m\u0171sorvezet\u0151k. Hallgass minket b\u00e1rmikor, b\u00e1rhol.<\/p>\n \n <div class=\"player\">\n <div class=\"now-playing\">\n <div class=\"album-art\">\ud83c\udfb5<\/div>\n <div class=\"track-info\">\n <h3 id=\"currentSong\">Bet\u00f6lt\u00e9s…<\/h3>\n <p>\u00c9l\u0151 stream \u2022 128 kbps<\/p>\n <\/div>\n <\/div>\n \n <div class=\"controls\">\n <button class=\"control-btn\" onclick=\"changeVolume(-0.1)\">\n <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"><\/polygon>\n <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"><\/path>\n <\/svg>\n <\/button>\n \n <button class=\"control-btn play-btn\" id=\"playBtn\" onclick=\"togglePlay()\">\n <svg width=\"28\" height=\"28\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M8 5v14l11-7z\" id=\"playIcon\"\/>\n <\/svg>\n <\/button>\n \n <button class=\"control-btn\" onclick=\"changeVolume(0.1)\">\n <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"><\/polygon>\n <path d=\"M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07\"><\/path>\n <\/svg>\n <\/button>\n <\/div>\n \n <div class=\"volume-container\">\n <span>\ud83d\udd0a<\/span>\n <div class=\"volume-slider\" onclick=\"setVolume(event)\">\n <div class=\"volume-level\" id=\"volumeLevel\"><\/div>\n <\/div>\n <span id=\"volumePercent\">70%<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"shows\" id=\"shows\">\n <div class=\"section-header\">\n <h2>Heti m\u0171sor<\/h2>\n <p>Tal\u00e1ld meg a kedvenc m\u0171sorod id\u0151pontj\u00e1t<\/p>\n <\/div>\n \n <div class=\"shows-grid\">\n <div class=\"show-card\">\n <span class=\"show-time\">06:00 – 10:00<\/span>\n <h3>Reggeli R\u00e1di\u00f3<\/h3>\n <p>Ind\u00edtsd a napot a legjobb zen\u00e9kkel \u00e9s h\u00edrekkel<\/p>\n <div class=\"show-host\">\n <div class=\"host-avatar\">KK<\/div>\n <div>\n <div style=\"font-weight: 600;\">Kov\u00e1cs Kriszta<\/div>\n <div style=\"font-size: 0.8rem; color: var(--text-muted);\">H\u00e9tf\u0151-P\u00e9ntek<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"show-card\">\n <span class=\"show-time\">10:00 – 14:00<\/span>\n <h3>Top 40 Countdown<\/h3>\n <p>A legfrissebb sl\u00e1gerek \u00e9s a legnagyobb kedvencek<\/p>\n <div class=\"show-host\">\n <div class=\"host-avatar\">DN<\/div>\n <div>\n <div style=\"font-weight: 600;\">Nagy D\u00e1vid<\/div>\n <div style=\"font-size: 0.8rem; color: var(--text-muted);\">Minden nap<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"show-card\">\n <span class=\"show-time\">14:00 – 18:00<\/span>\n <h3>D\u00e9lut\u00e1ni Chill<\/h3>\n <p>Laz\u00edts a munka ut\u00e1n kellemes zen\u00e9kkel<\/p>\n <div class=\"show-host\">\n <div class=\"host-avatar\">MS<\/div>\n <div>\n <div style=\"font-weight: 600;\">Szab\u00f3 Mira<\/div>\n <div style=\"font-size: 0.8rem; color: var(--text-muted);\">H\u00e9tf\u0151-Szombat<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"show-card\">\n <span class=\"show-time\">18:00 – 22:00<\/span>\n <h3>Esti P\u00f6rg\u00e9s<\/h3>\n <p>Party hangulat a legjobb bulizen\u00e9kkel<\/p>\n <div class=\"show-host\">\n <div class=\"host-avatar\">PL<\/div>\n <div>\n <div style=\"font-weight: 600;\">Lakatos P\u00e9ter<\/div>\n <div style=\"font-size: 0.8rem; color: var(--text-muted);\">P\u00e9ntek-Szombat<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer>\n <p>© 2026 R\u00e1di\u00f3 Hy. Minden jog fenntartva.<\/p>\n <\/footer>\n\n <audio id=\"radioStream\" preload=\"none\">\n <source src=\"https:\/\/stream.example.com\/radio.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n\n <script>\n \/\/ Audio elem \u00e9s \u00e1llapot\n const audio = document.getElementById('radioStream');\n const playBtn = document.getElementById('playBtn');\n const playIcon = document.getElementById('playIcon');\n const volumeLevel = document.getElementById('volumeLevel');\n const volumePercent = document.getElementById('volumePercent');\n const currentSong = document.getElementById('currentSong');\n \n let isPlaying = false;\n let currentVolume = 0.7;\n \n \/\/ Demo: sz\u00e1mok v\u00e1ltakoz\u00e1sa (\u00e9lesben ez az Icecast API-r\u00f3l j\u00f6nne)\n const songs = [\n \"Dua Lipa - Levitating\",\n \"The Weeknd - Blinding Lights\", \n \"Ed Sheeran - Shape of You\",\n \"Adele - Easy On Me\",\n \"Harry Styles - As It Was\"\n ];\n \n function updateSong() {\n const random = songs[Math.floor(Math.random() * songs.length)];\n currentSong.textContent = random;\n }\n \n \/\/ Lej\u00e1tsz\u00e1s v\u00e1lt\u00e1s\n function togglePlay() {\n if (isPlaying) {\n audio.pause();\n playIcon.innerHTML = '<path d=\"M8 5v14l11-7z\"\/>';\n isPlaying = false;\n } else {\n \/\/ Itt csatlakozn\u00e1l az igazi streamhez\n \/\/ audio.src = \"https:\/\/te-radio.hu:8000\/stream\";\n audio.play().catch(e => {\n console.log(\"Demo m\u00f3d - nincs stream csatlakoztatva\");\n });\n playIcon.innerHTML = '<path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\/>';\n isPlaying = true;\n \n \/\/ Demo: sz\u00e1m v\u00e1lt\u00e1s szimul\u00e1l\u00e1sa\n updateSong();\n }\n }\n \n \/\/ Hanger\u0151\n function changeVolume(delta) {\n currentVolume = Math.max(0, Math.min(1, currentVolume + delta));\n audio.volume = currentVolume;\n updateVolumeUI();\n }\n \n function setVolume(e) {\n const rect = e.currentTarget.getBoundingClientRect();\n const x = e.clientX - rect.left;\n currentVolume = Math.max(0, Math.min(1, x \/ rect.width));\n audio.volume = currentVolume;\n updateVolumeUI();\n }\n \n function updateVolumeUI() {\n volumeLevel.style.width = (currentVolume * 100) + '%';\n volumePercent.textContent = Math.round(currentVolume * 100) + '%';\n }\n \n \/\/ Inicializ\u00e1l\u00e1s\n updateVolumeUI();\n updateSong();\n \n \/\/ 30 m\u00e1sodpercenk\u00e9nt sz\u00e1m v\u00e1lt\u00e1s (demo)\n setInterval(() => {\n","protected":false},"excerpt":{"rendered":"<p>R\u00e1di\u00f3 Hy – \u00c9l\u0151 Online R\u00e1di\u00f3 R\u00c1DI\u00d3 HY Kezd\u0151lap M\u0171sorok R\u00f3lunk Kapcsolat \u00c9L\u0150 AD\u00c1S A zene sosem \u00e1ll meg Non-stop zene, friss sl\u00e1gerek \u00e9s a legjobb m\u0171sorvezet\u0151k. Hallgass minket b\u00e1rmikor, b\u00e1rhol. \ud83c\udfb5 Bet\u00f6lt\u00e9s… \u00c9l\u0151 stream \u2022 128 kbps \ud83d\udd0a 70% Heti m\u0171sor Tal\u00e1ld meg a kedvenc m\u0171sorod id\u0151pontj\u00e1t 06:00 – 10:00 Reggeli R\u00e1di\u00f3 Ind\u00edtsd a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-328","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/radiohy.eu\/hu\/wp-json\/wp\/v2\/pages\/328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/radiohy.eu\/hu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/radiohy.eu\/hu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/radiohy.eu\/hu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/radiohy.eu\/hu\/wp-json\/wp\/v2\/comments?post=328"}],"version-history":[{"count":2,"href":"https:\/\/radiohy.eu\/hu\/wp-json\/wp\/v2\/pages\/328\/revisions"}],"predecessor-version":[{"id":332,"href":"https:\/\/radiohy.eu\/hu\/wp-json\/wp\/v2\/pages\/328\/revisions\/332"}],"wp:attachment":[{"href":"https:\/\/radiohy.eu\/hu\/wp-json\/wp\/v2\/media?parent=328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":328,"date":"2026-03-30T09:49:08","date_gmt":"2026-03-30T09:49:08","guid":{"rendered":"https:\/\/radiohy.eu\/?page_id=328"},"modified":"2026-03-30T09:49:08","modified_gmt":"2026-03-30T09:49:08","slug":"uj","status":"publish","type":"page","link":"https:\/\/radiohy.eu\/hu\/uj\/","title":{"rendered":"Uj"},"content":{"rendered":"\n\n\n\n \n \n R\u00e1di\u00f3 Hy – \u00c9l\u0151 Online R\u00e1di\u00f3<\/title>\n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n :root {\n --primary: #00d4ff;\n --secondary: #ff00a0;\n --dark: #0a0a0f;\n --darker: #050508;\n --glass: rgba(255, 255, 255, 0.03);\n --glass-border: rgba(255, 255, 255, 0.08);\n --text: #ffffff;\n --text-muted: rgba(255, 255, 255, 0.6);\n }\n\n body {\n font-family: 'Segoe UI', system-ui, -apple-system, sans-serif;\n background: var(--darker);\n color: var(--text);\n min-height: 100vh;\n overflow-x: hidden;\n }\n\n \/* Anim\u00e1lt h\u00e1tt\u00e9r *\/\n .bg-animation {\n position: fixed;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n z-index: -1;\n background: \n radial-gradient(ellipse at 20% 80%, rgba(0, 212, 255, 0.15) 0%, transparent 50%),\n radial-gradient(ellipse at 80% 20%, rgba(255, 0, 160, 0.1) 0%, transparent 50%),\n var(--darker);\n }\n\n .bg-animation::before {\n content: '';\n position: absolute;\n top: -50%;\n left: -50%;\n width: 200%;\n height: 200%;\n background: repeating-linear-gradient(\n 0deg,\n transparent,\n transparent 2px,\n rgba(255, 255, 255, 0.03) 2px,\n rgba(255, 255, 255, 0.03) 4px\n );\n animation: scan 20s linear infinite;\n }\n\n @keyframes scan {\n 0% { transform: translateY(0); }\n 100% { transform: translateY(50px); }\n }\n\n \/* Navig\u00e1ci\u00f3 *\/\n nav {\n position: fixed;\n top: 0;\n width: 100%;\n padding: 1.5rem 5%;\n display: flex;\n justify-content: space-between;\n align-items: center;\n z-index: 100;\n background: linear-gradient(to bottom, var(--darker), transparent);\n }\n\n .logo {\n font-size: 1.8rem;\n font-weight: 900;\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n letter-spacing: -2px;\n }\n\n .nav-links {\n display: flex;\n gap: 2rem;\n list-style: none;\n }\n\n .nav-links a {\n color: var(--text-muted);\n text-decoration: none;\n font-size: 0.9rem;\n font-weight: 500;\n transition: color 0.3s;\n position: relative;\n }\n\n .nav-links a:hover {\n color: var(--text);\n }\n\n .nav-links a::after {\n content: '';\n position: absolute;\n bottom: -5px;\n left: 0;\n width: 0;\n height: 2px;\n background: var(--primary);\n transition: width 0.3s;\n }\n\n .nav-links a:hover::after {\n width: 100%;\n }\n\n \/* F\u0151 tartalom *\/\n main {\n padding-top: 100px;\n }\n\n \/* Hero szekci\u00f3 *\/\n .hero {\n min-height: 90vh;\n display: flex;\n flex-direction: column;\n justify-content: center;\n align-items: center;\n text-align: center;\n padding: 2rem;\n position: relative;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 1rem;\n background: var(--glass);\n border: 1px solid var(--glass-border);\n border-radius: 50px;\n font-size: 0.8rem;\n color: var(--text-muted);\n margin-bottom: 2rem;\n backdrop-filter: blur(10px);\n }\n\n .live-dot {\n width: 8px;\n height: 8px;\n background: #00ff88;\n border-radius: 50%;\n animation: pulse 2s infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.5; transform: scale(1.2); }\n }\n\n .hero h1 {\n font-size: clamp(3rem, 8vw, 6rem);\n font-weight: 900;\n line-height: 1;\n margin-bottom: 1rem;\n letter-spacing: -3px;\n }\n\n .hero h1 span {\n background: linear-gradient(135deg, var(--primary), var(--secondary), #ff6b6b);\n -webkit-background-clip: text;\n -webkit-text-fill-color: transparent;\n }\n\n .hero p {\n font-size: 1.25rem;\n color: var(--text-muted);\n max-width: 600px;\n margin-bottom: 3rem;\n line-height: 1.6;\n }\n\n \/* Lej\u00e1tsz\u00f3 *\/\n .player {\n width: 100%;\n max-width: 800px;\n background: var(--glass);\n border: 1px solid var(--glass-border);\n border-radius: 24px;\n padding: 2rem;\n backdrop-filter: blur(20px);\n box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5);\n }\n\n .now-playing {\n display: flex;\n align-items: center;\n gap: 1.5rem;\n margin-bottom: 1.5rem;\n padding-bottom: 1.5rem;\n border-bottom: 1px solid var(--glass-border);\n }\n\n .album-art {\n width: 80px;\n height: 80px;\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n border-radius: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 2rem;\n animation: equalizer 1s ease-in-out infinite alternate;\n }\n\n @keyframes equalizer {\n 0% { transform: scaleY(1); }\n 100% { transform: scaleY(1.05); }\n }\n\n .track-info h3 {\n font-size: 1.1rem;\n font-weight: 600;\n margin-bottom: 0.25rem;\n }\n\n .track-info p {\n color: var(--text-muted);\n font-size: 0.9rem;\n }\n\n .controls {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 1.5rem;\n }\n\n .control-btn {\n background: none;\n border: none;\n color: var(--text);\n cursor: pointer;\n padding: 0.5rem;\n border-radius: 50%;\n transition: all 0.3s;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n\n .control-btn:hover {\n background: var(--glass);\n transform: scale(1.1);\n }\n\n .play-btn {\n width: 64px;\n height: 64px;\n background: linear-gradient(135deg, var(--primary), var(--secondary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 10px 30px rgba(0, 212, 255, 0.4);\n transition: all 0.3s;\n }\n\n .play-btn:hover {\n transform: scale(1.05);\n box-shadow: 0 15px 40px rgba(0, 212, 255, 0.5);\n }\n\n .volume-container {\n display: flex;\n align-items: center;\n gap: 1rem;\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n border-top: 1px solid var(--glass-border);\n }\n\n .volume-slider {\n flex: 1;\n height: 4px;\n background: var(--glass-border);\n border-radius: 2px;\n position: relative;\n cursor: pointer;\n }\n\n .volume-level {\n height: 100%;\n width: 70%;\n background: linear-gradient(90deg, var(--primary), var(--secondary));\n border-radius: 2px;\n position: relative;\n }\n\n .volume-level::after {\n content: '';\n position: absolute;\n right: -6px;\n top: 50%;\n transform: translateY(-50%);\n width: 12px;\n height: 12px;\n background: var(--text);\n border-radius: 50%;\n box-shadow: 0 2px 10px rgba(0,0,0,0.3);\n }\n\n \/* M\u0171sorok szekci\u00f3 *\/\n .shows {\n padding: 6rem 5%;\n max-width: 1200px;\n margin: 0 auto;\n }\n\n .section-header {\n text-align: center;\n margin-bottom: 4rem;\n }\n\n .section-header h2 {\n font-size: 2.5rem;\n font-weight: 800;\n margin-bottom: 1rem;\n }\n\n .section-header p {\n color: var(--text-muted);\n }\n\n .shows-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n }\n\n .show-card {\n background: var(--glass);\n border: 1px solid var(--glass-border);\n border-radius: 20px;\n padding: 1.5rem;\n transition: all 0.3s;\n cursor: pointer;\n }\n\n .show-card:hover {\n transform: translateY(-5px);\n border-color: var(--primary);\n box-shadow: 0 20px 40px rgba(0, 212, 255, 0.1);\n }\n\n .show-time {\n display: inline-block;\n padding: 0.4rem 0.8rem;\n background: rgba(0, 212, 255, 0.1);\n color: var(--primary);\n border-radius: 50px;\n font-size: 0.8rem;\n font-weight: 600;\n margin-bottom: 1rem;\n }\n\n .show-card h3 {\n font-size: 1.25rem;\n margin-bottom: 0.5rem;\n }\n\n .show-card p {\n color: var(--text-muted);\n font-size: 0.9rem;\n }\n\n .show-host {\n display: flex;\n align-items: center;\n gap: 0.75rem;\n margin-top: 1.5rem;\n padding-top: 1.5rem;\n border-top: 1px solid var(--glass-border);\n }\n\n .host-avatar {\n width: 40px;\n height: 40px;\n background: linear-gradient(135deg, var(--secondary), var(--primary));\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 0.9rem;\n }\n\n \/* Footer *\/\n footer {\n padding: 3rem 5%;\n text-align: center;\n border-top: 1px solid var(--glass-border);\n color: var(--text-muted);\n font-size: 0.9rem;\n }\n\n \/* Reszponz\u00edv *\/\n @media (max-width: 768px) {\n .nav-links {\n display: none;\n }\n \n .hero h1 {\n font-size: 2.5rem;\n }\n \n .player {\n margin: 0 1rem;\n }\n \n .now-playing {\n flex-direction: column;\n text-align: center;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"bg-animation\"><\/div>\n \n <nav>\n <div class=\"logo\">R\u00c1DI\u00d3 HY<\/div>\n <ul class=\"nav-links\">\n <li><a href=\"#home\">Kezd\u0151lap<\/a><\/li>\n <li><a href=\"#shows\">M\u0171sorok<\/a><\/li>\n <li><a href=\"#about\">R\u00f3lunk<\/a><\/li>\n <li><a href=\"#contact\">Kapcsolat<\/a><\/li>\n <\/ul>\n <\/nav>\n\n <main>\n <section class=\"hero\" id=\"home\">\n <div class=\"hero-badge\">\n <span class=\"live-dot\"><\/span>\n <span>\u00c9L\u0150 AD\u00c1S<\/span>\n <\/div>\n \n <h1>A zene <span>sosem \u00e1ll meg<\/span><\/h1>\n <p>Non-stop zene, friss sl\u00e1gerek \u00e9s a legjobb m\u0171sorvezet\u0151k. Hallgass minket b\u00e1rmikor, b\u00e1rhol.<\/p>\n \n <div class=\"player\">\n <div class=\"now-playing\">\n <div class=\"album-art\">\ud83c\udfb5<\/div>\n <div class=\"track-info\">\n <h3 id=\"currentSong\">Bet\u00f6lt\u00e9s…<\/h3>\n <p>\u00c9l\u0151 stream \u2022 128 kbps<\/p>\n <\/div>\n <\/div>\n \n <div class=\"controls\">\n <button class=\"control-btn\" onclick=\"changeVolume(-0.1)\">\n <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"><\/polygon>\n <path d=\"M15.54 8.46a5 5 0 0 1 0 7.07\"><\/path>\n <\/svg>\n <\/button>\n \n <button class=\"control-btn play-btn\" id=\"playBtn\" onclick=\"togglePlay()\">\n <svg width=\"28\" height=\"28\" fill=\"currentColor\" viewBox=\"0 0 24 24\">\n <path d=\"M8 5v14l11-7z\" id=\"playIcon\"\/>\n <\/svg>\n <\/button>\n \n <button class=\"control-btn\" onclick=\"changeVolume(0.1)\">\n <svg width=\"24\" height=\"24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\">\n <polygon points=\"11 5 6 9 2 9 2 15 6 15 11 19 11 5\"><\/polygon>\n <path d=\"M19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07\"><\/path>\n <\/svg>\n <\/button>\n <\/div>\n \n <div class=\"volume-container\">\n <span>\ud83d\udd0a<\/span>\n <div class=\"volume-slider\" onclick=\"setVolume(event)\">\n <div class=\"volume-level\" id=\"volumeLevel\"><\/div>\n <\/div>\n <span id=\"volumePercent\">70%<\/span>\n <\/div>\n <\/div>\n <\/section>\n\n <section class=\"shows\" id=\"shows\">\n <div class=\"section-header\">\n <h2>Heti m\u0171sor<\/h2>\n <p>Tal\u00e1ld meg a kedvenc m\u0171sorod id\u0151pontj\u00e1t<\/p>\n <\/div>\n \n <div class=\"shows-grid\">\n <div class=\"show-card\">\n <span class=\"show-time\">06:00 – 10:00<\/span>\n <h3>Reggeli R\u00e1di\u00f3<\/h3>\n <p>Ind\u00edtsd a napot a legjobb zen\u00e9kkel \u00e9s h\u00edrekkel<\/p>\n <div class=\"show-host\">\n <div class=\"host-avatar\">KK<\/div>\n <div>\n <div style=\"font-weight: 600;\">Kov\u00e1cs Kriszta<\/div>\n <div style=\"font-size: 0.8rem; color: var(--text-muted);\">H\u00e9tf\u0151-P\u00e9ntek<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"show-card\">\n <span class=\"show-time\">10:00 – 14:00<\/span>\n <h3>Top 40 Countdown<\/h3>\n <p>A legfrissebb sl\u00e1gerek \u00e9s a legnagyobb kedvencek<\/p>\n <div class=\"show-host\">\n <div class=\"host-avatar\">DN<\/div>\n <div>\n <div style=\"font-weight: 600;\">Nagy D\u00e1vid<\/div>\n <div style=\"font-size: 0.8rem; color: var(--text-muted);\">Minden nap<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"show-card\">\n <span class=\"show-time\">14:00 – 18:00<\/span>\n <h3>D\u00e9lut\u00e1ni Chill<\/h3>\n <p>Laz\u00edts a munka ut\u00e1n kellemes zen\u00e9kkel<\/p>\n <div class=\"show-host\">\n <div class=\"host-avatar\">MS<\/div>\n <div>\n <div style=\"font-weight: 600;\">Szab\u00f3 Mira<\/div>\n <div style=\"font-size: 0.8rem; color: var(--text-muted);\">H\u00e9tf\u0151-Szombat<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"show-card\">\n <span class=\"show-time\">18:00 – 22:00<\/span>\n <h3>Esti P\u00f6rg\u00e9s<\/h3>\n <p>Party hangulat a legjobb bulizen\u00e9kkel<\/p>\n <div class=\"show-host\">\n <div class=\"host-avatar\">PL<\/div>\n <div>\n <div style=\"font-weight: 600;\">Lakatos P\u00e9ter<\/div>\n <div style=\"font-size: 0.8rem; color: var(--text-muted);\">P\u00e9ntek-Szombat<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n <\/main>\n\n <footer>\n <p>© 2026 R\u00e1di\u00f3 Hy. Minden jog fenntartva.<\/p>\n <\/footer>\n\n <audio id=\"radioStream\" preload=\"none\">\n <source src=\"https:\/\/stream.example.com\/radio.mp3\" type=\"audio\/mpeg\">\n <\/audio>\n\n <script>\n \/\/ Audio elem \u00e9s \u00e1llapot\n const audio = document.getElementById('radioStream');\n const playBtn = document.getElementById('playBtn');\n const playIcon = document.getElementById('playIcon');\n const volumeLevel = document.getElementById('volumeLevel');\n const volumePercent = document.getElementById('volumePercent');\n const currentSong = document.getElementById('currentSong');\n \n let isPlaying = false;\n let currentVolume = 0.7;\n \n \/\/ Demo: sz\u00e1mok v\u00e1ltakoz\u00e1sa (\u00e9lesben ez az Icecast API-r\u00f3l j\u00f6nne)\n const songs = [\n \"Dua Lipa - Levitating\",\n \"The Weeknd - Blinding Lights\", \n \"Ed Sheeran - Shape of You\",\n \"Adele - Easy On Me\",\n \"Harry Styles - As It Was\"\n ];\n \n function updateSong() {\n const random = songs[Math.floor(Math.random() * songs.length)];\n currentSong.textContent = random;\n }\n \n \/\/ Lej\u00e1tsz\u00e1s v\u00e1lt\u00e1s\n function togglePlay() {\n if (isPlaying) {\n audio.pause();\n playIcon.innerHTML = '<path d=\"M8 5v14l11-7z\"\/>';\n isPlaying = false;\n } else {\n \/\/ Itt csatlakozn\u00e1l az igazi streamhez\n \/\/ audio.src = \"https:\/\/te-radio.hu:8000\/stream\";\n audio.play().catch(e => {\n console.log(\"Demo m\u00f3d - nincs stream csatlakoztatva\");\n });\n playIcon.innerHTML = '<path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\/>';\n isPlaying = true;\n \n \/\/ Demo: sz\u00e1m v\u00e1lt\u00e1s szimul\u00e1l\u00e1sa\n updateSong();\n }\n }\n \n \/\/ Hanger\u0151\n function changeVolume(delta) {\n currentVolume = Math.max(0, Math.min(1, currentVolume + delta));\n audio.volume = currentVolume;\n updateVolumeUI();\n }\n \n function setVolume(e) {\n const rect = e.currentTarget.getBoundingClientRect();\n const x = e.clientX - rect.left;\n currentVolume = Math.max(0, Math.min(1, x \/ rect.width));\n audio.volume = currentVolume;\n updateVolumeUI();\n }\n \n function updateVolumeUI() {\n volumeLevel.style.width = (currentVolume * 100) + '%';\n volumePercent.textContent = Math.round(currentVolume * 100) + '%';\n }\n \n \/\/ Inicializ\u00e1l\u00e1s\n updateVolumeUI();\n updateSong();\n \n \/\/ 30 m\u00e1sodpercenk\u00e9nt sz\u00e1m v\u00e1lt\u00e1s (demo)\n setInterval(() => {\n","protected":false},"excerpt":{"rendered":"<p>R\u00e1di\u00f3 Hy – \u00c9l\u0151 Online R\u00e1di\u00f3 R\u00c1DI\u00d3 HY Kezd\u0151lap M\u0171sorok R\u00f3lunk Kapcsolat \u00c9L\u0150 AD\u00c1S A zene sosem \u00e1ll meg Non-stop zene, friss sl\u00e1gerek \u00e9s a legjobb m\u0171sorvezet\u0151k. Hallgass minket b\u00e1rmikor, b\u00e1rhol. \ud83c\udfb5 Bet\u00f6lt\u00e9s… \u00c9l\u0151 stream \u2022 128 kbps \ud83d\udd0a 70% Heti m\u0171sor Tal\u00e1ld meg a kedvenc m\u0171sorod id\u0151pontj\u00e1t 06:00 – 10:00 Reggeli R\u00e1di\u00f3 Ind\u00edtsd a […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"pagelayer_contact_templates":[],"_pagelayer_content":"","footnotes":""},"class_list":["post-328","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/radiohy.eu\/hu\/wp-json\/wp\/v2\/pages\/328","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/radiohy.eu\/hu\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/radiohy.eu\/hu\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/radiohy.eu\/hu\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/radiohy.eu\/hu\/wp-json\/wp\/v2\/comments?post=328"}],"version-history":[{"count":2,"href":"https:\/\/radiohy.eu\/hu\/wp-json\/wp\/v2\/pages\/328\/revisions"}],"predecessor-version":[{"id":332,"href":"https:\/\/radiohy.eu\/hu\/wp-json\/wp\/v2\/pages\/328\/revisions\/332"}],"wp:attachment":[{"href":"https:\/\/radiohy.eu\/hu\/wp-json\/wp\/v2\/media?parent=328"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}