It looks like this is a web page, not a feed. I looked for a feed associated with this page, but couldn't find one. Please enter the address of your feed to validate.

Source: https://www.q-3.eu

  1. <!DOCTYPE html>
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
  3.  <head>
  4.    <meta charset="UTF-8">
  5.    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6.    <title>LISTEN RADIO ONLINE - EXPLORE BY GENRE, COUNTRY & MORE | Q3RADIO</title>
  7.    <meta name="description" content=" Listen to online radio and music on the best selected radio stations. Enjoy unlimited radio streaming and listen radio anytime on q-3.eu - your hub for online radio stations.">
  8.    <meta name="keywords" content="internet radio, listen radio, top music online, music radio station, music radio fm, house music radio, radio listen for free, listen radio">
  9.  
  10.  
  11.    <!-- Open Graph (Facebook) -->
  12.    <meta property="og:title" content="Free internet radio and music online"/>
  13.    <meta property="og:site_name" content="q-3.eu"/>
  14.    <meta property="og:description" content="Listen to online radio and music on the best selected radio stations. Discover free online radio at q-3.eu"/>
  15.    <meta property="og:image" content="https://www.q-3.eu/facebook.jpg"/>
  16.    <meta property="og:url" content="https://www.q-3.eu/"/>
  17. <meta property="og:type" content="website"/>
  18.  
  19.    <!-- Twitter -->
  20.    <meta name="twitter:card" content="summary"/>
  21.    <meta name="twitter:title" content="Free internet radio online"/>
  22.    <meta name="twitter:description" content="Listen to online radio and music on the best selected radio stations. Discover free online radio at q-3.eu"/>
  23.    <meta name="twitter:image" content="https://www.q-3.eu/logs.jpg"/>
  24.    <meta name="twitter:url" content="https://www.q-3.eu/"/>
  25.  
  26.    <!-- Favicon -->
  27.    <link rel="icon" href="favicon.ico" type="image/x-icon"  />
  28.    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
  29.  
  30.    <!-- Manifest -->
  31.    <link rel="manifest" href="/manifest.json">
  32.    <link rel="canonical" href="https://www.q-3.eu/" />
  33. <link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
  34. <noscript>
  35.    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
  36. </noscript>
  37.    <link rel="preload" href="assets/css/home.css?v=29042025" as="style">
  38.    <link rel="stylesheet" href="assets/css/home.css?v=29042025">
  39. <link rel="sitemap" type="application/xml" title="Sitemap XML" href="https://www.q-3.eu/sitemap.xml">
  40.    <link rel="sitemap" type="text/plain" title="Sitemap TXT" href="https://www.q-3.eu/sitemap.txt">
  41.  
  42.   <script type="application/ld+json">
  43. {
  44.  "@context": "https://schema.org",
  45.  "@type": "RadioStation",
  46.  "name": "Q3RADIO",
  47.  "url": "https://www.q-3.eu/",
  48.  "sameAs": [
  49.    "https://twitter.com/RadioQuake",
  50.    "https://www.facebook.com/RadioQuake"
  51.  ],
  52.  "genre": "Various",
  53.  "logo": "https://www.q-3.eu/logs.jpg",
  54.  "areaServed": "Global",
  55.  "hasBroadcastFrequency": "Online"
  56. }
  57. </script>
  58.  
  59.  
  60. <!-- Dublin Core Metadata -->
  61. <meta name="DC.Title" content="Free internet radio and music online" />
  62. <meta name="DC.Creator" content="Q3RADIO" />
  63. <meta name="DC.Subject" content="Online radio, music, various genres, PWA" />
  64. <meta name="DC.Description" content="Listen to online radio and music on the best selected radio stations. Discover free online radio at q-3.eu" />
  65. <meta name="DC.Publisher" content="q-3.eu" />
  66. <meta name="DC.Date" content="2025-04-29" />
  67. <meta name="DC.Type" content="PWA Website" />
  68. <meta name="DC.Format" content="text/html" />
  69. <meta name="DC.Identifier" content="https://www.q-3.eu/" />
  70. <meta name="DC.Language" content="en" />
  71. <meta name="DC.Coverage" content="Global" />
  72. <meta name="DC.Rights" content="Copyright © 2025 q-3.eu. All rights reserved." />
  73.  
  74. <!-- Additional Metadata -->
  75. <meta name="application-name" content="Q3RADIO" />
  76. <meta name="theme-color" content="#0e1b2b" />
  77. <meta name="mobile-web-app-capable" content="yes" />
  78. <meta name="apple-mobile-web-app-capable" content="yes" />
  79. <meta name="apple-mobile-web-app-title" content="Q3RADIO" />
  80. <link rel="icon" sizes="192x192" href="/icons/192/icon-192x192.png" />
  81. <link rel="apple-touch-icon" href="/icons/192/icon-192x192.png" />
  82.  
  83.  
  84. </head>
  85. <body>
  86.    <header>
  87.                <div class="menu"> <div class="dropdown"><button class="dropbtn">🏆 Top 20 stations</button><div class="dropdown-content"><a href="/station/fgdavidguetta">🥇 FG DAVID GUETTA</a><a href="/station/tranceisstarradio">🥈 Trance Is Star Radio</a><a href="/station/lovetrance">🥉 LOVE TRANCE</a><a href="/station/pulsradiolounge">🏅 PULSRADIO LOUNGE</a><a href="/station/bestdeepfm">🏅 BEST DEEP FM</a><a href="/station/enigmaticdriveradio">🏅 ENIGMATIC DRIVE RADIO</a><a href="/station/trancehitsradiorecord">🏅 TRANCE HITS RADIO RECORD</a><a href="/station/loungednb">🏅 lounge DNB</a><a href="/station/bigsunsetlounge">🏅 Big Sunset Lounge</a><a href="/station/bestoftranceradio">🏅 BEST OF TRANCE RADIO</a><a href="/station/nrjlounge">🏅 NRJ Lounge</a><a href="/station/relax">🏅 RELAX</a><a href="/station/smoothlounge">🏅 Smooth Lounge</a><a href="/station/cafedelmar">🏅 CAFE DEL MAR</a><a href="/station/dancefmtrance">🏅 DANCE FM TRANCE</a><a href="/station/enigmaticstation">🏅 ENIGMATIC STATION</a><a href="/station/maximum90e">🏅 MAXIMUM 90 E</a><a href="/station/russianrock">🏅 RUSSIAN ROCK</a><a href="/station/1fmchilloutloungeradio">🏅 1 FM CHILLOUT LOUNGE RADIO</a><a href="/station/1fmdeephouseradio">🏅 1 FM Deep House Radio</a></div></div>
  88. <script>
  89. document.addEventListener('DOMContentLoaded', () => {
  90.    const dropdown = document.querySelector('.dropdown'); // Весь контейнер дропдауна
  91.    const dropbtn = document.querySelector('.dropbtn'); // Кнопка дропдауна
  92.    const dropdownContent = document.querySelector('.dropdown-content'); // Выпадающий список
  93.  
  94.    // Клик по кнопке для показа/скрытия списка
  95.    dropbtn.addEventListener('click', (event) => {
  96.        event.stopPropagation(); // Предотвращаем всплытие события
  97.        dropdownContent.classList.toggle('show'); // Переключаем видимость
  98.    });
  99.  
  100.    // Клик в любом месте вне дропдауна для его закрытия
  101.    document.addEventListener('click', (event) => {
  102.        if (!dropdown.contains(event.target)) {
  103.            dropdownContent.classList.remove('show'); // Скрываем список
  104.        }
  105.    });
  106. });
  107. </script>
  108.          <img src="/logs.jpg" width="100" height="50" alt="Q3RADIO - Logo of the online radio service">
  109.  
  110.        </div>
  111.    </header>
  112. <div id="news-ticker">
  113.    <div class="ticker-wrapper">
  114.        <div class="ticker-content">Loading news...</div>
  115.        <div class="ticker-content duplicate"></div>
  116.    </div>
  117. </div>
  118.  
  119. <script>
  120.    async function fetchMarquee() {
  121.        try {
  122.            let response = await fetch('https://www.q-3.eu/n/');
  123.            let text = await response.text();
  124.            let parser = new DOMParser();
  125.            let doc = parser.parseFromString(text, 'text/html');
  126.  
  127.            let marquee = doc.querySelector('.flash-news-posts-wrapper');
  128.            if (marquee) {
  129.                let newsItems = marquee.querySelectorAll('.single-post-wrap');
  130.                let newsContent = '';
  131.  
  132.                const icons = ['fas fa-newspaper', 'fas fa-globe', 'fas fa-bullhorn', 'fas fa-rss', 'fas fa-star'];
  133.  
  134.                newsItems.forEach(item => {
  135.                    let randomIcon = icons[Math.floor(Math.random() * icons.length)];
  136.                    let title = item.querySelector('.flash-title a')?.innerText.toUpperCase() || 'NO TITLE';
  137.                    let link = item.querySelector('.flash-title a')?.href || '#';
  138.  
  139.                    newsContent += `
  140.                        <div class="flash-news-item">
  141.                            <i class="${randomIcon} news-icon"></i>
  142.                            <a href="${link}" target="_blank">${title}</a>
  143.                        </div>
  144.                    `;
  145.                });
  146.  
  147.                let ticker = document.querySelector("#news-ticker .ticker-content");
  148.                let duplicateTicker = document.querySelector("#news-ticker .duplicate");
  149.  
  150.                ticker.innerHTML = newsContent;
  151.                duplicateTicker.innerHTML = newsContent;
  152.  
  153.                adjustTickerPosition();
  154.                startTickerAnimation();
  155.            } else {
  156.                console.error('Бегущая строка не найдена');
  157.                document.querySelector("#news-ticker .ticker-content").innerHTML = "NO NEWS AVAILABLE";
  158.            }
  159.        } catch (error) {
  160.            console.error('Ошибка загрузки новостей:', error);
  161.        }
  162.    }
  163.  
  164.    function adjustTickerPosition() {
  165.        let player = document.querySelector('.player-selector');
  166.        let ticker = document.getElementById('news-ticker');
  167.  
  168.        if (player) {
  169.            let playerHeight = player.offsetHeight;
  170.            ticker.style.bottom = `${playerHeight + 10}px`;
  171.        } else {
  172.            ticker.style.bottom = '0';
  173.        }
  174.    }
  175.  
  176.    let paused = false;
  177.    document.getElementById('news-ticker').addEventListener('mouseover', () => paused = true);
  178.    document.getElementById('news-ticker').addEventListener('mouseout', () => paused = false);
  179.  
  180.    function startTickerAnimation() {
  181.        let tickerContent = document.querySelector('.ticker-content');
  182.        let duplicateContent = document.querySelector('.duplicate');
  183.        let tickerWidth = tickerContent.offsetWidth;
  184.  
  185.        let currentPosition = 0;
  186.  
  187.        function animate() {
  188.            if (!paused) {
  189.                if (currentPosition <= -tickerWidth) {
  190.                    currentPosition = 0;
  191.                } else {
  192.                    currentPosition -= 1;
  193.                }
  194.                tickerContent.style.transform = `translateX(${currentPosition}px)`;
  195.                duplicateContent.style.transform = `translateX(${currentPosition + tickerWidth}px)`;
  196.            }
  197.            requestAnimationFrame(animate);
  198.        }
  199.  
  200.        requestAnimationFrame(animate);
  201.    }
  202.  
  203.    window.addEventListener('load', () => {
  204.        let observer = new IntersectionObserver((entries) => {
  205.            if (entries[0].isIntersecting) {
  206.                fetchMarquee();
  207.                observer.disconnect();
  208.            }
  209.        }, { threshold: 0.1 });
  210.  
  211.        observer.observe(document.getElementById('news-ticker'));
  212.    });
  213.  
  214.    window.addEventListener('resize', adjustTickerPosition);
  215. </script>
  216.  
  217. <style>
  218.    #news-ticker {
  219.        position: fixed;
  220.        left: 0;
  221.        width: 100%;
  222.        height: 30px;
  223.        background: black;
  224.        color: #fff;
  225.        z-index: 50000;
  226.        overflow: hidden;
  227.        white-space: nowrap;
  228.        padding: 5px 0;
  229.        transition: bottom 0.3s ease;
  230.    }
  231.  
  232.    .ticker-wrapper {
  233.        display: flex;
  234.        width: max-content;
  235.    }
  236.  
  237.    .ticker-content {
  238.        display: inline-flex;
  239.        align-items: center;
  240.        gap: 20px;
  241.        font-size: 16px;
  242.        font-weight: bold;
  243.    }
  244.  
  245.    .duplicate {
  246.        margin-left: 20px;
  247.    }
  248.  
  249.    .flash-news-item {
  250.        display: flex;
  251.        align-items: center;
  252.        gap: 10px;
  253.    }
  254.  
  255.    .news-icon {
  256.        width: 24px;
  257.        height: 24px;
  258.        display: flex;
  259.        align-items: center;
  260.        justify-content: center;
  261.    }
  262.  
  263.    #news-ticker a {
  264.        color: #fff;
  265.        text-decoration: none;
  266.        font-weight: bold;
  267.    }
  268. </style>
  269. <h1 class="sr-only">Listen to the Best Free Online Radio Stations</h1>
  270.   <div class="content">
  271.    <div class="tabs">
  272.      
  273.    </div>
  274.    <div class="grid">
  275.        <!-- Карточка "More Genres" -->
  276.        <div class="card">
  277.            <a href="https://www.q-3.eu/wall.php" aria-label="More genres available on the wall page">
  278.                <i class="fas fa-water" aria-hidden="true"></i>
  279.                <p><strong>More Genres</strong></p><h6>12302 STATIONS</h6>
  280.            </a>
  281.        </div>
  282.                                                    <div class="card">
  283.                    <a href="/genre/Electronic"
  284.                       aria-label="Electronic - 2524 stations">
  285.                        <i class="fas fa-compact-disc"
  286.                           aria-hidden="true"></i>
  287.                        <p>
  288.                            <strong>ELECTRONIC</strong>
  289.                        </p>
  290.                        <h6>2524 STATIONS</h6>
  291.                    </a>
  292.                </div>
  293.                                            <div class="card">
  294.                    <a href="/genre/Dance"
  295.                       aria-label="Dance - 2493 stations">
  296.                        <i class="fas fa-music"
  297.                           aria-hidden="true"></i>
  298.                        <p>
  299.                            <strong>DANCE</strong>
  300.                        </p>
  301.                        <h6>2493 STATIONS</h6>
  302.                    </a>
  303.                </div>
  304.                                            <div class="card">
  305.                    <a href="/genre/Disco"
  306.                       aria-label="Disco - 2324 stations">
  307.                        <i class="fas fa-compact-disc"
  308.                           aria-hidden="true"></i>
  309.                        <p>
  310.                            <strong>DISCO</strong>
  311.                        </p>
  312.                        <h6>2324 STATIONS</h6>
  313.                    </a>
  314.                </div>
  315.                                            <div class="card">
  316.                    <a href="/genre/Club"
  317.                       aria-label="Club - 2266 stations">
  318.                        <i class="fas fa-glass-cheers"
  319.                           aria-hidden="true"></i>
  320.                        <p>
  321.                            <strong>CLUB</strong>
  322.                        </p>
  323.                        <h6>2266 STATIONS</h6>
  324.                    </a>
  325.                </div>
  326.                                            <div class="card">
  327.                    <a href="/genre/Pop"
  328.                       aria-label="Pop - 571 stations">
  329.                        <i class="fas fa-microphone"
  330.                           aria-hidden="true"></i>
  331.                        <p>
  332.                            <strong>POP</strong>
  333.                        </p>
  334.                        <h6>571 STATIONS</h6>
  335.                    </a>
  336.                </div>
  337.                                            <div class="card">
  338.                    <a href="/genre/Techno"
  339.                       aria-label="Techno - 221 stations">
  340.                        <i class="fas fa-headphones"
  341.                           aria-hidden="true"></i>
  342.                        <p>
  343.                            <strong>TECHNO</strong>
  344.                        </p>
  345.                        <h6>221 STATIONS</h6>
  346.                    </a>
  347.                </div>
  348.                                            <div class="card">
  349.                    <a href="/genre/Lounge"
  350.                       aria-label="Lounge - 198 stations">
  351.                        <i class="fas fa-tree"
  352.                           aria-hidden="true"></i>
  353.                        <p>
  354.                            <strong>LOUNGE</strong>
  355.                        </p>
  356.                        <h6>198 STATIONS</h6>
  357.                    </a>
  358.                </div>
  359.                                            <div class="card">
  360.                    <a href="/genre/Mixed"
  361.                       aria-label="Mixed - 162 stations">
  362.                        <i class="fas fa-music"
  363.                           aria-hidden="true"></i>
  364.                        <p>
  365.                            <strong>MIXED</strong>
  366.                        </p>
  367.                        <h6>162 STATIONS</h6>
  368.                    </a>
  369.                </div>
  370.                                            <div class="card">
  371.                    <a href="/genre/Chillout"
  372.                       aria-label="Chillout - 97 stations">
  373.                        <i class="fas fa-cloud"
  374.                           aria-hidden="true"></i>
  375.                        <p>
  376.                            <strong>CHILLOUT</strong>
  377.                        </p>
  378.                        <h6>97 STATIONS</h6>
  379.                    </a>
  380.                </div>
  381.                                            <div class="card">
  382.                    <a href="/genre/Rock"
  383.                       aria-label="Rock - 94 stations">
  384.                        <i class="fas fa-drum"
  385.                           aria-hidden="true"></i>
  386.                        <p>
  387.                            <strong>ROCK</strong>
  388.                        </p>
  389.                        <h6>94 STATIONS</h6>
  390.                    </a>
  391.                </div>
  392.                                            <div class="card">
  393.                    <a href="/genre/Various"
  394.                       aria-label="Various - 77 stations">
  395.                        <i class="fas fa-music"
  396.                           aria-hidden="true"></i>
  397.                        <p>
  398.                            <strong>VARIOUS</strong>
  399.                        </p>
  400.                        <h6>77 STATIONS</h6>
  401.                    </a>
  402.                </div>
  403.                                            <div class="card">
  404.                    <a href="/genre/Jazz"
  405.                       aria-label="Jazz - 69 stations">
  406.                        <i class="fas fa-sun"
  407.                           aria-hidden="true"></i>
  408.                        <p>
  409.                            <strong>JAZZ</strong>
  410.                        </p>
  411.                        <h6>69 STATIONS</h6>
  412.                    </a>
  413.                </div>
  414.                                            <div class="card">
  415.                    <a href="/genre/House"
  416.                       aria-label="House - 58 stations">
  417.                        <i class="fas fa-home"
  418.                           aria-hidden="true"></i>
  419.                        <p>
  420.                            <strong>HOUSE</strong>
  421.                        </p>
  422.                        <h6>58 STATIONS</h6>
  423.                    </a>
  424.                </div>
  425.                                            <div class="card">
  426.                    <a href="/genre/Ambient"
  427.                       aria-label="Ambient - 57 stations">
  428.                        <i class="fas fa-leaf"
  429.                           aria-hidden="true"></i>
  430.                        <p>
  431.                            <strong>AMBIENT</strong>
  432.                        </p>
  433.                        <h6>57 STATIONS</h6>
  434.                    </a>
  435.                </div>
  436.                                            <div class="card">
  437.                    <a href="/genre/60s"
  438.                       aria-label="60s - 45 stations">
  439.                        <i class="fas fa-music"
  440.                           aria-hidden="true"></i>
  441.                        <p>
  442.                            <strong>60S</strong>
  443.                        </p>
  444.                        <h6>45 STATIONS</h6>
  445.                    </a>
  446.                </div>
  447.                                            <div class="card">
  448.                    <a href="/genre/Variety"
  449.                       aria-label="Variety - 35 stations">
  450.                        <i class="fas fa-music"
  451.                           aria-hidden="true"></i>
  452.                        <p>
  453.                            <strong>VARIETY</strong>
  454.                        </p>
  455.                        <h6>35 STATIONS</h6>
  456.                    </a>
  457.                </div>
  458.                                            <div class="card">
  459.                    <a href="/genre/Trance"
  460.                       aria-label="Trance - 33 stations">
  461.                        <i class="fas fa-bolt"
  462.                           aria-hidden="true"></i>
  463.                        <p>
  464.                            <strong>TRANCE</strong>
  465.                        </p>
  466.                        <h6>33 STATIONS</h6>
  467.                    </a>
  468.                </div>
  469.                                            <div class="card">
  470.                    <a href="/genre/DeepHouse"
  471.                       aria-label="Deep House - 26 stations">
  472.                        <i class="fas fa-wave-square"
  473.                           aria-hidden="true"></i>
  474.                        <p>
  475.                            <strong>DEEP HOUSE</strong>
  476.                        </p>
  477.                        <h6>26 STATIONS</h6>
  478.                    </a>
  479.                </div>
  480.                                            <div class="card">
  481.                    <a href="/genre/Hits"
  482.                       aria-label="Hits - 25 stations">
  483.                        <i class="fas fa-star"
  484.                           aria-hidden="true"></i>
  485.                        <p>
  486.                            <strong>HITS</strong>
  487.                        </p>
  488.                        <h6>25 STATIONS</h6>
  489.                    </a>
  490.                </div>
  491.                                            <div class="card">
  492.                    <a href="/genre/News"
  493.                       aria-label="News - 24 stations">
  494.                        <i class="fas fa-microphone"
  495.                           aria-hidden="true"></i>
  496.                        <p>
  497.                            <strong>NEWS</strong>
  498.                        </p>
  499.                        <h6>24 STATIONS</h6>
  500.                    </a>
  501.                </div>
  502.                                            <div class="card">
  503.                    <a href="/genre/HipHop"
  504.                       aria-label="Hip Hop - 24 stations">
  505.                        <i class="fas fa-music"
  506.                           aria-hidden="true"></i>
  507.                        <p>
  508.                            <strong>HIP HOP</strong>
  509.                        </p>
  510.                        <h6>24 STATIONS</h6>
  511.                    </a>
  512.                </div>
  513.                                            <div class="card">
  514.                    <a href="/genre/Classical"
  515.                       aria-label="Classical - 24 stations">
  516.                        <i class="fas fa-music"
  517.                           aria-hidden="true"></i>
  518.                        <p>
  519.                            <strong>CLASSICAL</strong>
  520.                        </p>
  521.                        <h6>24 STATIONS</h6>
  522.                    </a>
  523.                </div>
  524.                                            <div class="card">
  525.                    <a href="/genre/Relax"
  526.                       aria-label="Relax - 23 stations">
  527.                        <i class="fas fa-bed"
  528.                           aria-hidden="true"></i>
  529.                        <p>
  530.                            <strong>RELAX</strong>
  531.                        </p>
  532.                        <h6>23 STATIONS</h6>
  533.                    </a>
  534.                </div>
  535.                                            <div class="card">
  536.                    <a href="/genre/80s90s"
  537.                       aria-label="80s 90s - 23 stations">
  538.                        <i class="fas fa-music"
  539.                           aria-hidden="true"></i>
  540.                        <p>
  541.                            <strong>80S 90S</strong>
  542.                        </p>
  543.                        <h6>23 STATIONS</h6>
  544.                    </a>
  545.                </div>
  546.                                            <div class="card">
  547.                    <a href="/genre/Country"
  548.                       aria-label="Country - 22 stations">
  549.                        <i class="fas fa-music"
  550.                           aria-hidden="true"></i>
  551.                        <p>
  552.                            <strong>COUNTRY</strong>
  553.                        </p>
  554.                        <h6>22 STATIONS</h6>
  555.                    </a>
  556.                </div>
  557.                                            <div class="card">
  558.                    <a href="/genre/Alternative"
  559.                       aria-label="Alternative - 19 stations">
  560.                        <i class="fas fa-music"
  561.                           aria-hidden="true"></i>
  562.                        <p>
  563.                            <strong>ALTERNATIVE</strong>
  564.                        </p>
  565.                        <h6>19 STATIONS</h6>
  566.                    </a>
  567.                </div>
  568.                                            <div class="card">
  569.                    <a href="/genre/Spiritual"
  570.                       aria-label="Spiritual - 18 stations">
  571.                        <i class="fas fa-music"
  572.                           aria-hidden="true"></i>
  573.                        <p>
  574.                            <strong>SPIRITUAL</strong>
  575.                        </p>
  576.                        <h6>18 STATIONS</h6>
  577.                    </a>
  578.                </div>
  579.                                            <div class="card">
  580.                    <a href="/genre/DrumandBass"
  581.                       aria-label="Drum and Bass - 18 stations">
  582.                        <i class="fas fa-music"
  583.                           aria-hidden="true"></i>
  584.                        <p>
  585.                            <strong>DRUM AND BASS</strong>
  586.                        </p>
  587.                        <h6>18 STATIONS</h6>
  588.                    </a>
  589.                </div>
  590.                                            <div class="card">
  591.                    <a href="/genre/Christian"
  592.                       aria-label="Christian - 18 stations">
  593.                        <i class="fas fa-music"
  594.                           aria-hidden="true"></i>
  595.                        <p>
  596.                            <strong>CHRISTIAN</strong>
  597.                        </p>
  598.                        <h6>18 STATIONS</h6>
  599.                    </a>
  600.                </div>
  601.                                            <div class="card">
  602.                    <a href="/genre/Retro"
  603.                       aria-label="Retro - 17 stations">
  604.                        <i class="fas fa-record-vinyl"
  605.                           aria-hidden="true"></i>
  606.                        <p>
  607.                            <strong>RETRO</strong>
  608.                        </p>
  609.                        <h6>17 STATIONS</h6>
  610.                    </a>
  611.                </div>
  612.                                            <div class="card">
  613.                    <a href="/genre/Oldies"
  614.                       aria-label="Oldies - 17 stations">
  615.                        <i class="fas fa-music"
  616.                           aria-hidden="true"></i>
  617.                        <p>
  618.                            <strong>OLDIES</strong>
  619.                        </p>
  620.                        <h6>17 STATIONS</h6>
  621.                    </a>
  622.                </div>
  623.                                            <div class="card">
  624.                    <a href="/genre/K-pop"
  625.                       aria-label="K-pop - 17 stations">
  626.                        <i class="fas fa-music"
  627.                           aria-hidden="true"></i>
  628.                        <p>
  629.                            <strong>K-POP</strong>
  630.                        </p>
  631.                        <h6>17 STATIONS</h6>
  632.                    </a>
  633.                </div>
  634.                                            <div class="card">
  635.                    <a href="/genre/talkradio"
  636.                       aria-label="talk radio - 16 stations">
  637.                        <i class="fas fa-microphone-alt"
  638.                           aria-hidden="true"></i>
  639.                        <p>
  640.                            <strong>TALK RADIO</strong>
  641.                        </p>
  642.                        <h6>16 STATIONS</h6>
  643.                    </a>
  644.                </div>
  645.                                            <div class="card">
  646.                    <a href="/genre/Talk"
  647.                       aria-label="Talk - 16 stations">
  648.                        <i class="fas fa-music"
  649.                           aria-hidden="true"></i>
  650.                        <p>
  651.                            <strong>TALK</strong>
  652.                        </p>
  653.                        <h6>16 STATIONS</h6>
  654.                    </a>
  655.                </div>
  656.                                            <div class="card">
  657.                    <a href="/genre/Indian"
  658.                       aria-label="Indian - 16 stations">
  659.                        <i class="fas fa-music"
  660.                           aria-hidden="true"></i>
  661.                        <p>
  662.                            <strong>INDIAN</strong>
  663.                        </p>
  664.                        <h6>16 STATIONS</h6>
  665.                    </a>
  666.                </div>
  667.                                            <div class="card">
  668.                    <a href="/genre/Latin"
  669.                       aria-label="Latin - 15 stations">
  670.                        <i class="fas fa-music"
  671.                           aria-hidden="true"></i>
  672.                        <p>
  673.                            <strong>LATIN</strong>
  674.                        </p>
  675.                        <h6>15 STATIONS</h6>
  676.                    </a>
  677.                </div>
  678.                                            <div class="card">
  679.                    <a href="/genre/enigmatic"
  680.                       aria-label="enigmatic - 15 stations">
  681.                        <i class="fas fa-magic"
  682.                           aria-hidden="true"></i>
  683.                        <p>
  684.                            <strong>ENIGMATIC</strong>
  685.                        </p>
  686.                        <h6>15 STATIONS</h6>
  687.                    </a>
  688.                </div>
  689.                                            <div class="card">
  690.                    <a href="/genre/Nature"
  691.                       aria-label="Nature - 14 stations">
  692.                        <i class="fas fa-music"
  693.                           aria-hidden="true"></i>
  694.                        <p>
  695.                            <strong>NATURE</strong>
  696.                        </p>
  697.                        <h6>14 STATIONS</h6>
  698.                    </a>
  699.                </div>
  700.                                            <div class="card">
  701.                    <a href="/genre/Instrumental"
  702.                       aria-label="Instrumental - 14 stations">
  703.                        <i class="fas fa-music"
  704.                           aria-hidden="true"></i>
  705.                        <p>
  706.                            <strong>INSTRUMENTAL</strong>
  707.                        </p>
  708.                        <h6>14 STATIONS</h6>
  709.                    </a>
  710.                </div>
  711.                                            <div class="card">
  712.                    <a href="/genre/Chanson"
  713.                       aria-label="Chanson - 14 stations">
  714.                        <i class="fas fa-guitar"
  715.                           aria-hidden="true"></i>
  716.                        <p>
  717.                            <strong>CHANSON</strong>
  718.                        </p>
  719.                        <h6>14 STATIONS</h6>
  720.                    </a>
  721.                </div>
  722.                                            <div class="card">
  723.                    <a href="/genre/SmoothJazz"
  724.                       aria-label="Smooth Jazz - 13 stations">
  725.                        <i class="fas fa-music"
  726.                           aria-hidden="true"></i>
  727.                        <p>
  728.                            <strong>SMOOTH JAZZ</strong>
  729.                        </p>
  730.                        <h6>13 STATIONS</h6>
  731.                    </a>
  732.                </div>
  733.                                            <div class="card">
  734.                    <a href="/genre/Religious"
  735.                       aria-label="Religious - 13 stations">
  736.                        <i class="fas fa-cross"
  737.                           aria-hidden="true"></i>
  738.                        <p>
  739.                            <strong>RELIGIOUS</strong>
  740.                        </p>
  741.                        <h6>13 STATIONS</h6>
  742.                    </a>
  743.                </div>
  744.                                            <div class="card">
  745.                    <a href="/genre/hard"
  746.                       aria-label="hard - 13 stations">
  747.                        <i class="fas fa-fire"
  748.                           aria-hidden="true"></i>
  749.                        <p>
  750.                            <strong>HARD</strong>
  751.                        </p>
  752.                        <h6>13 STATIONS</h6>
  753.                    </a>
  754.                </div>
  755.                                            <div class="card">
  756.                    <a href="/genre/EDM"
  757.                       aria-label="EDM - 13 stations">
  758.                        <i class="fas fa-music"
  759.                           aria-hidden="true"></i>
  760.                        <p>
  761.                            <strong>EDM</strong>
  762.                        </p>
  763.                        <h6>13 STATIONS</h6>
  764.                    </a>
  765.                </div>
  766.                                            <div class="card">
  767.                    <a href="/genre/WorldMusic"
  768.                       aria-label="World Music - 12 stations">
  769.                        <i class="fas fa-music"
  770.                           aria-hidden="true"></i>
  771.                        <p>
  772.                            <strong>WORLD MUSIC</strong>
  773.                        </p>
  774.                        <h6>12 STATIONS</h6>
  775.                    </a>
  776.                </div>
  777.                                            <div class="card">
  778.                    <a href="/genre/TamilMusic"
  779.                       aria-label="Tamil Music - 12 stations">
  780.                        <i class="fas fa-music"
  781.                           aria-hidden="true"></i>
  782.                        <p>
  783.                            <strong>TAMIL MUSIC</strong>
  784.                        </p>
  785.                        <h6>12 STATIONS</h6>
  786.                    </a>
  787.                </div>
  788.                                            <div class="card">
  789.                    <a href="/genre/NewAge"
  790.                       aria-label="New Age - 12 stations">
  791.                        <i class="fas fa-music"
  792.                           aria-hidden="true"></i>
  793.                        <p>
  794.                            <strong>NEW AGE</strong>
  795.                        </p>
  796.                        <h6>12 STATIONS</h6>
  797.                    </a>
  798.                </div>
  799.                                            <div class="card">
  800.                    <a href="/genre/Bollywood"
  801.                       aria-label="Bollywood - 12 stations">
  802.                        <i class="fas fa-music"
  803.                           aria-hidden="true"></i>
  804.                        <p>
  805.                            <strong>BOLLYWOOD</strong>
  806.                        </p>
  807.                        <h6>12 STATIONS</h6>
  808.                    </a>
  809.                </div>
  810.                                            <div class="card">
  811.                    <a href="/genre/Schlager"
  812.                       aria-label="Schlager - 11 stations">
  813.                        <i class="fas fa-music"
  814.                           aria-hidden="true"></i>
  815.                        <p>
  816.                            <strong>SCHLAGER</strong>
  817.                        </p>
  818.                        <h6>11 STATIONS</h6>
  819.                    </a>
  820.                </div>
  821.                                            <div class="card">
  822.                    <a href="/genre/Sports"
  823.                       aria-label="Sports - 10 stations">
  824.                        <i class="fas fa-music"
  825.                           aria-hidden="true"></i>
  826.                        <p>
  827.                            <strong>SPORTS</strong>
  828.                        </p>
  829.                        <h6>10 STATIONS</h6>
  830.                    </a>
  831.                </div>
  832.                                            <div class="card">
  833.                    <a href="/genre/Party"
  834.                       aria-label="Party - 10 stations">
  835.                        <i class="fas fa-music"
  836.                           aria-hidden="true"></i>
  837.                        <p>
  838.                            <strong>PARTY</strong>
  839.                        </p>
  840.                        <h6>10 STATIONS</h6>
  841.                    </a>
  842.                </div>
  843.                                            <div class="card">
  844.                    <a href="/genre/Minimal"
  845.                       aria-label="Minimal - 10 stations">
  846.                        <i class="fas fa-music"
  847.                           aria-hidden="true"></i>
  848.                        <p>
  849.                            <strong>MINIMAL</strong>
  850.                        </p>
  851.                        <h6>10 STATIONS</h6>
  852.                    </a>
  853.                </div>
  854.                                            <div class="card">
  855.                    <a href="/genre/Groove"
  856.                       aria-label="Groove - 10 stations">
  857.                        <i class="fas fa-music"
  858.                           aria-hidden="true"></i>
  859.                        <p>
  860.                            <strong>GROOVE</strong>
  861.                        </p>
  862.                        <h6>10 STATIONS</h6>
  863.                    </a>
  864.                </div>
  865.                                            <div class="card">
  866.                    <a href="/genre/Gospel"
  867.                       aria-label="Gospel - 10 stations">
  868.                        <i class="fas fa-music"
  869.                           aria-hidden="true"></i>
  870.                        <p>
  871.                            <strong>GOSPEL</strong>
  872.                        </p>
  873.                        <h6>10 STATIONS</h6>
  874.                    </a>
  875.                </div>
  876.                    
  877.    
  878.    </div>
  879. </div>
  880.  
  881. <div class="footer">
  882.    <div class="controls">
  883.        <!-- Кнопка воспроизведения/паузы -->
  884.        <button onclick="togglePlay()" aria-label="Play or Pause" id="play-button">
  885.            <i class="fas fa-play" aria-hidden="true"></i>
  886.        </button>
  887.        <!-- Кнопка следующей станции -->
  888.        <button onclick="nextStation()" aria-label="Next Station">
  889.            <i class="fas fa-forward" aria-hidden="true"></i>
  890.        </button>
  891.        <!-- Информация о текущей станции -->
  892.        <div class="station-info">
  893.            <i id="station-icon" class="fas fa-music" aria-hidden="true"></i>
  894.            <span id="station-name" aria-live="polite">Loading...</span>
  895.        </div>
  896.    </div>
  897.    <!-- Аудиоплеер -->
  898.    <audio id="audio-player" preload="none" aria-label="Audio player for the current station"></audio>
  899.    <!-- Регулятор громкости -->
  900.    <input type="range" id="volume-control" min="0" max="1" step="0.1" value="0.5"
  901.           onchange="changeVolume(this.value)" aria-label="Volume control">
  902. </div>
  903.  
  904. <script>
  905.   const audioPlayer = document.getElementById('audio-player');
  906. const playButton = document.getElementById('play-button');
  907. const stationName = document.getElementById('station-name');
  908. const stationIcon = document.getElementById('station-icon');
  909.  
  910. // Список станций из топ-20
  911. const stations = [{"id":352,"name":"RAUTE BreakZ FM","url":"https:\/\/breakz-high.rautemusik.fm\/stream.mp3"},{"id":1981,"name":"EASTERN MEDITATION","url":"https:\/\/live.radiospinner.com\/stmdttn-64"},{"id":44,"name":"PULSRADIO LOUNGE","url":"https:\/\/icecast.pulsradio.com\/relaxHD.mp3"},{"id":347,"name":"RAUTE Rock","url":"https:\/\/rock-high.rautemusik.fm\/stream.mp3"},{"id":1302,"name":"RADIO RELAX","url":"https:\/\/radio_relax.stream.laut.fm\/radio_relax"},{"id":1194,"name":"COCKTAIL LOUNGE","url":"https:\/\/stream.epic-lounge.com\/cocktail-lounge?ref=radiobrowser"},{"id":2033,"name":"USSR HITS","url":"https:\/\/live.radiospinner.com\/sssrht-64"},{"id":6465,"name":"TECHNOLOVERS VOCAL TRANCE","url":"https:\/\/stream.technolovers.fm\/vocal-trance?ref=radiobrowser"},{"id":80,"name":"BEST DEEP FM","url":"https:\/\/listen8.myradio24.com\/5129"},{"id":3673,"name":"Erotica Lounge","url":"https:\/\/eroticalounge.stream.laut.fm\/eroticalounge"},{"id":568,"name":"rock n rave","url":"https:\/\/rock-n-rave.stream.laut.fm\/rock-n-rave"},{"id":386,"name":"RAUTE Coffee Music","url":"https:\/\/streams.rautemusik.fm\/coffee-music\/mp3-192\/stream.mp3"},{"id":115,"name":"Balearic deep house","url":"https:\/\/radio.balearic-fm.com:8000\/radio.mp3"},{"id":890,"name":"Radio Sunshine Live Psytrance","url":"https:\/\/sunsl.streamabc.net\/sunsl-christmas-mp3-192-7547837"},{"id":1221,"name":"HUMBOLDT 101","url":"https:\/\/ais-sa2.cdnstream1.com\/2188_64.aac"},{"id":1411,"name":"RADIO MAXIMUM","url":"https:\/\/maximum.hostingradio.ru\/maximum128.mp3"},{"id":70,"name":"TOP KITSCH","url":"https:\/\/27873.live.streamtheworld.com\/TOP_NEWBEAT.mp3"},{"id":1468,"name":"RADIO BLACK COFFEE","url":"https:\/\/tsfjazz.ice.infomaniak.ch\/tsfjazz-high.mp3"},{"id":3719,"name":"Hitradio Oldies","url":"https:\/\/hitradiooldies.stream.laut.fm\/hitradiooldies"},{"id":17262,"name":"FG DAVID GUETTA","url":"https:\/\/stream.rcs.revma.com\/88h6r9dusd3vv"},{"id":730,"name":"discomixradio","url":"https:\/\/discomixradio.stream.laut.fm\/discomixradio"},{"id":53,"name":"Rock 60s","url":"https:\/\/ouifmrock60s.ice.infomaniak.ch\/ouifmsixties.mp3"},{"id":1958,"name":"SYNTHWAVE RADIO","url":"https:\/\/live.radiospinner.com\/synthwave-64"},{"id":1,"name":"DANCE LWR","url":"https:\/\/lwrdance-zaklwr10.radioca.st\/live"},{"id":3049,"name":"80er Revival","url":"https:\/\/80er-revival.stream.laut.fm\/80er-revival?t302=2023-04-25_19-32-26&uuid=456d5e22-d3f2-48a4-a611-6cdc77f67e90"},{"id":1354,"name":"RADIO NASHE 2 0","url":"https:\/\/nashe1.hostingradio.ru\/nashe20-128.mp3"},{"id":4309,"name":"Bluefields Radio","url":"https:\/\/streaming.radio.co\/s6fd216276\/listen"},{"id":744,"name":"djtechno","url":"https:\/\/djtechno.stream.laut.fm\/djtechno"},{"id":26,"name":"Sandra","url":"https:\/\/stream02.pcradio.ru\/Sandra-med"},{"id":492,"name":"Radio Deep","url":"https:\/\/s2.radio.co\/s098f4886e\/listen"},{"id":3350,"name":"BESTMIX","url":"https:\/\/bestmix.stream.laut.fm\/bestmix"},{"id":21,"name":"Enigma sound","url":"https:\/\/pub0101.101.ru:8000\/stream\/pro\/aac\/64\/175"},{"id":1827,"name":"RUSSKIJ ROK","url":"https:\/\/rock.volna.top\/RusRock"},{"id":109,"name":"Techno on Radio","url":"https:\/\/0n-techno.radionetz.de\/0n-techno.mp3"},{"id":1291,"name":"1000 SMOOTH HITS","url":"https:\/\/1000smoothhits.stream.laut.fm\/1000smoothhits"},{"id":19,"name":"Enigmatic Bar","url":"https:\/\/radio.enigmatic.su:8050\/radio"},{"id":4524,"name":"Radio Mega HiT Chill","url":"https:\/\/chill.radiomegahit.eu:8004\/stream"},{"id":2026,"name":"ROCK HITS 70S","url":"https:\/\/live.radiospinner.com\/70srckhts-64"},{"id":595,"name":"chronisch elektronisch","url":"https:\/\/chronisch_elektronisch.stream.laut.fm\/chronisch_elektronisch"},{"id":47,"name":"NRJ Lounge","url":"https:\/\/nrj.de\/lounge"},{"id":2005,"name":"COFFEE JAZZ","url":"https:\/\/live.radiospinner.com\/coffee-jazz-96"},{"id":1130,"name":"radio of disco dance","url":"https:\/\/radio-of-disco-dance.stream.laut.fm\/radio-of-disco-dance"},{"id":3302,"name":"100 GREATEST JAZZ LOUNGE BAR","url":"https:\/\/cast1.torontocast.com:4640\/stream"},{"id":840,"name":"FluxFM Sound Of Berlin","url":"https:\/\/fluxfm.streamabc.net\/flx-soundofberlin-mp3-128-4733149"},{"id":1323,"name":"95 2 ROCK FM","url":"https:\/\/nashe1.hostingradio.ru\/rock-128.mp3"},{"id":1663,"name":"DFM PUMP","url":"https:\/\/dfm-pump.hostingradio.ru\/pump96.aacp"},{"id":4367,"name":"Bone Pool Radio","url":"https:\/\/streamer.radio.co\/s49a58b236\/listen"},{"id":627,"name":"resonancespaceradio","url":"https:\/\/resonancespaceradio.stream.laut.fm\/resonancespaceradio"},{"id":1331,"name":"RADIO ULTRA 70 19 FM","url":"https:\/\/nashe2.hostingradio.ru\/ultra-192.mp3"},{"id":1084,"name":"armageddon","url":"https:\/\/armageddon.stream.laut.fm\/armageddon"},{"id":142,"name":"Classic KABL","url":"https:\/\/stationplaylist.com:7104\/listen.aac"},{"id":1184,"name":"CAFE DEL MAR","url":"https:\/\/streams.radio.co\/se1a320b47\/listen"},{"id":394,"name":"1 FM Deep Techno Deep House","url":"https:\/\/strm112.1.fm\/deeptech_mobile_mp3"},{"id":1488,"name":"ENIGMATIC DRIVE RADIO","url":"https:\/\/radio.enigmatic.su:8020\/radio"},{"id":1682,"name":"DONAT FM FOREIGN HITS","url":"https:\/\/c6.radioboss.fm:18089\/stream"},{"id":69,"name":"TOP 1000","url":"https:\/\/27873.live.streamtheworld.com\/DANCE_TOP1000.mp3"},{"id":3053,"name":"MOTORADIO MAIN STREAM","url":"https:\/\/stream.motoradio.online\/high-mp3"},{"id":54,"name":"Rock 70s","url":"https:\/\/ouifmrock70s.ice.infomaniak.ch\/ouifmseventies.mp3"},{"id":22,"name":"Enigmatic III","url":"https:\/\/stream02.pcradio.ru\/enigmatic_su3-med"},{"id":1485,"name":"ETHNO MUSIC RADIO","url":"https:\/\/i-radio.info:8060\/radio"},{"id":4154,"name":"1 FM Alternative Rock X Hits","url":"https:\/\/strmreg.1.fm\/x_mobile_mp3"},{"id":62,"name":"Pure Ibiza Radio","url":"https:\/\/pureibizaradio.streaming-pro.com:8028\/stream.mp3"},{"id":101,"name":"dance machine","url":"https:\/\/edm.streeemer.com\/listen\/edm\/radio.aac"},{"id":68,"name":"VERSUZ TOP","url":"https:\/\/27993.live.streamtheworld.com\/TOPVERSUZ.mp3"},{"id":719,"name":"goodoldmusic","url":"https:\/\/goodoldmusic.stream.laut.fm\/goodoldmusic"},{"id":57,"name":"Psyndora Trance","url":"https:\/\/cast.magicstreams.gr\/sc\/psyndora\/stream"},{"id":2564,"name":"Trance Is Star Radio","url":"https:\/\/listen7.myradio24.com\/tisradio"},{"id":14,"name":"Nibiru EDM-MIX","url":"https:\/\/stream-153.zeno.fm\/zft75n2znv8uv?zs=5HqITSRhSz2lVK6486aQlA"},{"id":8,"name":"van Buuren Dance","url":"https:\/\/stream02.pcradio.ru\/Armin_van_buuren-med"},{"id":3291,"name":"TRACKSAUDIO 80S MUSIC","url":"https:\/\/radiospromo.com\/listen\/tracksaudio.com_-_80s_music\/radio.mp3"},{"id":2149,"name":"PartyLoverBerlin","url":"https:\/\/partyloverberlin.stream.laut.fm\/partyloverberlin"},{"id":1577,"name":"RADIO DISCO NOSTALGIA","url":"https:\/\/azura.abcorp.es:8060\/disco"},{"id":4626,"name":"BEACH RADIO","url":"https:\/\/beach-radio.stream.laut.fm\/beach-radio"},{"id":3728,"name":"Evropa 2","url":"https:\/\/23543.live.streamtheworld.com:443\/EVROPA2AAC.aac"},{"id":16960,"name":"ATAMAN FM","url":"https:\/\/listen5.myradio24.com\/ataman"},{"id":1999,"name":"80S ROCK HITS RADIO","url":"https:\/\/live.radiospinner.com\/80srckhts-64"},{"id":2225,"name":"Dirty Bass FM","url":"https:\/\/dirtybass.fm\/endpoint\/dirtybass.aac"},{"id":48,"name":"Smooth Lounge","url":"https:\/\/smoothjazz.cdnstream1.com\/2586_128.mp3"},{"id":33,"name":"hard psy amoris","url":"https:\/\/amoris.sknt.ru\/goa.mp3"},{"id":3148,"name":"RADIO FANTASY LOUNGE","url":"https:\/\/edge12.streamonkey.net\/fantasy-lounge\/stream\/mp3"},{"id":150,"name":"AdagioRadio","url":"https:\/\/stream.tunerplay.com\/radio\/8010\/adagioradio.mp3"},{"id":1304,"name":"NXTRADIO","url":"https:\/\/nxtradio.stream.laut.fm\/nxtradio"},{"id":920,"name":"club on heinzebi","url":"https:\/\/club-on-heinzebi.stream.laut.fm\/club-on-heinzebi"},{"id":915,"name":"sound machine club","url":"https:\/\/sound-machine-club.stream.laut.fm\/sound-machine-club"},{"id":1786,"name":"NASHE RADIO MOSKVA","url":"https:\/\/nashe1.hostingradio.ru:80\/nashe-128.mp3"},{"id":1949,"name":"ROCK FM","url":"https:\/\/nashe1.hostingradio.ru:18000\/rock-128.mp3"},{"id":124,"name":"RADIO ELMAG","url":"https:\/\/radio.elmag.me\/party.mp3"},{"id":28,"name":"Enigmatic spinner","url":"https:\/\/live.radiospinner.com\/ngmtcbr-64"},{"id":1296,"name":"CHILLOUTZONE","url":"https:\/\/chilloutzone.stream.laut.fm\/chilloutzone"},{"id":982,"name":"hbs schulradio","url":"https:\/\/hbs-schulradio.stream.laut.fm\/hbs-schulradio"},{"id":3392,"name":"HIT RADIO FFH ACOUSTIC HITS","url":"https:\/\/mp3.ffh.de\/ffhchannels\/hqacoustichits.mp3"},{"id":107,"name":"Electro on Radio","url":"https:\/\/0n-electro.radionetz.de\/0n-electro.mp3"},{"id":1934,"name":"BEST OF TRANCE RADIO","url":"https:\/\/my.radioprocessor.com:8100\/best_trance-320.mp3"},{"id":60,"name":"Psy Trance","url":"https:\/\/dfm.hostingradio.ru\/psytrance96.aacp"},{"id":1670,"name":"DONAT FM RUSSIAN ROCK","url":"https:\/\/c6.radioboss.fm:18097\/stream"},{"id":52,"name":"Girls Rock","url":"https:\/\/ouifmgirlsrock.ice.infomaniak.ch\/ouifmgirlsrock.mp3"},{"id":1967,"name":"VOCAL HOUSE RADIO","url":"https:\/\/live.radiospinner.com\/vclhs-64"},{"id":2889,"name":"06AM Ibiza","url":"https:\/\/streams.radio.co\/sd1bcd1376\/listen"},{"id":20,"name":"Enigmatic Chill","url":"https:\/\/radio.enigmatic.su:8040\/radio"},{"id":702,"name":"awiydisco","url":"https:\/\/awiydisco.stream.laut.fm\/awiydisco"},{"id":1301,"name":"BEST LOUNGE","url":"https:\/\/best-lounge.stream.laut.fm\/best-lounge"},{"id":1973,"name":"ALISA","url":"https:\/\/pub0302.101.ru:8443\/stream\/pro\/aac\/64\/137"},{"id":122,"name":"NIA Radio","url":"https:\/\/radio.nia.nc\/radio\/8000\/pacific-hq-stream.aac"},{"id":2021,"name":"RADIO CAFE MECHTY","url":"https:\/\/listen7.myradio24.com\/dreamcafe"},{"id":17245,"name":"Jiri Svoboda Listens Country Music","url":"https:\/\/ice5.radia.cz\/countryradio128.mp3"},{"id":59,"name":"Vocal Trance","url":"https:\/\/s2.radioparty.pl:8015\/vocaltrance"},{"id":988,"name":"the greatest album of all time","url":"https:\/\/the-greatest-album-of-all-time.stream.laut.fm\/the-greatest-album-of-all-time"},{"id":2024,"name":"RELAX AND NIRVANA","url":"https:\/\/live.radiospinner.com\/complete-relaxation-64"},{"id":17238,"name":"FRISKY CHILL","url":"https:\/\/stream.chill.friskyradio.com\/mp3_low"},{"id":1486,"name":"RADIO RECORD ROCK","url":"https:\/\/radiorecord.hostingradio.ru\/rock96.aacp"},{"id":348,"name":"RAUTE Trance","url":"https:\/\/trance-high.rautemusik.fm\/stream.mp3"},{"id":510,"name":"1 FM Amsterdam Trance","url":"https:\/\/strmreg.1.fm\/atr_mobile_mp3"},{"id":1134,"name":"mogeschoss17","url":"https:\/\/mogeschoss17.stream.laut.fm\/mogeschoss17"},{"id":82,"name":"Big FM Dance","url":"https:\/\/streams.bigfm.de\/bigfm-dance-128-mp3"},{"id":2563,"name":"DFM Deep","url":"https:\/\/dfm-dfmdeep.hostingradio.ru\/dfmdeep96.aacp"},{"id":56,"name":"Rock Inde","url":"https:\/\/ouifm5.ice.infomaniak.ch\/ouifm5.mp3"},{"id":1547,"name":"RADIO RECORD TRANCEMISSION","url":"https:\/\/radiorecord.hostingradio.ru\/tm96.aacp"},{"id":3530,"name":"NEXT COOL GROOVE RADIO","url":"https:\/\/streaming.radio.co\/sc7177e496\/listen"},{"id":2578,"name":"Radio FG Mix","url":"https:\/\/n03a-eu.rcs.revma.com\/5kucq079n98uv"},{"id":4474,"name":"Forest Green Radio","url":"https:\/\/stream.streamaudio.de:8000\/forest-green"},{"id":445,"name":"Pulse EDM Dance Music Radio","url":"https:\/\/naxos.cdnstream.com\/1373_128"},{"id":17244,"name":"Enigmatic Drive","url":"https:\/\/radio.enigmatic.su:8015\/radio"},{"id":7,"name":"DANCE TIESTO","url":"https:\/\/stream02.pcradio.ru\/Tiesto-med"},{"id":58,"name":"Balearic Trance","url":"https:\/\/balearic-trance.stream.laut.fm\/balearic-trance"},{"id":2002,"name":"CLASSICAL GUITAR","url":"https:\/\/live.radiospinner.com\/clssclgtr-64"},{"id":1880,"name":"ELVIS PRESLEY RADIO","url":"https:\/\/pub0102.101.ru:8443\/stream\/pro\/aac\/64\/111"},{"id":17247,"name":"PULSRADIO DANCE","url":"https:\/\/str3.openstream.co\/1365"},{"id":25,"name":"Era","url":"https:\/\/stream02.pcradio.ru\/Era-med"},{"id":9239,"name":"BB RADIO ROCK","url":"https:\/\/irmedia.streamabc.net\/irm-bbrrock-mp3-192-9004399"},{"id":1908,"name":"MAXIMUM HEAVY MONDAY","url":"https:\/\/heavymonday.hostingradio.ru\/heavymonday96.aacp"},{"id":564,"name":"cainsdorftranceradio","url":"https:\/\/cainsdorftranceradio.stream.laut.fm\/cainsdorftranceradio"},{"id":5657,"name":"COUNTRY STATION","url":"https:\/\/country-station.stream.laut.fm\/country-station"},{"id":1307,"name":"RELAX","url":"https:\/\/relax.stream.laut.fm\/relax"},{"id":18,"name":"FRISKY","url":"https:\/\/stream.frisky.friskyradio.com\/mp3_low"},{"id":3568,"name":"SMOOTH JAZZ DELUXE","url":"https:\/\/mpc1.mediacp.eu\/stream\/smoothjazzdeluxe"},{"id":3042,"name":"Only 80 s Radio","url":"https:\/\/server-28.stream-server.nl:8850\/stream"},{"id":1594,"name":"OLDXIT","url":"https:\/\/radio.oldxit.ru:8000\/radio"},{"id":365,"name":"RAUTE Country","url":"https:\/\/country-high.rautemusik.fm\/stream.mp3"},{"id":2028,"name":"RUSSIAN ROCK","url":"https:\/\/live.radiospinner.com\/rsskjrk-64"},{"id":2044,"name":"Radio Sunshine Live Workout","url":"https:\/\/sunsl.streamabc.net\/sunsl-workout-mp3-192-3330865"},{"id":643,"name":"80 90channel","url":"https:\/\/80-90channel.stream.laut.fm\/80-90channel"},{"id":43,"name":"lounge DNB","url":"https:\/\/128k.co.uk\/stream\/5113\/"},{"id":17246,"name":"Studio21","url":"https:\/\/stream.studio21.ru\/studio2196.aacp"},{"id":55,"name":"Rock Francais","url":"https:\/\/ouifmrockfrancais.ice.infomaniak.ch\/ouifmrockfrancais.mp3"},{"id":17239,"name":"FRISKY DEEP","url":"https:\/\/stream.deep.friskyradio.com\/mp3_low"},{"id":106,"name":"Dance on Radio","url":"https:\/\/0n-dance.radionetz.de\/0n-dance.mp3"},{"id":2572,"name":"Hirschmilch Radio Progressive","url":"https:\/\/hirschmilch.de:7000\/progressive.mp3"},{"id":1718,"name":"NASHE RADIO","url":"https:\/\/nashe1.hostingradio.ru\/nashe-128.mp3"},{"id":559,"name":"progressive trance mix","url":"https:\/\/progressive-trance-mix.stream.laut.fm\/progressive-trance-mix"},{"id":4442,"name":"95 5 Smooth Jazz","url":"https:\/\/login.webinternetradio.com\/955smoothjazzradio"},{"id":113,"name":"Minimal Deep Techno","url":"https:\/\/amoris.sknt.ru\/minimal.mp3"},{"id":24,"name":"Enigma","url":"https:\/\/stream02.pcradio.ru\/Enigma-hi"},{"id":49,"name":"Relax Lounge","url":"https:\/\/stream.relaxfm.ee\/international_HD"},{"id":892,"name":"House Attack Radio","url":"https:\/\/virtualtronics.net\/proxy\/houseattack?mp=\/stream"},{"id":81,"name":"BOLLERWAGEN","url":"https:\/\/ffn-stream23.radiohost.de\/radiobollerwagen_mp3-192"},{"id":998,"name":"clubradio24","url":"https:\/\/clubradio24.stream.laut.fm\/clubradio24"},{"id":61,"name":"LOVERS Vocal House","url":"https:\/\/stream1-technolovers.radiohost.de\/vocal-trance"},{"id":2072,"name":"Douala Radio","url":"https:\/\/doualaradio.stream.laut.fm\/doualaradio"},{"id":2080,"name":"Synthesizer Greatest","url":"https:\/\/synthesizergreatest.stream.laut.fm\/synthesizergreatest"},{"id":3216,"name":"RELAX FM NATURE","url":"https:\/\/pub0202.101.ru:8443\/stream\/trust\/mp3\/128\/263"},{"id":338,"name":"RADIO JAZZ","url":"https:\/\/rozhlas.stream\/jazz_low.aac"},{"id":1586,"name":"RETRO FM 70E","url":"https:\/\/retro70.hostingradio.ru:8025\/retro70-128.mp3"},{"id":3388,"name":"101 SMOOTH JAZZ RADIO","url":"https:\/\/101smoothjazz.cdnstream1.com\/b22139_128mp3"},{"id":29,"name":"RM FM Harder","url":"https:\/\/rautemusik-de-hz-fal-stream12.radiohost.de\/harder"},{"id":129,"name":"Techno4ever Radio","url":"https:\/\/relay04.t4e.dj\/main_high.aac"},{"id":1752,"name":"MAXIMUM ROCK HITS","url":"https:\/\/rockhits.hostingradio.ru\/rockhits96.aacp"},{"id":51,"name":"Classic Rock","url":"https:\/\/ouifm3.ice.infomaniak.ch\/ouifm3.mp3"},{"id":103,"name":"dance revolution","url":"https:\/\/s5.radio.co\/s89dcf578d\/listen"},{"id":50,"name":"Blues and Rock","url":"https:\/\/ouifmbluesnrock.ice.infomaniak.ch\/ouifmbluesnrock-128.mp3"},{"id":4419,"name":"The River of Calm","url":"https:\/\/listen.radioking.com\/radio\/49831\/stream\/86743"},{"id":79,"name":"538 Dance Dept","url":"https:\/\/playerservices.streamtheworld.com\/api\/livestream-redirect\/TLPSTR01.mp3"},{"id":17237,"name":"Porao da nau radio","url":"https:\/\/stream.zeno.fm\/rwmao7mxxt8vv"},{"id":3477,"name":"EPIC LOUNGE CHRISTMAS LOUNGE","url":"https:\/\/stream.epic-lounge.com\/christmas-lounge"},{"id":3197,"name":"SMOOTHLOUNGE COM","url":"https:\/\/smoothjazz.cdnstream1.com\/2586_256.mp3"},{"id":1754,"name":"NICE FM","url":"https:\/\/nicefm.ru\/radio\/"},{"id":1098,"name":"ebp","url":"https:\/\/ebp.stream.laut.fm\/ebp"},{"id":17321,"name":"RELAX RADIO CZ","url":"https:\/\/icecast7.play.cz\/relax128.mp3"},{"id":116,"name":"Dish FM","url":"https:\/\/server27166.streamplus.de\/stream.mp3"},{"id":13,"name":"Nitro Music Life","url":"https:\/\/live.digitalmediaverse.fun:8020\/radio.mp3"},{"id":102,"name":"DANCE FM TRANCE","url":"https:\/\/broadcast.dancefmlive.com\/radio\/8010\/radio.mp3"},{"id":1193,"name":"CHILLOUT LOUNGE","url":"https:\/\/stream.epic-lounge.com\/chillout-lounge?ref=radiobrowser"},{"id":204,"name":"Radio Minsk","url":"https:\/\/radio.mk.by:8443\/radiominsk"},{"id":1922,"name":"ORIENTAL DEEP HOUSE","url":"https:\/\/live.radiospinner.com\/rntldphs-64"},{"id":1384,"name":"ROCK FM 95 2","url":"https:\/\/nashe2.hostingradio.ru\/rock-128.mp3"},{"id":1848,"name":"BIG HITS RADIO RECORD","url":"https:\/\/radiorecord.hostingradio.ru\/bighits96.aacp"},{"id":2504,"name":"In My House Radio","url":"https:\/\/tcarlita65.radioca.st\/stream"},{"id":1407,"name":"SK RADIO","url":"https:\/\/a8.radioheart.ru:9003\/sk-radio"},{"id":1709,"name":"RADIOSPINNER MELLOW JAZZ","url":"https:\/\/live.radiospinner.com\/mellow-jazz-64"},{"id":1143,"name":"anechoic chamber music","url":"https:\/\/anechoicchambermusic.stream.laut.fm\/anechoic_chamber_music"},{"id":4261,"name":"Calm Radio Solo Piano","url":"https:\/\/streams.calmradio.com:1228\/stream"},{"id":72,"name":"TOPzillion100","url":"https:\/\/28563.live.streamtheworld.com\/TOP_ZILLION100.mp3?dist=website"},{"id":17,"name":"DANCE INTENSE","url":"https:\/\/intenseradio.live-streams.nl:18000\/live"},{"id":1608,"name":"DFM BASS HOUSE","url":"https:\/\/dfm-basshouse.hostingradio.ru\/basshouse96.aacp"},{"id":27,"name":"Sunshine","url":"https:\/\/radio.enigmatic.su:8105\/radio"},{"id":494,"name":"Viper Oceania Sound Revolution","url":"https:\/\/vipersoundrevolution.radioca.st\/viper-oceania-sound-revolution.fm"},{"id":198,"name":"TOP HIT RADIO","url":"https:\/\/strw3.openstream.co\/2372"},{"id":1961,"name":"TRANCEHOUSE RADIO RECORD","url":"https:\/\/radiorecord.hostingradio.ru\/trancehouse96.aacp"},{"id":2382,"name":"90 Dance Radio","url":"https:\/\/nrf1.newradio.it:9934\/stream"},{"id":3235,"name":"RADIO ZVUKI NATURE","url":"https:\/\/zvuki.amgradio.ru\/Zvuki"},{"id":1293,"name":"LOUNGE RADIO IBIZA","url":"https:\/\/lounge-radio-ibiza.stream.laut.fm\/lounge-radio-ibiza"},{"id":121,"name":"MINIMALRADIO DE","url":"https:\/\/azurafallback.de:8010\/320.mp3"},{"id":110,"name":"techno Greece","url":"https:\/\/stream.7000fm.gr\/radio\/8000\/radio.mp3"},{"id":46,"name":"Big Sunset Lounge","url":"https:\/\/streams.bigfm.de\/bigfm-sunsetlounge-128-mp3"},{"id":832,"name":"Radio Sunshine Live Chillout","url":"https:\/\/sunsl.streamabc.net\/sunsl-chillout-mp3-192-3900120"},{"id":491,"name":"EDM Sessions","url":"https:\/\/s2.radio.co\/s30844a0f4\/listen"},{"id":1177,"name":"1 FM CHILLOUT LOUNGE RADIO","url":"https:\/\/strm112.1.fm\/chilloutlounge_mobile_mp3"},{"id":117,"name":"egoFM Sachsen","url":"https:\/\/cast.egofm.de\/egofm.mp3"},{"id":4322,"name":"Jazz Radio Ireland","url":"https:\/\/carina.streamerr.co:8116\/stream"},{"id":647,"name":"powerhouse","url":"https:\/\/powerhouse.stream.laut.fm\/powerhouse"},{"id":4269,"name":"Celtic Moon","url":"https:\/\/jenny.torontocast.com:8096\/stream"},{"id":1565,"name":"DFM DISCO","url":"https:\/\/dfm-disco.hostingradio.ru\/disco96.aacp"},{"id":17065,"name":"SOMAFM SONIC UNIVERSE","url":"https:\/\/ice6.somafm.com\/sonicuniverse-128-aac"},{"id":2933,"name":"DANCE ONE","url":"https:\/\/stream.rcs.revma.com\/hmnxgw5cu5hvv"},{"id":63,"name":"LOVE TRANCE","url":"https:\/\/trance.stream.laut.fm\/trance"},{"id":772,"name":"trancechannel","url":"https:\/\/trancechannel.stream.laut.fm\/trancechannel"},{"id":34,"name":"Hard Drumz DnB","url":"https:\/\/differentdrumz.radioca.st\/stream"},{"id":3531,"name":"SUPER RELAX FM","url":"https:\/\/streams.radio.menu\/listen\/super-relax-fm\/radio.mp3"},{"id":1341,"name":"DNB FM","url":"https:\/\/go.dnbfm.ru:8000\/play"},{"id":1906,"name":"MAXIMUM 90 E","url":"https:\/\/maximum90.hostingradio.ru\/maximum9096.aacp"},{"id":437,"name":"Netlabel org Germany","url":"https:\/\/netlabelorg.stream.laut.fm\/netlabel_org"},{"id":15,"name":"Techno base","url":"https:\/\/listener2.aach.tb-group.fm\/tb-high.aac"},{"id":626,"name":"recklessrecords","url":"https:\/\/recklessrecords.stream.laut.fm\/recklessrecords"},{"id":3575,"name":"STRESSFREIEZONE","url":"https:\/\/stressfreiezone.stream.laut.fm\/stressfreiezone"},{"id":1380,"name":"CLASSIC FM RUSSIA","url":"https:\/\/jfm1.hostingradio.ru:14536\/rcstream.mp3"},{"id":1869,"name":"CYBER SPACE 101 RU","url":"https:\/\/pub0201.101.ru\/stream\/pro\/aac\/64\/79"},{"id":259,"name":"Aplus FM Beat","url":"https:\/\/s.aplus.fm\/aplus_beat_128"},{"id":1396,"name":"ENIGMATIC STATION","url":"https:\/\/listen2.myradio24.com\/8226"},{"id":149,"name":"100 CLASSICAL MUSIC","url":"https:\/\/az1.mediacp.eu\/listen\/100greatestclassicalmusic\/radio.mp3"},{"id":1960,"name":"TRANCE HITS RADIO RECORD","url":"https:\/\/radiorecord.hostingradio.ru\/trancehits96.aacp"},{"id":71,"name":"TOP CHILL","url":"https:\/\/25553.live.streamtheworld.com\/TOPZEN.mp3"}];
  912.  
  913.  
  914. // Начинаем с первой станции из списка (а не случайной!)
  915. let currentStationIndex = 0;
  916. let isPlaying = false;
  917.  
  918. // Функция для обновления станции
  919. function updateStation(index) {
  920.    if (index >= 0 && index < stations.length) {
  921.        const station = stations[index];
  922.        audioPlayer.src = station.url;
  923.        stationName.textContent = station.name.toUpperCase();
  924.        stationIcon.className = `fas ${station.icon ?? 'fa-music'}`;
  925.  
  926.        // Обновляем кнопку Play в состояние "Воспроизведение"
  927.        isPlaying = false;
  928.        playButton.innerHTML = '<i class="fas fa-play" aria-hidden="true"></i>';
  929.    }
  930. }
  931.  
  932. // Функция для переключения на следующую станцию (по кругу)
  933. function nextStation() {
  934.    currentStationIndex = (currentStationIndex + 1) % stations.length;
  935.    updateStation(currentStationIndex);
  936. }
  937.  
  938. // Тоггл для воспроизведения/паузы
  939. function togglePlay() {
  940.    if (!isPlaying) {
  941.        audioPlayer.play().then(() => {
  942.            isPlaying = true;
  943.            playButton.innerHTML = '<i class="fas fa-pause" aria-hidden="true"></i>';
  944.        }).catch(() => {
  945.            console.error('Audio cannot be played.');
  946.        });
  947.    } else {
  948.        audioPlayer.pause();
  949.        isPlaying = false;
  950.        playButton.innerHTML = '<i class="fas fa-play" aria-hidden="true"></i>';
  951.    }
  952. }
  953.  
  954. // Управление громкостью
  955. function changeVolume(value) {
  956.    audioPlayer.volume = value;
  957. }
  958.  
  959. // Запускаем первую станцию из топ-20
  960. updateStation(currentStationIndex);
  961.  
  962. </script>
  963.  
  964. <input id="menu-toggle" class="open" type="checkbox" hidden>
  965. <label class="btn" for="menu-toggle" aria-label="Toggle menu"></label>
  966. <div class="top-panel">
  967. <!-- Кнопка с количеством станций -->
  968. <br>   <div class="station-button">
  969.        STATION COUNT : 12302    </div>
  970.    <div class="message">
  971.        <h2><b>
  972. <style>
  973.    #install-app-button {
  974.        display: none;
  975.        background-color: #39464e;
  976.        color: white;
  977.        font-size: 16px;
  978.        padding: 10px 16px;
  979.        border: none;
  980.        border-radius: 4px;
  981.        cursor: pointer;
  982.        text-align: center;
  983.        font-weight: bold;
  984.        width: 100%;
  985.        transition: background-color 0.3s, transform 0.2s;
  986.    }
  987.  
  988.    #install-app-button:hover {
  989.        background-color: #2f3a42;
  990.        transform: scale(1.02);
  991.    }
  992.  
  993.    #install-app-button:active {
  994.        transform: scale(0.98);
  995.    }
  996. </style>
  997.  
  998. <nav>
  999.    <ul style="list-style: none; padding: 0; margin: 0;">
  1000.        <li>
  1001.            <button id="install-app-button" aria-label="Install Q3Radio App">
  1002.                📲 INSTALL Q3RADIO
  1003.            </button>
  1004.        </li>
  1005.    </ul>
  1006. </nav>
  1007.  
  1008. <script>
  1009. document.addEventListener('DOMContentLoaded', () => {
  1010.    const installButton = document.getElementById('install-app-button');
  1011.    let deferredPrompt = null;
  1012.  
  1013.    const isStandalone = window.matchMedia('(display-mode: standalone)').matches || window.navigator.standalone;
  1014.    const isIOS = /iPad|iPhone|iPod/.test(navigator.userAgent) && !window.MSStream;
  1015.  
  1016.    if (isStandalone) {
  1017.        console.log('[Q3Radio] Running in standalone mode');
  1018.        return;
  1019.    }
  1020.  
  1021.    if (isIOS) {
  1022.        installButton.textContent = '📲 ADD TO HOME SCREEN';
  1023.        installButton.style.display = 'block';
  1024.        installButton.addEventListener('click', () => {
  1025.            alert('To install Q3Radio, tap the Share button in Safari and choose "Add to Home Screen".');
  1026.        });
  1027.        return;
  1028.    }
  1029.  
  1030.    window.addEventListener('beforeinstallprompt', (e) => {
  1031.        console.log('[Q3Radio] beforeinstallprompt fired');
  1032.        e.preventDefault();
  1033.        deferredPrompt = e;
  1034.        installButton.style.display = 'block';
  1035.    });
  1036.  
  1037.    installButton.addEventListener('click', async () => {
  1038.        console.log('[Q3Radio] Install button clicked');
  1039.        if (deferredPrompt) {
  1040.            deferredPrompt.prompt();
  1041.            const result = await deferredPrompt.userChoice;
  1042.            console.log('[Q3Radio] User choice:', result.outcome);
  1043.            if (result.outcome === 'accepted') {
  1044.                installButton.style.display = 'none';
  1045.                console.log('[Q3Radio] User accepted the install');
  1046.            } else {
  1047.                console.log('[Q3Radio] User dismissed the install');
  1048.            }
  1049.            deferredPrompt = null;
  1050.        } else {
  1051.            console.log('[Q3Radio] Install prompt not available');
  1052.        }
  1053.    });
  1054. });
  1055.  
  1056. // Регистрация Service Worker
  1057. if ('serviceWorker' in navigator) {
  1058.    navigator.serviceWorker.register('/service-worker.js')
  1059.        .then(() => console.log('[Q3Radio] Service Worker registered'))
  1060.        .catch((err) => console.warn('[Q3Radio] Service Worker error:', err));
  1061. }
  1062. </script>
  1063. <a href="https://www.q-3.eu/" title="Go to Home Page" aria-label="Go to Home Page">🏠 HOME</a>
  1064. <a href="https://www.q-3.eu/radio.php" title="Switch to Random Mode" aria-label="Switch to Random Mode">🎲 RANDOM </a>
  1065. <a href="https://www.q-3.eu/big/" title="Switch to Random Mode" aria-label="Switch to Random Mode">☢️ BIG BUTTON </a>
  1066. <a href="https://www.q-3.eu/search.php" aria-label="Search for radio stations page" title="Search for stations">🔍 SEARCH STATION</a>
  1067. <a href="https://www.q-3.eu/all.php" title="View all available stations" aria-label="View all available radio stations">📻 ALL STATIONS</a>
  1068. <a href="https://www.q-3.eu/wall.php" title="Filter stations based on your preferences" aria-label="Filter stations based on your preferences">🧹 FILTERS</a>
  1069. <a href="https://www.q-3.eu/user/listen.php" title="Listen stations based on your preferences" aria-label="Listen to your favorite stations">⭐ FAVORITES</a>
  1070. <a href="https://www.q-3.eu/user/index.php" title="Edit stations based on your preferences" aria-label="Edit your favorite stations">✏️ EDIT FAVORITES</a>
  1071. <a href="https://www.q-3.eu/n/" title="Stay Updated with the Latest News" aria-label="Stay Updated with the Latest News">📝 NEWS</a>
  1072. <a href="https://www.q-3.eu/tags/cloud.php" title="Edit stations based on your preferences" aria-label="Edit your favorite stations">🌟 POPULAR TAGS</a>
  1073. <a href="https://t.me/radio_quake" target="_blank" title="Join our Telegram community" aria-label="Join our Telegram community (opens in a new window)">💬 TELEGRAM</a>
  1074. <a href="https://www.q-3.eu/copyright.php" target="_blank" title="Read the legal information and terms of service" aria-label="Read the legal information and terms of service (opens in a new window)">📜 LEGAL INFORMATION</a>
  1075. <a href="https://www.q-3.eu/cookie-policy.php" target="_blank" title="Learn about our cookie usage policy" aria-label="Learn about our cookie usage policy (opens in a new window)">🍪 COOKIE POLICY</a>
  1076. <a href="https://www.q-3.eu/privacy.php" target="_blank" title="Understand our privacy policy" aria-label="Understand our privacy policy (opens in a new window)">🔒 PRIVACY POLICY</a>
  1077. <a href="https://www.q-3.eu/sitemap.php" target="_blank" title="View the sitemap of the website" aria-label="View the website sitemap (opens in a new window)">🗺️ SITEMAP</a>
  1078. <!-- Ссылка на админку, видимая только для авторизованных пользователей -->
  1079.                     </b>
  1080. </h2>
  1081. <style>
  1082.    .station-button {
  1083.        display: flex;
  1084.        align-items: center;
  1085.        justify-content: center;
  1086.        width: 90%;
  1087.        height: 40px;
  1088.        background: #39464e; /* Основной цвет кнопки */
  1089.        border-radius: 5px;
  1090.        box-shadow: inset 3px 3px 6px rgba(0, 0, 0, 0.8), /* Вдавленная внутренняя тень */
  1091.                    inset -3px -3px 6px rgba(255, 255, 255, 0.1); /* Легкий свет для гравировки */
  1092.        border: none; /* Убрана рамка */
  1093.        color: #dce5f5; /* Цвет текста */
  1094.        font-size: 1rem; /* Размер текста  */
  1095.        font-weight: bold; /* Жирный текст */
  1096.        text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.9); /* Гравировочная тень текста */
  1097.        text-align: center; /* Центрирование текста */
  1098.        margin: 10px auto; /* Центрирование кнопки */
  1099.        cursor: default; /* Обычный курсор вместо руки */
  1100.        opacity: 0.7; /* Прозрачность для эффекта неактивности */
  1101.        pointer-events: none; /* Отключает взаимодействие с элементом */
  1102.    }
  1103.  
  1104.    /* Эффект наведения мыши */
  1105.    .station-button:hover {
  1106.        background: #2f3c43; /* Чуть более темный цвет */
  1107.        color: #ffffff; /* Белый текст на hover */
  1108.        cursor: pointer; /* Курсор-указатель */
  1109.    }
  1110. </style>
  1111.    </div>
  1112. </div>
  1113. <script src="/counter/js/home.js" async></script>
  1114. <br><br><br>
  1115. <script src="/sw.js" async></script>
  1116.  
Copyright © 2002-9 Sam Ruby, Mark Pilgrim, Joseph Walton, and Phil Ringnalda