File: /var/www/html/Siyum_old/wp-content/themes/siyum-old/page-radios.php
<?php /* Template Name: Radio Page */
get_header();
?>
<section class="banner banner-radio-web">
<div class="container custom-container">
<div class="title">
Shabbos Radio:<br> Your Ultimate Source for Shabbos Musical Inspiration!
</div>
<div class="content">
Welcome to Shabbos Radio, where the spirit of Shabbos comes alive throughout the week through soulful niggunim and uplifting tunes. Our dedicated audio player is designed to provide you with a continuous stream of Shabbos-themed music featuring a curated selection of melodies that celebrate the beauty and sanctity of our special day!
</div>
</div>
</section>
<section class="two-col">
<div class="container custom-container">
<div class="inner-sec">
<!-- Left Section: Author Image -->
<div class="left-sec">
<img src="<?php echo get_template_directory_uri(); ?>/img/author.png" alt="author">
</div>
<!-- Right Section: Metadata and Player -->
<div class="right-sec">
<div class=""> </div>
<div class="follow-ico">
<?php
$current_url = get_permalink();
?>
<div class="dropdown">
<button class="btn dropdown-btn-share dropdown-toggle" type="button" id="dropdownMenuButton1" data-bs-toggle="dropdown"
aria-expanded="false">
<img src="<?php echo get_template_directory_uri(); ?>/img/share.svg" alt="share">
</button>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="dropdownMenuButton1">
<li><a class="dropdown-item" target="_blank" href="https://api.whatsapp.com/send?text=<?php echo urlencode($current_url); ?>">
<span class="soc-icon">
<img src="<?php echo get_template_directory_uri(); ?>/img/whatsapp-icon1.svg" alt="">
</span>
WhatsApp
</a></li>
<li><a class="dropdown-item" target="_blank" href="mailto:?subject=<?php echo urlencode($current_title); ?>&body=<?php echo urlencode($current_url); ?>">
<span class="soc-icon">
<img src="<?php echo get_template_directory_uri(); ?>/img/envelope.svg" alt="">
</span>
Email
</a></li>
<li><a class="dropdown-item" target="_blank" href="sms:?body=<?php echo urlencode($current_url); ?>">
<span class="soc-icon">
<img src="<?php echo get_template_directory_uri(); ?>/img/send-icon.svg" alt="">
</span>
SMS
</a></li>
<li><a class="dropdown-item" href="<?php echo esc_url($current_url); ?>" onclick="copyToClipboard('<?php echo esc_js($current_url); ?>'); return false;">
<span class="soc-icon">
<img src="<?php echo get_template_directory_uri(); ?>/img/copy-icon.svg" alt="">
</span>
Copy link
</a></li>
</ul>
</div>
</div>
<!-- <div class="follow-ico">
<img src="<?php echo get_template_directory_uri(); ?>/img/share.svg" alt="share">
</div> -->
<div class="subtitle" id="song-title">Shabbos Hayom</div>
<div class="sub-content" id="song-description">
There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form
</div>
<!-- Artist and Album Metadata -->
<div class="desc">
<div class="author-details">
<div class="position">ARTIST</div>
<div class="nme" id="artist-name">Shloime Gertner</div>
</div>
<div class="author-details">
<div class="position">ALBUM</div>
<div class="nme" id="album-name">Say Asay</div>
</div>
</div>
<!-- Lottie Animation -->
<div class="lottie">
<lottie-player
src="<?php echo get_template_directory_uri(); ?>/lottie/music-lottie.json"
background="transparent"
speed="1"
style="width: 764px; height: 98px;"
loop>
</lottie-player>
</div>
<!-- Music Player -->
<!-- <div class="music-player">
<audio id="radio-stream" controls autoplay muted>
<source src="https://167.114.174.204:8018/stream" type="audio/mpeg">
Your browser does not support the audio element.
</audio></div> -->
<div class="music-player">
<audio id="radio-stream">
<source src="https://relax.stream.publicradio.org/relax.aac" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<div class="controls">
<button id="play-pause" class="play">
<i class="fa fa-play"></i> <!-- Play Icon -->
</button>
<div class="progress-container-outer">
<div class="progress-container">
<div class="progress"></div>
<div class="live-indicator">
<span class="live-dot"></span>
<span class="live-text">Live</span>
</div>
</div>
</div>
<button id="mute-unmute">
<i class="mute-icon fas fa-volume-mute"></i> <!-- Mute Icon -->
</button>
</div>
</div>
</div>
</div>
<section class="banner banner-radio-sec-mob">
<div class="title">
Shabbos Radio:<br> Your Ultimate Source for Shabbos Musical Inspiration!
</div>
<div class="content">
Welcome to Shabbos Radio, where the spirit of Shabbos comes alive throughout the week through soulful niggunim and
uplifting tunes. Our dedicated audio player is designed to provide you with a continuous stream of Shabbos-themed
music featuring a curated selection of melodies that celebrate the beauty and sanctity of our special day!
</div>
</section>
</div>
</section>
<section class="newsletter-section">
<div class="container custom-container">
<div class="subtitle">Subscribe to our Newsletter </div>
<div class="sub-content"> Sign up for our weekly updates to be the first to receive inspiring content, news, events, and downloads.</div>
<div class="form-sec">
<form id="newsletter-form">
<div class="row form-inner">
<div class="col-md-4">
<input type="text" id="name" class="form-control" placeholder="Name*" required>
</div>
<div class="col-md-4">
<input type="email" id="email" class="form-control" placeholder="Email*" required>
</div>
<div class="col-md-2">
<button type="submit" class="btn btn-submit btn-subscribe w-100">Subscribe</button>
</div>
</div>
</form>
<div id="subAlert" class="alert alert-success" role="alert" style="text-align: center; display: none;top: 10px;"></div> </div>
</div>
</div>
</section>
<div id="popup-message" class="popup-message" style="display: none;">
<div class="popup-content">
Link copied to clipboard
</div>
</div>
<?php get_footer(); ?>