Sindbad~EG File Manager
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title> </title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" />
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css"/>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.theme.default.min.css"/>
<link href="https://fonts.googleapis.com/css2?family=Caveat&display=swap" rel="stylesheet">
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css" integrity="sha512-SnH5WK+bZxgPHs44uWIX+LLJAJ9/2PkPKZ5QiAj6Ta86w+fsb2TkcmfRyVX3pBnMFcV7oQPJkl9QevSCWr3W6A==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link href="css4.css" rel="stylesheet">
</head>
<body>
<?php include 'header.php'?>
<section class="hero--section">
<div class="container-fluid">
<div class="row g-2 gx-md-5" >
<div class="col-md-2 col-6 order-2 order-md-1 my-auto">
<img src="https://beta.jam-on.ch/images/JamOn-Shop_Banner_1.png" class="imf-fluid w-100" alt=" ">
</div>
<div class="col-md-8 order-1 order-md-2 my-auto">
<div class="hero-card" >
<div class="row g-2 g-md-3 align-items-center">
<div class="col-md-5">
<div class="hero-text text-white">
<?php
// Set the content type to HTML
header('Content-Type: text/html; charset=utf-8');
// JSON source
$jsonUrl = 'https://www.jam-on.ch/tracklist/currentlyplaying.json';
// Default values
$title = 'Unknown Title';
$artist = 'Unknown Artist';
// Fetch and decode JSON
$response = @file_get_contents($jsonUrl);
if ($response !== false) {
$data = json_decode($response, true);
if (!empty($data['track'])) {
$title = htmlspecialchars($data['track']);
}
if (!empty($data['artist'])) {
$artist = htmlspecialchars($data['artist']);
}
} else {
$title = 'Error loading title';
$artist = 'Error loading artist';
}
?>
<!-- Display track info -->
<h1 id="track-title" data-aos="fade-right" data-aos-delay="400"><?= $title ?></h1>
<p id="track-artist" data-aos="fade-right" data-aos-delay="500"><?= $artist ?></p>
<div class="live-player-container transparent-player" id="livePlayer">
<!-- Audio Element -->
<audio id="liveAudio" autoplay muted>
<source src="https://jam-on.ice.infomaniak.ch/jam-on-128.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
<!-- Time Bar -->
<input type="range" id="timeBar" min="0" max="100" value="0" step="1" disabled />
<!-- Bottom Controls Row -->
<div class="bottom-controls d-flex align-items-center justify-content-between">
<div class="left-controls d-flex align-items-center gap-2">
<button id="playPauseBtn"><i class="fas fa-play"></i></button>
<button id="muteBtn"><i class="fas fa-volume-mute"></i></button>
<span id="currentTime" style="padding-left: 10px;">00:00</span>
<!-- Now Playing Info (placed here) -->
<div class="now-playing-info" style="font-size: 13px; padding-left: 8px;">
<strong><?php echo $title; ?></strong> <em>by <?php echo $artist; ?></em>
</div>
</div>
<!-- Vertical Volume -->
<input type="range" id="volumeSlider" min="0" max="1" step="0.01" value="0.5" orient="vertical" style="height:50px;" />
</div>
</div>
<br><br>
<a href="https://jamon2-santhoshs-projects-7fb196a9.vercel.app/" target="_blank" class="explore-btn mt-3" data-aos="fade-right" data-aos-delay="800">
Listen Live
</a>
</div>
</div>
<div class="col-md-7 my-auto ">
<div class="hero-image p-3 p-md-5" data-aos="fade-left" data-aos-delay="500" >
<img id="trackImage" src="https://www.jam-on.ch/tracklist/art-00.jpg" alt=" " class="img-fluid w-100 rounded shadow" />
<div class="sound-waves">
<span></span><span></span><span></span><span></span><span></span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-2 col-6 order-3 order-md-3 my-auto">
<img src="https://beta.jam-on.ch/images/2025_Monatsplakat_Februar_Final_Png.png" class="imf-fluid w-100" alt="">
</div>
</div>
</div>
</section>
<section class="motion-features py-5 bg-white">
<div class="container">
<header class="text-center mb-5">
<h2 class="display-5 fw-bold">Crafting Extraordinary Audio Experiences</h2>
<p class="lead text-muted">
Dive into the world of immersive sound, creative storytelling, and community-driven radio programming.
</p>
</header>
<div class="row text-center g-4">
<div class="col-md-4">
<div class="p-4 border rounded h-100">
<i class="bi bi-mic-fill fs-1 text-primary mb-3"></i>
<h3 class="h5 fw-semibold">Live FM Shows</h3>
<p>
Tune in to our diverse lineup of shows featuring local talent, underground sounds, and global beats—broadcasted live from our studio.
</p>
</div>
</div>
<div class="col-md-4">
<div class="p-4 border rounded h-100">
<i class="bi bi-headphones fs-1 text-success mb-3"></i>
<h3 class="h5 fw-semibold">Curated Music & Culture</h3>
<p>
From deep cuts to fresh drops, our music curation spans genres and generations, highlighting the pulse of underground culture.
</p>
</div>
</div>
<div class="col-md-4">
<div class="p-4 border rounded h-100">
<i class="bi bi-people fs-1 text-warning mb-3"></i>
<h3 class="h5 fw-semibold">Community Collaborations</h3>
<p>
We amplify voices that matter. Our platform promotes grassroots collaboration and creative freedom across communities.
</p>
</div>
</div>
</div>
</div>
</section>
<?php include 'footer.php'?>
</body>
</html>
Sindbad File Manager Version 1.0, Coded By Sindbad EG ~ The Terrorists