<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="manifest" href="./site.webmanifest" />
    <link rel="mask-icon" href="./safari-pinned-tab.svg" color="#5bbad5" />
    <meta http-equiv="content-language" content="en" />
    <meta name="keywords" content="enma60, ru, радио, music, bednov, Gardarika FM" />
    <meta name="description" content="Gardarika FM project - online radio" />
    <meta name="msapplication-TileColor" content="#da532c" />
    <meta name="theme-color" content="#b6e3f6" />
    <meta name="yandex-verification" content="19db7f60420c26ec" />
    <title>Gardarika FM project</title>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <link id="style" rel="stylesheet" type="text/css" href="gfm.css" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=yes" />
  </head>
  <body>
    <div class="lofi_gfm" id="vid">
      <video class="video_bg_gfm" muted="muted" autoplay="autoplay" loop="loop"><source src="https://enma60.ru/sources/lofiback.webm" type="video/webm"></source><source src="https://enma60.ru/sources/lofiback.mp4" type="video/mp4"></source>

  Download the
  <a href="https://cloud.enma60.ru/index.php/s/cCWdSrMCmSfHF3z/download/v15.webm">WEBM</a>
  or
  <a href="https://cloud.enma60.ru/index.php/s/FzYdbM2FSq2ZW3z/download/v15vvv.mp4">MP4</a>
  video.
</video>
    </div>
    <div class="lofi_stt" id="vid">
      <video class="video_bg_stt" muted="muted" autoplay="autoplay" loop="loop"><source src="https://enma60.ru/sources/Enma60bg11.webm" type="video/webm"></source><source src="https://enma60.ru/sources/Enma60bg11.mp4" type="video/mp4"></source>

  Download the
  <a href="https://enma60.ru/sources/Enma60bg11.webm">WEBM</a>
  or
  <a href="https://enma60.ru/sources/Enma60bg11.mp4">MP4</a>
  video.
</video>
    </div>
    <div class="lofi_ph" id="vid">
      <video class="video_bg_ph" muted="muted" autoplay="autoplay" loop="loop"><source src="https://enma60.ru/sources/Phcss.webm" type="video/webm"></source><source src="https://enma60.ru/sources/phcss.mp4" type="video/mp4"></source>

  Download the
  <a href="https://enma60.ru/sources/Phcss.webm">WEBM</a>
  or
  <a href="https://enma60.ru/sources/phcss.mp4">MP4</a>
  video.
</video>
    </div>
    <div class="lofi_nc" id="vid">
      <video class="video_bg_nc" muted="muted" autoplay="autoplay" loop="loop"><source src="https://enma60.ru/sources/Nightcloudcss.webm" type="video/webm"></source><source src="https://enma60.ru/sources/nightcloudcss.mp4" type="video/mp4"></source>

  Download the
  <a href="https://enma60.ru/sources/Nightcloudcss.webm">WEBM</a>
  or
  <a href="https://enma60.ru/sources/nightcloudcss.mp4">MP4</a>
  video.
</video>
    </div>
    <h1 id="header">Gardarika FM Live</h1>
    <div class="flexlang">
      <div id="currentTime1">
        <time id="currentTime"></time>
        <script src="/t1.js"></script>
      </div>
      <div id="weathercondition"></div>
      <script src="/weather.js"></script>
      <div class="langbutton">
        <a href="status_ru.xsl">RU</a>
      </div>
    </div>
    <div id="menu">
      <ul class="flexmenu">
        <p>
          <li>
            <a href="admin/">Administration</a>
          </li>
          <li>
            <a href="status.xsl">Station status</a>
          </li>
          <li>
            <a href="request_en.html">Song request</a>
          </li>
          <li>
            <a href="server_version.xsl">Platform</a>
          </li>
          <li>
            <a href="grid.xsl">Schedule</a>
          </li>
          <li>
            <a href="logupd.xsl">Logs</a>
          </li>
        </p>
      </ul>
      <div class="playercontrols">
        <p class="play-btn" id="playButton"></p>
        <div class="volopt">
          <input type="range" value="100" min="0" max="1" step="0.01" id="volume-slider" />
          <p id="volume-display">Volume: 100%</p>
          <script>const volumeSlider = document.getElementById("volume-slider");
					const volumeDisplay = document.getElementById("volume-display");
				</script>
        </div>
        <script src="/nextprevsong.js"></script>
        <script src="/script.js"></script>
        <script src="/tooltip.js"></script>
      </div>
      <div id="music">
        <p id="music1" style="color:#b6e3f6; text-shadow: 0 0 14px #fff;">Pending...</p>
      </div>
    </div>
    <div class="roundbox">
      <div class="mounthead">
        <h3 class="mount">Information</h3>
        <div class="right">
          <ul class="mountlist">
            <li>
              <a class="play" href="https://disk.yandex.ru/d/fJqwCL53w0QHaA"> Download live playlist</a>
            </li>
          </ul>
        </div>
      </div>
      <div class="mountcont">
        <table class="yellowkeys">
          <tbody>
            <tr>
              <td>Station Name:</td>
              <td>Gardarika FM</td>
            </tr>
            <tr>
              <td>Short Description:</td>
              <td>Music Radio Station by www.enma60.ru</td>
            </tr>
            <tr>
              <td>Content Type:</td>
              <td>audio/mpeg</td>
            </tr>
            <tr>
              <td>Broadcast started:</td>
              <td class="streamstats">Wed, 15 Apr 2026 03:30:25 +0300</td>
            </tr>
            <tr>
              <td>Bitrate:</td>
              <td class="streamstats">192 kbps</td>
            </tr>
            <tr>
              <td id="currlis1">Listeners (current):</td>
              <td id="currlis" class="streamstats">Pending...
									</td>
            </tr>
            <tr>
              <td id="peaklis1">Listeners (peak):</td>
              <td id="peaklis" class="streamstats">1</td>
            </tr>
            <tr>
              <td>Genre:</td>
              <td class="streamstats">Pop, Rock, Аlt, R&amp;B, Hip-Hop, K-Pop, Lo-Fi, OST, Phonk</td>
            </tr>
            <tr>
              <td>Stream URL:</td>
              <td class="streamstats">
                <a href="https://radio.enma60.ru/live">https://radio.enma60.ru/live</a>
              </td>
            </tr>
            <tr>
              <td>Current playlist:</td>
              <td id="playlist" class="playlisttxt">Pending...
								</td>
            </tr>
            <tr>
              <td>Previous song:</td>
              <td id="prevsong" class="streamstats">Pending...
								</td>
            </tr>
            <tr id="cp">
              <td id="musicbox1">Currently playing:</td>
              <td id="musicbox" class="streamstats">Pending...
								</td>
            </tr>
            <tr>
              <td>Next song:</td>
              <td id="nextsong" class="streamstats">Pending...
								</td>
            </tr>
          </tbody>
        </table>
      </div>
    </div>
    <div id="footer">
      <p class="flex-1">
		Contact us: admin@enma60.ru or <a href="https://chat.enma60.ru/">chat.enma60.ru</a></p>
      <p class="flex-2">
        <div class="arrowpopup" onclick="tipFunction()">
          <img id="info" width="15" align="top" title="Подсказка" src="images/info2.png" />
          <span class="tooltiptext" id="tooltipdemo">SongRequest <p style="margin: 2px; text-align: left">Login: <u>client</u></p><p style="margin: 2px; text-align: left">Password: <u>playforme</u></p></span>
        </div>
      </p>
    </div>
  </body>
</html>
