<\/p>\n\n\n\n
<!DOCTYPE html>\n<html lang=\"en\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Gold FM Canarias | The Greatest Hits of All Time<\/title>\n <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\n <style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@400;600;700;800;900&display=swap');\n\n :root {\n --gold-primary: #ffcc29; \/* Exacte warme geelkleur uit het logo gold.jpeg *\/\n --gold-light: #ffe58f;\n --bg-dark: #111111;\n --bg-card: #1a1a1a;\n --text-main: #ffffff;\n --text-muted: #aaaaaa;\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n body {\n background-color: var(--bg-dark);\n color: var(--text-main);\n font-family: 'Montserrat', sans-serif;\n line-height: 1.6;\n overflow-x: hidden;\n }\n\n \/* Header & Navigatie *\/\n header {\n background: rgba(17, 17, 17, 0.95);\n border-bottom: 2px solid var(--gold-primary);\n position: sticky;\n top: 0;\n z-index: 1000;\n backdrop-filter: blur(10px);\n }\n\n .nav-container {\n max-width: 1200px;\n margin: 0 auto;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 15px 20px;\n }\n\n \/* REPRODUCTIE VAN LOGO 'GOLD.JPEG' *\/\n .goldfm-logo-link {\n text-decoration: none;\n display: inline-block;\n }\n\n .logo-gold-jpeg {\n display: inline-flex;\n align-items: center;\n background-color: transparent;\n font-family: 'Arial Black', 'Montserrat', sans-serif;\n height: 60px;\n user-select: none;\n }\n\n .logo-gold-jpeg .part-gold {\n color: #ffffff;\n font-size: 52px;\n font-weight: 900;\n letter-spacing: -3px;\n line-height: 1;\n padding-right: 8px;\n }\n\n .logo-gold-jpeg .yellow-block {\n background-color: var(--gold-primary);\n height: 100%;\n display: flex;\n align-items: center;\n border-radius: 0 12px 12px 0;\n padding-right: 12px;\n }\n\n .logo-gold-jpeg .black-bar {\n background-color: #000000;\n color: #ffffff;\n height: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 0 8px;\n font-size: 26px;\n font-weight: 900;\n letter-spacing: -1px;\n writing-mode: vertical-lr;\n transform: rotate(180deg);\n line-height: 1;\n }\n\n .logo-gold-jpeg .part-fm {\n color: #000000;\n font-size: 42px;\n font-weight: 900;\n letter-spacing: -2px;\n line-height: 1;\n padding-left: 6px;\n display: inline-block;\n transform: translateY(2px);\n }\n\n .nav-links {\n display: flex;\n list-style: none;\n gap: 25px;\n }\n\n .nav-links a {\n color: var(--text-main);\n text-decoration: none;\n font-weight: 600;\n font-size: 14px;\n text-transform: uppercase;\n transition: color 0.3s;\n }\n\n .nav-links a:hover {\n color: var(--gold-primary);\n }\n\n \/* Hero & Live Sectie *\/\n .hero-section {\n background: linear-gradient(rgba(17,17,17,0.7), rgba(17,17,17,1)), url('https:\/\/images.unsplash.com\/photo-1507525428034-b723cf961d3e?q=80&w=1920&auto=format&fit=crop') no-repeat center center\/cover;\n padding: 50px 20px;\n text-align: center;\n }\n\n .hero-content h1 {\n font-size: 2.6rem;\n font-weight: 800;\n margin-bottom: 10px;\n text-transform: uppercase;\n }\n\n .hero-content h1 span {\n color: var(--gold-primary);\n }\n\n .hero-content p {\n color: var(--text-muted);\n font-size: 1.1rem;\n margin-bottom: 45px;\n }\n\n .main-dashboard {\n max-width: 950px;\n margin: 0 auto;\n display: flex;\n flex-wrap: wrap;\n gap: 30px;\n justify-content: center;\n }\n\n \/* WEBPLAYER STYLING *\/\n .goldfm-advanced-player {\n background: linear-gradient(135deg, #1e1e1e 0%, #0a0a0a 100%);\n border: 3px solid var(--gold-primary);\n border-radius: 20px;\n padding: 35px 20px;\n flex: 1;\n min-width: 320px;\n max-width: 380px;\n text-align: center;\n box-shadow: 0 15px 35px rgba(0,0,0,0.7), inset 0 0 20px rgba(251,204,41,0.1);\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n }\n\n .player-brand-logo {\n margin: 0 auto 25px auto;\n transform: scale(0.8);\n }\n\n .live-indicator {\n background: rgba(229, 9, 20, 0.15);\n color: #ff4d4d;\n border: 1px solid #e50914;\n padding: 4px 12px;\n font-size: 10px;\n font-weight: 700;\n border-radius: 50px;\n letter-spacing: 1.5px;\n display: inline-flex;\n align-items: center;\n gap: 6px;\n margin-bottom: 20px;\n align-self: center;\n text-transform: uppercase;\n }\n\n .live-indicator .dot {\n width: 7px;\n height: 7px;\n background-color: #e50914;\n border-radius: 50%;\n animation: blink 1.5s infinite;\n }\n\n @keyframes blink {\n 0%, 100% { opacity: 0.4; }\n 50% { opacity: 1; }\n }\n\n \/* STRENG VIERKANTE ALBUMHOES STYLING *\/\n .artist-artwork-container {\n width: 200px;\n height: 200px;\n margin: 0 auto 20px auto;\n border-radius: 8px; \/* Subtiele afronding van de hoeken voor een premium look *\/\n overflow: hidden;\n box-shadow: 0 10px 25px rgba(0,0,0,0.8);\n border: 2px solid rgba(251,204,41,0.4);\n background-color: #222;\n }\n\n #artist-artwork {\n width: 100%;\n height: 100%;\n object-fit: cover;\n }\n\n \/* Live Metadata Info *\/\n .track-info {\n margin: 10px 0 20px 0;\n min-height: 75px;\n }\n\n #track-title {\n font-size: 21px;\n font-weight: 700;\n color: var(--gold-primary);\n margin: 0 0 6px 0;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n #track-artist {\n font-size: 14px;\n color: #dddddd;\n margin: 0;\n font-weight: 400;\n }\n\n \/* Controls & Volume *\/\n .player-controls {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 15px;\n }\n\n #gold-play-btn {\n background: radial-gradient(circle, var(--gold-light) 0%, var(--gold-primary) 100%);\n border: none;\n width: 75px;\n height: 75px;\n border-radius: 50%;\n cursor: pointer;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 6px 20px rgba(251,204,41,0.3);\n transition: transform 0.2s, box-shadow 0.2s;\n }\n\n #gold-play-btn:hover {\n transform: scale(1.05);\n box-shadow: 0 8px 25px rgba(251,204,41,0.5);\n }\n\n .play-icon {\n width: 32px;\n height: 32px;\n fill: #111;\n }\n\n .volume-container {\n display: flex;\n align-items: center;\n gap: 10px;\n width: 70%;\n }\n\n #volume-slider {\n -webkit-appearance: none;\n width: 100%;\n height: 4px;\n border-radius: 2px;\n background: #333;\n outline: none;\n }\n\n #volume-slider::-webkit-slider-thumb {\n -webkit-appearance: none;\n width: 12px;\n height: 12px;\n border-radius: 50%;\n background: var(--gold-primary);\n cursor: pointer;\n }\n\n .player-footer {\n margin-top: 25px;\n border-top: 1px solid #222;\n padding-top: 15px;\n }\n\n .player-footer p { font-size: 10px; color: #666; margin: 0; letter-spacing: 1px; text-transform: uppercase;}\n\n \/* STUDIO FORMULIER *\/\n .goldfm-interaction-form {\n background: var(--bg-card);\n border: 1px solid #222;\n border-radius: 20px;\n padding: 35px;\n flex: 1.3;\n min-width: 320px;\n box-shadow: 0 10px 30px rgba(0,0,0,0.4);\n }\n\n .goldfm-interaction-form h3 {\n font-size: 24px;\n color: var(--gold-primary);\n margin-bottom: 8px;\n }\n\n .goldfm-interaction-form p {\n font-size: 13px;\n color: var(--text-muted);\n margin-bottom: 25px;\n }\n\n .form-group { margin-bottom: 20px; }\n\n .form-group label {\n display: block;\n font-size: 11px;\n font-weight: 700;\n margin-bottom: 8px;\n color: #ccc;\n text-transform: uppercase;\n letter-spacing: 1px;\n }\n\n .form-group input, .form-group select, .form-group textarea {\n width: 100%;\n background: #222;\n border: 1px solid #333;\n border-radius: 8px;\n padding: 14px;\n color: #fff;\n font-family: 'Montserrat', sans-serif;\n font-size: 14px;\n transition: border-color 0.3s;\n }\n\n .form-group input:focus, .form-group select:focus, .form-group textarea:focus {\n border-color: var(--gold-primary);\n outline: none;\n }\n\n #submit-btn {\n background: var(--gold-primary);\n color: #111;\n border: none;\n padding: 16px;\n font-size: 15px;\n font-weight: 700;\n border-radius: 8px;\n cursor: pointer;\n width: 100%;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n transition: background 0.3s;\n }\n\n #submit-btn:hover { background: var(--gold-light); }\n\n .status-msg {\n margin-top: 15px;\n font-size: 14px;\n font-weight: 600;\n display: none;\n padding: 10px;\n border-radius: 6px;\n text-align: center;\n }\n .status-msg.success { background: rgba(75, 181, 67, 0.2); color: #4bb543; display: block; }\n\n \/* Frequenties & Info *\/\n .info-section {\n max-width: 1200px;\n margin: 60px auto;\n padding: 0 20px;\n text-align: center;\n }\n\n .info-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n gap: 30px;\n margin-top: 30px;\n }\n\n .info-card {\n background: var(--bg-card);\n padding: 25px;\n border-radius: 12px;\n border-bottom: 3px solid #222;\n }\n\n .info-card i {\n font-size: 30px;\n color: var(--gold-primary);\n margin-bottom: 15px;\n }\n\n .info-card h4 { font-size: 18px; margin-bottom: 10px; }\n .info-card p { font-size: 14px; color: var(--text-muted); }\n\n footer {\n background: #0a0a0a;\n text-align: center;\n padding: 30px 20px;\n font-size: 12px;\n color: #555;\n border-top: 1px solid #222;\n }\n\n @media (max-width: 768px) {\n .nav-links { display: none; }\n .hero-content h1 { font-size: 2rem; }\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- NAVIGATIEBALK MET HET LOGO UIT GOLD.JPEG -->\n <header>\n <div class=\"nav-container\">\n <a href=\"#\" class=\"goldfm-logo-link\">\n <div class=\"logo-gold-jpeg\">\n <div class=\"part-gold\">GOLD<\/div>\n <div class=\"yellow-block\">\n <div class=\"black-bar\">103.8<\/div>\n <div class=\"part-fm\">fm<\/div>\n <\/div>\n <\/div>\n <\/a>\n <ul class=\"nav-links\">\n <li><a href=\"#\">Listen Live<\/a><\/li>\n <li><a href=\"#about\">Frequencies<\/a><\/li>\n <li><a href=\"#contact\">Studio Message<\/a><\/li>\n <\/ul>\n <\/div>\n <\/header>\n\n <!-- HERO \/ LIVE SECTIE -->\n <section class=\"hero-section\">\n <div class=\"hero-content\">\n <h1>Welcome to <span>Gold FM Canarias<\/span><\/h1>\n <p>The Greatest Hits of All Time \u2014 60s, 70s & 80s Live from Gran Canaria<\/p>\n \n <div class=\"main-dashboard\">\n \n <!-- \ud83d\udcfb DE WEBPLAYER -->\n <div class=\"goldfm-advanced-player\">\n \n <!-- Logo uit gold.jpeg gecentreerd boven de player -->\n <div class=\"logo-gold-jpeg player-brand-logo\">\n <div class=\"part-gold\">GOLD<\/div>\n <div class=\"yellow-block\">\n <div class=\"black-bar\">103.8<\/div>\n <div class=\"part-fm\">fm<\/div>\n <\/div>\n <\/div>\n\n <div class=\"player-header\">\n <span class=\"live-indicator\"><span class=\"dot\"><\/span> ON AIR<\/span>\n <\/div>\n \n <!-- Audio Stream Link -->\n <audio id=\"gold-audio\" src=\"http:\/\/amediastream.eu:9500\/goldfm\" preload=\"none\"><\/audio>\n \n <!-- Strakke VIERKANTE Album\/Artist Hoes -->\n <div class=\"artist-artwork-container\">\n <img id=\"artist-artwork\" src=\"https:\/\/images.unsplash.com\/photo-1614613535308-eb5fbd3d2c17?q=80&w=300&auto=format&fit=crop\" alt=\"Gold FM\">\n <\/div>\n \n <!-- Live Metadata -->\n <div class=\"track-info\">\n <h2 id=\"track-title\">Loading Stream...<\/h2>\n <h3 id=\"track-artist\">Gold FM Canarias<\/h3>\n <\/div>\n \n <!-- Knoppen & Volume -->\n <div class=\"player-controls\">\n <button id=\"gold-play-btn\" onclick=\"toggleGoldPlay()\">\n <svg class=\"play-icon\" id=\"play-svg-icon\" viewBox=\"0 0 24 24\"><path d=\"M8 5v14l11-7z\"\/><\/svg>\n <\/button>\n <div class=\"volume-container\">\n <span style=\"font-size:11px; opacity: 0.6;\">\ud83d\udd08<\/span>\n <input type=\"range\" id=\"volume-slider\" min=\"0\" max=\"1\" step=\"0.05\" value=\"0.8\" oninput=\"changeVolume(this.value)\">\n <span style=\"font-size:11px; opacity: 0.6;\">\ud83d\udd0a<\/span>\n <\/div>\n <\/div>\n \n <div class=\"player-footer\">\n <p>Gran Canaria's Number One Oldies Station<\/p>\n <\/div>\n <\/div>\n\n <!-- \u270d\ufe0f INTERACTIE \/ VERZOEKFORMULIER -->\n <div class=\"goldfm-interaction-form\" id=\"contact\">\n <h3>Contact the DJ<\/h3>\n <p>Send a song request or say hello to the studio in Gran Canaria!<\/p>\n \n <form id=\"studio-form\" onsubmit=\"handleFormSubmit(event)\">\n <div class=\"form-group\">\n <label for=\"form-name\">Your Name<\/label>\n <input type=\"text\" id=\"form-name\" required placeholder=\"e.g. Gary from London\">\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"form-location\">Your Location<\/label>\n <input type=\"text\" id=\"form-location\" placeholder=\"e.g. Playa del Ingl\u00e9s \/ UK\">\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"form-type\">Message Type<\/label>\n <select id=\"form-type\">\n <option value=\"Song Request\">\ud83c\udfb6 Song Request<\/option>\n <option value=\"Shoutout\">\ud83d\udc4b Just saying hello!<\/option>\n <option value=\"Competition\">\ud83c\udfc6 Competition Entry<\/option>\n <\/select>\n <\/div>\n \n <div class=\"form-group\">\n <label for=\"form-message\">Message \/ Artist & Song title<\/label>\n <textarea id=\"form-message\" rows=\"3\" required placeholder=\"What would you like to hear or share?\"><\/textarea>\n <\/div>\n \n <button type=\"submit\" id=\"submit-btn\">Send to Studio<\/button>\n <\/form>\n <div id=\"form-status-message\" class=\"status-msg\"><\/div>\n <\/div>\n\n <\/div>\n <\/div>\n <\/section>\n\n <!-- EXTRA INFO SECTIE -->\n <section class=\"info-section\" id=\"about\">\n <h3>Broadcasting Everywhere<\/h3>\n <p style=\"color: var(--text-muted);\">Tune in on your traditional radio across the islands or online worldwide via <strong>goldfm.eu<\/strong>.<\/p>\n \n <div class=\"info-grid\">\n <div class=\"info-card\">\n <i class=\"fa-solid fa-radio\"><\/i>\n <h4>103.8 FM<\/h4>\n <p>Crisp, clear FM coverage across South Gran Canaria, including Playa del Ingl\u00e9s, San Agust\u00edn and Maspalomas.<\/p>\n <\/div>\n <div class=\"info-card\">\n <i class=\"fa-solid fa-compact-disc\"><\/i>\n <h4>Non-Stop Gold<\/h4>\n <p>The perfect blend of your favorite oldies from the 60s, 70s, and 80s, keeping great music alive.<\/p>\n <\/div>\n <div class=\"info-card\">\n <i class=\"fa-solid fa-globe\"><\/i>\n <h4>Global Stream<\/h4>\n <p>Take the Canary Islands sunshine with you anywhere in the world by streaming via goldfm.eu.<\/p>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- FOOTER -->\n <footer>\n <p>© 2026 Gold FM Canarias \u2014 All Rights Reserved. Streaming live via goldfm.eu.<\/p>\n <\/footer>\n\n <!-- INTERNE LOGICA -->\n <script>\n const audio = document.getElementById('gold-audio');\n const playBtn = document.getElementById('gold-play-btn');\n const titleEl = document.getElementById('track-title');\n const artistEl = document.getElementById('track-artist');\n const artworkEl = document.getElementById('artist-artwork');\n\n const defaultArtwork = \"https:\/\/images.unsplash.com\/photo-1614613535308-eb5fbd3d2c17?q=80&w=300&auto=format&fit=crop\";\n const playSVG = '<path d=\"M8 5v14l11-7z\"\/>';\n const pauseSVG = '<path d=\"M6 19h4V5H6v14zm8-14v14h4V5h-4z\"\/>';\n\n let lastTrackString = \"\";\n\n function toggleGoldPlay() {\n if (audio.paused) {\n audio.load(); \n audio.play().then(() => {\n document.getElementById('play-svg-icon').innerHTML = pauseSVG;\n }).catch(err => console.log(\"Stream playback error:\", err));\n } else {\n audio.pause();\n document.getElementById('play-svg-icon').innerHTML = playSVG;\n }\n }\n\n function changeVolume(val) {\n audio.volume = val;\n }\n\n function fetchArtwork(artist, title) {\n const trackString = `${artist} ${title}`;\n if (trackString === lastTrackString) return; \n lastTrackString = trackString;\n\n const searchTerm = encodeURIComponent(trackString);\n const itunesUrl = `https:\/\/itunes.apple.com\/search?term=${searchTerm}&media=music&limit=1`;\n\n fetch(itunesUrl)\n .then(res => res.json())\n .then(data => {\n if (data.results && data.results.length > 0) {\n let artworkUrl = data.results[0].artworkUrl100.replace('100x100bb', '400x400bb');\n artworkEl.src = artworkUrl;\n } else {\n artworkEl.src = defaultArtwork;\n }\n })\n .catch(() => { artworkEl.src = defaultArtwork; });\n }\n\n function updateMetadata() {\n const statsUrl = `https:\/\/api.allorigins.win\/get?url=${encodeURIComponent('http:\/\/amediastream.eu:9500\/status-json.xsl')}`;\n\n fetch(statsUrl)\n .then(response => response.ok ? response.json() : null)\n .then(data => {\n if (!data) return;\n try {\n const jsonData = JSON.parse(data.contents);\n const source = jsonData.icestats.source;\n let currentSong = \"\";\n \n if (Array.isArray(source)) {\n const goldSource = source.find(s => s.listenurl.includes('\/goldfm'));\n currentSong = goldSource ? goldSource.title : source[0].title;\n } else {\n currentSong = source.title;\n }\n\n if (currentSong && currentSong.includes(' - ')) {\n const parts = currentSong.split(' - ');\n const artist = parts[0].trim();\n const title = parts[1].trim();\n \n artistEl.innerText = artist;\n titleEl.innerText = title;\n \n fetchArtwork(artist, title);\n } else {\n titleEl.innerText = currentSong || \"Streaming Live\";\n artistEl.innerText = \"Gold FM Canarias\";\n artworkEl.src = defaultArtwork;\n }\n } catch (e) {\n titleEl.innerText = \"Streaming Live\";\n artistEl.innerText = \"Gold FM Canarias\";\n }\n })\n .catch(() => {\n titleEl.innerText = \"Streaming Live\";\n artistEl.innerText = \"Gold FM Canarias\";\n });\n }\n\n function handleFormSubmit(event) {\n event.preventDefault();\n const name = document.getElementById('form-name').value;\n const type = document.getElementById('form-type').value;\n const statusMsg = document.getElementById('form-status-message');\n\n statusMsg.className = \"status-msg success\";\n statusMsg.innerText = `Thank you ${name}! Your ${type.toLowerCase()} has been sent to the Gold FM Studio.`;\n \n document.getElementById('studio-form').reset();\n setTimeout(() => { statusMsg.style.display = 'none'; }, 6000);\n }\n\n updateMetadata();\n setInterval(updateMetadata, 12000);\n <\/script>\n<\/body>\n<\/html><\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/goldfm.eu\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/goldfm.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/goldfm.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/goldfm.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/goldfm.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":2,"href":"https:\/\/goldfm.eu\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":9,"href":"https:\/\/goldfm.eu\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/9"}],"wp:attachment":[{"href":"https:\/\/goldfm.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}