<!DOCTYPE html>
<html lang="it">
  <head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Radio Irpinia 2.0</title>
    <link rel="icon" type="image/png" sizes="32x32" href="icons/favicon-32x32.png">
    <meta name="theme-color" content="#ffffff">
    <link rel="stylesheet" href="scripts/styles/resize.css">
    <link rel="stylesheet" href="scripts/styles/darkmode.css">
    <link rel="stylesheet" href="scripts/styles/lock.css">
    <script src="scripts/js/player.js"></script>
    <script src="scripts/js/player24.js"></script>
    <script src="scripts/js/darkmode.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/js/bootstrap.min.js" integrity="sha384-7VPbUDkoPSGFnVtYi0QogXtr74QeVeeIs99Qfg5YCF+TidwNdjvaKZX19NZ/e6oz" crossorigin="anonymous"></script>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-iYQeCzEYFbKjA/T2uDLTpkwGzCiq6soy8tYaI1GyVh/UjpbCx/TYkiZhlZB6+fzT" crossorigin="anonymous">
    <script 
    disable-devtool-auto 
    md5='1aabac6d068eef6a7bad3fdf50a05cc8' 
    src='https://cdn.jsdelivr.net/npm/disable-devtool@0.3.7/disable-devtool.min.js#use'
    ></script>
  </head>
  <body> 
    <nav class="navbar navbar-expand-lg navbar-dark bg-dark">
      <div class="container">
        <a class="navbar-brand" href="#">Radio Irpinia 2.0</a>
        <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNav">
          <ul class="navbar-nav ms-auto">
            <li class="nav-item"><a class="nav-link active" href="#">Home</a></li>
            <li class="nav-item"><a class="nav-link" href="download.html">App</a></li>
            <li class="nav-item"><a class="nav-link" href="contact.html">Contattaci</a></li>
            <li class="nav-item">
              <button id="darkModeButton" class="btn btn-outline-light ms-3">🌙</button>
            </li>
          </ul>
        </div>
      </div>
    </nav>
    <div class="container d-flex justify-content-center mt-4">
      <img id="logo" src="loghi/logo_light.png" class="img-fluid" alt="Logo" width="400">
    </div>
    <div id="player">
      <div class="container d-flex justify-content-center mt-3">
        <ul class="nav nav-tabs" id="contentTabs">
          <li class="nav-item">
            <a class="nav-link active" id="audioTab" href="#" onclick="showAudioPlayer()">Diretta Audio</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" id="twitchTab" href="#" onclick="showTwitchPlayer()">Diretta Video</a>
          </li>
        </ul>
      </div>
      <center>
        <div id="audioContent" class="container mt-3 position-relative">
          <div id="overlay">
              <div id="loading">
                  <div class="spinner-border" role="status">
                      <span class="visually-hidden">Loading...</span>
                  </div>
              </div>
              <p>Questa area è bloccata. Inserisci il token per sbloccarla.</p>
              <button class="buttonlock" onclick="unlock()">Sblocca</button>
          </div>
          <div id="player247-container">
              <audio id="player247" controls>
                  <source src="https://stream.zeno.fm/z2so9wfr3hcvv" type="audio/mpeg">
                  Il tuo browser non supporta l'elemento audio.
              </audio>
          </div>
      </div>
    </center>
    <div id="twitchContent" class="container mt-3" style="display: none;">
      <div style="display: inline; margin-right: 1px">
        <iframe src="https://player.twitch.tv/?channel=radioirpinia&parent=radioirpinia2.web.app" height="360" width="620" allowfullscreen></iframe>
      </div>
      <div style="float: right; margin-right: 3px">
        <iframe src="https://www.twitch.tv/embed/radioirpinia/chat?parent=radioirpinia2.web.app" height="360" width="300"></iframe>
      </div>
    </div>
  </div>
    <div style="z-index: 11;" class="container mt-4 d-flex flex-column flex-md-row justify-content-between">
      <div style="z-index: 11;" class="card p-3 mb-3 mb-md-0" style="width: 18rem;">
        <h5 class="card-title">Ultime Notizie</h5>
        <p><i>24/11/2024</i></p>
        <p>Scarica il player multipiattaforma ora open source!</p>
        <br>
        <p><i>17/01/2025</i></p>
        <p>Nuova grafica del sito!</p>
      </div>
      <iframe style="z-index: 11;" src="https://www.3bmeteo.com/moduli_esterni/localita_7_giorni_compatto/1089/ffffff/c01c28/5e5e5e/ffffff/it" width="382" height="300" frameborder="0"></iframe>
    </div>
    <noscript>
      <strong>
        <p>Attiva jascript per visualizzare il sito. clicca <a href="https://www.enablejavascript.io/it">qui</a> se non lo sai fare.</p>
      </strong>
    </noscript> 
  <script defer src="scripts/js/lock.js"></script>
  </body>
</html>


<!--

Autoplay: https://stream.zeno.fm/z2so9wfr3hcvv
Diretta: http://82.145.63.6:4578/stream

-->