{"id":12,"date":"2026-02-21T07:26:46","date_gmt":"2026-02-21T07:26:46","guid":{"rendered":"https:\/\/24125584891.thesite.link\/?page_id=12"},"modified":"2026-03-25T23:08:45","modified_gmt":"2026-03-25T23:08:45","slug":"home","status":"publish","type":"page","link":"https:\/\/24125584891.thesite.link\/","title":{"rendered":"Home"},"content":{"rendered":"\n<figure class=\"wp-block-image alignwide size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"1024\" src=\"https:\/\/24125584891.thesite.link\/wp-content\/uploads\/2026\/03\/noise-annoys-header-1-1.png\" alt=\"\" class=\"wp-image-199\" srcset=\"https:\/\/24125584891.thesite.link\/wp-content\/uploads\/2026\/03\/noise-annoys-header-1-1.png 1024w, https:\/\/24125584891.thesite.link\/wp-content\/uploads\/2026\/03\/noise-annoys-header-1-1-300x300.png 300w, https:\/\/24125584891.thesite.link\/wp-content\/uploads\/2026\/03\/noise-annoys-header-1-1-150x150.png 150w, https:\/\/24125584891.thesite.link\/wp-content\/uploads\/2026\/03\/noise-annoys-header-1-1-768x768.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<div id=\"desktop-player\" style=\"background: #1a1a1a; padding: 15px; border-radius: 10px; border: 2px solid #00f0ff; text-align: center; margin: 20px 0;\">\n\n<style>\n.live-indicator::before {\n    content: \"\u25cf \";\n    color: red;\n    font-size: 16px;\n    animation: blink 1s infinite;\n}\n\n@keyframes blink {\n    0% { opacity: 1; }\n    50% { opacity: 0.3; }\n    100% { opacity: 1; }\n}\n<\/style>\n\n<p class=\"live-indicator\" style=\"color: #00f0ff; font-family: sans-serif; margin-bottom: 10px; font-weight: bold;\">\nLIVE: Noise Annoys Radio\n<\/p>\n\n<audio controls style=\"width: 100%;\">\n    <source src=\"https:\/\/cast1.asurahosting.com\/proxy\/ilias\/stream\" type=\"audio\/mpeg\">\n    \u039f browser \u03c3\u03bf\u03c5 \u03b4\u03b5\u03bd \u03c5\u03c0\u03bf\u03c3\u03c4\u03b7\u03c1\u03af\u03b6\u03b5\u03b9 \u03c4\u03bf\u03bd player.\n<\/audio>\n\n<\/div>\n\n\n\n<style>\n#dj-panel{\n  max-width:460px;\n  margin:30px auto;\n  padding:24px 22px 20px;\n  border-radius:22px;\n  text-align:center;\n  color:#fff;\n  background:\n    radial-gradient(circle at top, rgba(0,240,255,.18), rgba(0,0,0,0) 35%),\n    linear-gradient(180deg, #0d0d12 0%, #07080c 100%);\n  border:1px solid rgba(0,240,255,.45);\n  box-shadow:\n    0 0 0 1px rgba(255,255,255,.03) inset,\n    0 0 22px rgba(0,240,255,.22),\n    0 0 45px rgba(0,240,255,.14);\n  transition:.35s ease;\n  position:relative;\n  overflow:hidden;\n}\n\n#dj-panel::before{\n  content:\"\";\n  position:absolute;\n  inset:-1px;\n  border-radius:22px;\n  pointer-events:none;\n  background:linear-gradient(135deg, rgba(255,255,255,.10), rgba(255,255,255,0) 30%, rgba(0,240,255,.08) 70%, rgba(255,0,85,.08));\n  mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n  -webkit-mask:linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);\n  padding:1px;\n  -webkit-mask-composite:xor;\n  mask-composite:exclude;\n}\n\n#dj-status{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  gap:8px;\n  min-width:110px;\n  padding:7px 14px;\n  border-radius:999px;\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:1.2px;\n  text-transform:uppercase;\n  margin-bottom:16px;\n  background:rgba(255,255,255,.06);\n  color:#8defff;\n  border:1px solid rgba(255,255,255,.08);\n  box-shadow:0 0 14px rgba(0,240,255,.12) inset;\n}\n\n#dj-status::before{\n  content:\"\";\n  width:8px;\n  height:8px;\n  border-radius:50%;\n  background:#00f0ff;\n  box-shadow:0 0 10px #00f0ff;\n}\n\n#dj-panel.live #dj-status{\n  color:#7fffdc;\n  background:rgba(0,255,160,.08);\n  border-color:rgba(0,255,160,.16);\n}\n\n#dj-panel.live #dj-status::before{\n  background:#00ff9d;\n  box-shadow:0 0 12px #00ff9d;\n  animation:djPulse 1.2s infinite;\n}\n\n#dj-panel.offline #dj-status{\n  color:#d0d0d0;\n  background:rgba(255,255,255,.05);\n}\n\n#dj-panel.offline #dj-status::before{\n  background:#999;\n  box-shadow:none;\n  animation:none;\n}\n\n#dj-avatar-wrap{\n  width:142px;\n  height:142px;\n  margin:0 auto 16px;\n  border-radius:50%;\n  padding:4px;\n  background:linear-gradient(135deg, rgba(255,0,85,.95), rgba(0,240,255,.95));\n  box-shadow:\n    0 0 18px rgba(255,0,85,.22),\n    0 0 28px rgba(0,240,255,.25);\n}\n\n#dj-avatar{\n  width:100%;\n  height:100%;\n  display:block;\n  border-radius:50%;\n  object-fit:cover;\n  background:#111;\n  border:3px solid #0b0d12;\n}\n\n#dj-name{\n  font-size:26px;\n  font-weight:800;\n  line-height:1.15;\n  margin:0 0 8px;\n  letter-spacing:.4px;\n  color:#fff;\n  text-shadow:0 0 10px rgba(0,240,255,.18);\n}\n\n#song-title{\n  font-size:15px;\n  line-height:1.5;\n  color:#8defff;\n  margin:0 auto 12px;\n  max-width:360px;\n  min-height:44px;\n}\n\n#dj-meta{\n  font-size:12px;\n  line-height:1.6;\n  color:rgba(255,255,255,.68);\n  margin-top:4px;\n  min-height:20px;\n}\n\n#dj-divider{\n  width:86%;\n  height:1px;\n  margin:14px auto 0;\n  background:linear-gradient(90deg, rgba(255,255,255,0), rgba(0,240,255,.45), rgba(255,255,255,0));\n}\n\n#dj-error{\n  font-size:12px;\n  color:#ff9ea9;\n  margin-top:10px;\n  min-height:16px;\n}\n\n@keyframes djPulse{\n  0%{ transform:scale(1); opacity:1; }\n  50%{ transform:scale(1.25); opacity:.7; }\n  100%{ transform:scale(1); opacity:1; }\n}\n\n@media (max-width: 520px){\n  #dj-panel{\n    max-width:100%;\n    padding:20px 16px 18px;\n    border-radius:18px;\n  }\n\n  #dj-avatar-wrap{\n    width:122px;\n    height:122px;\n  }\n\n  #dj-name{\n    font-size:22px;\n  }\n\n  #song-title{\n    font-size:14px;\n    min-height:auto;\n  }\n}\n<\/style>\n\n<div id=\"dj-panel\" class=\"offline\">\n  <div id=\"dj-status\">Loading<\/div>\n\n  <div id=\"dj-avatar-wrap\">\n    <img decoding=\"async\" id=\"dj-avatar\" src=\"\/dj\/autodj.webp\" alt=\"DJ Avatar\">\n  <\/div>\n\n  <div id=\"dj-name\">Loading DJ&#8230;<\/div>\n  <div id=\"song-title\">Loading&#8230;<\/div>\n  <div id=\"dj-meta\"><\/div>\n  <div id=\"dj-divider\"><\/div>\n  <div id=\"dj-error\"><\/div>\n<\/div>\n\n<script>\nfunction setPanelTheme(cleanDJ, online) {\n  const panel = document.getElementById(\"dj-panel\");\n\n  panel.classList.remove(\"live\", \"offline\");\n  panel.classList.add(online ? \"live\" : \"offline\");\n\n  let border = \"rgba(0,240,255,.45)\";\n  let glowA = \"rgba(0,240,255,.22)\";\n  let glowB = \"rgba(0,240,255,.14)\";\n\n  if (cleanDJ === \"elias\") {\n    border = \"rgba(0,240,255,.45)\";\n    glowA = \"rgba(0,240,255,.22)\";\n    glowB = \"rgba(0,240,255,.14)\";\n  } else if (cleanDJ === \"foxy\" || cleanDJ === \"foxxy\") {\n    border = \"rgba(255,0,85,.48)\";\n    glowA = \"rgba(255,0,85,.22)\";\n    glowB = \"rgba(255,0,85,.13)\";\n  } else if (cleanDJ === \"meiko\") {\n    border = \"rgba(255,90,220,.48)\";\n    glowA = \"rgba(255,90,220,.22)\";\n    glowB = \"rgba(255,90,220,.13)\";\n  } else if (!online) {\n    border = \"rgba(170,170,170,.35)\";\n    glowA = \"rgba(120,120,120,.16)\";\n    glowB = \"rgba(120,120,120,.10)\";\n  }\n\n  panel.style.borderColor = border;\n  panel.style.boxShadow =\n    \"0 0 0 1px rgba(255,255,255,.03) inset, 0 0 22px \" + glowA + \", 0 0 45px \" + glowB;\n}\n\nfunction updateDJ(){\n  fetch(\"\/nowplaying.php?t=\" + Date.now(), { cache: \"no-store\" })\n    .then(res => res.json())\n    .then(data => {\n      const avatar = document.getElementById(\"dj-avatar\");\n      const name = document.getElementById(\"dj-name\");\n      const song = document.getElementById(\"song-title\");\n      const meta = document.getElementById(\"dj-meta\");\n      const status = document.getElementById(\"dj-status\");\n      const error = document.getElementById(\"dj-error\");\n\n      if (!data.ok || !data.online) {\n        status.innerText = \"Offline\";\n        name.innerText = data.dj_name || \"Radio\";\n        song.innerText = data.message || \"No stream\";\n        meta.innerText = \"\";\n        error.innerText = \"\";\n        avatar.src = data.dj_avatar || \"\/dj\/autodj.webp\";\n        setPanelTheme(\"offline\", false);\n        return;\n      }\n\n      const djName = (data.dj_name || \"Elias\").trim();\n      const cleanDJ = djName.toLowerCase().replace(\/^dj\\s+\/i, \"\").trim();\n      const title = data.title || \"Live Broadcast\";\n\n      status.innerText = \"Live\";\n      name.innerText = \"DJ \" + djName.replace(\/^dj\\s+\/i, \"\");\n      song.innerText = title;\n      avatar.src = data.dj_avatar || \"\/dj\/live.gif\";\n      error.innerText = \"\";\n\n      meta.innerText = [\n        data.station || \"\",\n        data.bitrate ? data.bitrate + \" kbps\" : \"\",\n        data.genre || \"\"\n      ].filter(Boolean).join(\" \u2022 \");\n\n      setPanelTheme(cleanDJ, true);\n    })\n    .catch(() => {\n      document.getElementById(\"dj-status\").innerText = \"Offline\";\n      document.getElementById(\"dj-name\").innerText = \"Radio\";\n      document.getElementById(\"song-title\").innerText = \"No stream\";\n      document.getElementById(\"dj-meta\").innerText = \"\";\n      document.getElementById(\"dj-avatar\").src = \"\/dj\/autodj.webp\";\n      document.getElementById(\"dj-error\").innerText = \"\";\n      setPanelTheme(\"offline\", false);\n    });\n}\n\nupdateDJ();\nsetInterval(updateDJ, 10000);\n<\/script>\n\n\n\n<style>\n\n#radio-chat-container{\nmax-width:720px;\nmargin:40px auto;\npadding:18px;\n\nbackground:\nradial-gradient(circle at center,\nrgba(0,240,255,0.15) 0%,\nrgba(0,0,0,0.92) 70%);\n\nborder-radius:14px;\n\nborder:1px solid rgba(0,240,255,0.4);\n\nbox-shadow:\n0 0 20px rgba(0,240,255,0.5),\ninset 0 0 15px rgba(0,240,255,0.15);\n}\n\n#radio-chat-title{\ntext-align:center;\ncolor:#00f0ff;\nfont-weight:bold;\nmargin-bottom:12px;\nletter-spacing:1px;\nfont-size:16px;\n}\n\n#radio-chat-container iframe{\nwidth:100%;\nheight:500px;\nborder:0;\nborder-radius:10px;\nbackground:transparent;\n}\n\n<\/style>\n\n\n<div id=\"radio-chat-container\">\n\n<div id=\"radio-chat-title\">\n\ud83d\udcac LIVE CHAT\n<\/div>\n\n<iframe src=\"https:\/\/www5.cbox.ws\/box\/?boxid=961451&#038;boxtag=VvhtXC\"\nallowtransparency=\"yes\"\nallow=\"autoplay\"\nscrolling=\"auto\">\n<\/iframe>\n\n<\/div>\n\n\n\n<style>\n\n#radio-mini-player {\ndisplay:none;\n}\n\n#radio-floating-btn {\ndisplay:none;\n}\n\n@media (max-width:768px){\n\n#radio-floating-btn{\nposition:fixed;\nbottom:20px;\nright:20px;\npadding:0 22px;\nheight:55px;\nbackground:#ff0033;\nborder-radius:30px;\ndisplay:flex;\nalign-items:center;\njustify-content:center;\ncolor:white;\nfont-size:15px;\nfont-weight:bold;\ncursor:pointer;\nz-index:9999;\nbox-shadow:0 0 15px rgba(255,0,51,0.8);\ntransition:0.3s;\n}\n\n#radio-floating-btn.playing{\nbackground:#00f0ff;\ncolor:#000;\nbox-shadow:0 0 20px #00f0ff;\n}\n\n#radio-mini-player{\nposition:fixed;\nbottom:100px;\nright:15px;\nwidth:90%;\nmax-width:330px;\nbackground:#111;\nborder:2px solid #00f0ff;\nborder-radius:15px;\npadding:15px;\ndisplay:none;\nz-index:9999;\ncolor:white;\n}\n\n#mini-station-title{\nmargin:0 0 10px 0;\ncolor:#00f0ff;\nfont-size:14px;\nletter-spacing:1px;\nfont-weight:bold;\ntext-align:center;\n}\n\n#now-playing{\nfont-size:13px;\nmargin-bottom:12px;\ncolor:#00f0ff;\nmin-height:18px;\nline-height:1.4;\ntext-align:center;\n}\n\n\/* Equalizer \u03b1\u03bd\u03ac\u03c0\u03bf\u03b4\u03b1 \u03c9\u03c2 \u03c0\u03c1\u03bf\u03c2 \u03c4\u03bf\u03bd \u03bf\u03c1\u03b9\u03b6\u03cc\u03bd\u03c4\u03b9\u03bf \u03ac\u03be\u03bf\u03bd\u03b1 *\/\n.equalizer{\ndisplay:flex;\ngap:3px;\nmargin-bottom:10px;\njustify-content:center;\nalign-items:flex-start;\ntransform:scaleY(-1);\n}\n\n.equalizer span{\nwidth:3px;\nheight:10px;\nbackground:#00f0ff;\nanimation:bounce 1s infinite ease-in-out;\n}\n\n.equalizer span:nth-child(2){animation-delay:.2s;}\n.equalizer span:nth-child(3){animation-delay:.4s;}\n.equalizer span:nth-child(4){animation-delay:.6s;}\n\n@keyframes bounce{\n0%,100%{height:8px;}\n50%{height:18px;}\n}\n\n#radio-mini-player audio{\nwidth:100%;\n}\n\n#radio-close{\nposition:absolute;\ntop:8px;\nright:10px;\ncursor:pointer;\ncolor:white;\nfont-size:14px;\n}\n\n}\n\n<\/style>\n\n<div id=\"radio-floating-btn\">\ud83d\udd34 PLAY<\/div>\n\n<div id=\"radio-mini-player\">\n\n<div id=\"radio-close\">\u2715<\/div>\n\n<div id=\"mini-station-title\">Noise Annoys Radio<\/div>\n\n<div id=\"now-playing\"><\/div>\n\n<div class=\"equalizer\">\n<span><\/span><span><\/span><span><\/span><span><\/span>\n<\/div>\n\n<audio id=\"radio-audio\" controls preload=\"none\">\n<source src=\"https:\/\/cast1.asurahosting.com\/proxy\/ilias\/stream\" type=\"audio\/mpeg\">\n<\/audio>\n\n<\/div>\n\n<script>\n\nfunction isMobile(){\nreturn window.matchMedia(\"(max-width:768px)\").matches;\n}\n\ndocument.addEventListener(\"DOMContentLoaded\",function(){\n\nif(!isMobile()) return;\n\nconst btn=document.getElementById(\"radio-floating-btn\");\nconst player=document.getElementById(\"radio-mini-player\");\nconst audio=document.getElementById(\"radio-audio\");\nconst closeBtn=document.getElementById(\"radio-close\");\nconst nowPlaying=document.getElementById(\"now-playing\");\n\nbtn.style.display=\"flex\";\n\nbtn.addEventListener(\"click\",function(){\nplayer.style.display=\"block\";\naudio.load();\naudio.play().catch(()=>{});\n});\n\ncloseBtn.addEventListener(\"click\",function(){\nplayer.style.display=\"none\";\n});\n\naudio.addEventListener(\"play\",function(){\nbtn.classList.add(\"playing\");\nbtn.innerText=\"\ud83d\udd34 PLAYING\";\n});\n\naudio.addEventListener(\"pause\",function(){\nbtn.classList.remove(\"playing\");\nbtn.innerText=\"\ud83d\udd34 PLAY\";\n});\n\nfunction fetchNowPlaying(){\n\nfetch(\"\/nowplaying.php\")\n.then(response=>response.json())\n.then(data=>{\n\nif(data.title && data.title !== \"Live Broadcast\"){\nnowPlaying.innerText=data.title;\n}else{\nnowPlaying.innerText=\"\";\n}\n\n})\n.catch(()=>{\nnowPlaying.innerText=\"\";\n});\n\n}\n\nfetchNowPlaying();\nsetInterval(fetchNowPlaying,10000);\n\n});\n\n<\/script>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>LIVE: Noise Annoys Radio \u039f browser \u03c3\u03bf\u03c5 \u03b4\u03b5\u03bd \u03c5\u03c0\u03bf\u03c3\u03c4\u03b7\u03c1\u03af\u03b6\u03b5\u03b9 \u03c4\u03bf\u03bd player. Loading Loading DJ&#8230; Loading&#8230; \ud83d\udcac LIVE CHAT \ud83d\udd34 PLAY [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/24125584891.thesite.link\/index.php?rest_route=\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/24125584891.thesite.link\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/24125584891.thesite.link\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/24125584891.thesite.link\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/24125584891.thesite.link\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12"}],"version-history":[{"count":104,"href":"https:\/\/24125584891.thesite.link\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":200,"href":"https:\/\/24125584891.thesite.link\/index.php?rest_route=\/wp\/v2\/pages\/12\/revisions\/200"}],"wp:attachment":[{"href":"https:\/\/24125584891.thesite.link\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}