129 lines
3.8 KiB
HTML
129 lines
3.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<!-- This website is not affiliated with either lainon.life or fauux. -->
|
|
<!-- https://github.com/debil03311/fauuxonlife -->
|
|
|
|
<meta charset="UTF-8" />
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
|
|
<title>SCUF FM Radio</title>
|
|
<link
|
|
rel="shortcut icon"
|
|
href="./public/asset/favicon.ico"
|
|
type="image/x-icon"
|
|
/>
|
|
|
|
<!-- Regular -->
|
|
<meta name="theme-color" content="#d2738a" />
|
|
<meta name="image" content="./public/asset/embed.png" />
|
|
<meta name="title" content="SCUF FM Radio" />
|
|
<meta name="description" content="Сидим кайфуем!" />
|
|
|
|
<!-- OpenGraph -->
|
|
<meta property="og:type" content="website" />
|
|
<meta property="og:image" content="../public/asset/embed.png" />
|
|
<meta property="og:site_name" content="SCUF FM Radio" />
|
|
<meta property="og:title" content="SCUF FM Radio" />
|
|
<meta property="og:description" content="Сидим кайфуем!" />
|
|
|
|
<!-- Twitter -->
|
|
<meta property="twitter:card" content="summary" />
|
|
<meta property="twitter:image" content="../public/asset/embed.png" />
|
|
<meta property="twitter:title" content="SCUF FM Radio" />
|
|
<meta property="twitter:description" content="Сидим кайфуем!" />
|
|
|
|
<link rel="stylesheet" href="./public/asset/icofont/icofont.min.css" />
|
|
<link rel="stylesheet" href="./public/css/index.css" />
|
|
<link rel="stylesheet" href="./public/css/index.m.css" />
|
|
</head>
|
|
<body>
|
|
<div id="darken" class="overlay no-select"></div>
|
|
<div id="scanlines" class="overlay no-select"></div>
|
|
<div id="vignette" class="overlay no-select"></div>
|
|
|
|
<div
|
|
id="warning-message"
|
|
class="overlay hidden"
|
|
onclick="this.classList.add('hidden')"
|
|
>
|
|
<div id="warning-content">
|
|
<h2>Что-то пошло не так, бля. Починим!</h2>
|
|
</div>
|
|
</div>
|
|
|
|
<audio
|
|
id="audio"
|
|
class="hidden"
|
|
preload="none"
|
|
src="https://lainon.life/radio/cafe.ogg"
|
|
></audio>
|
|
|
|
<header>
|
|
<span>=SCUF FM=</span>
|
|
<span class="header-stats">Stats</span>
|
|
<span>
|
|
[<span class="listeners current" title="Listening">0</span>,
|
|
<span class="listeners unique" title="Unique">0</span>,
|
|
<span class="listeners total" title="Peak Listeners">0</span>]
|
|
</span>
|
|
</header>
|
|
|
|
<section id="player">
|
|
<div id="progress-bar" style="width: 0%" class="no-select"></div>
|
|
|
|
<div id="volume-bar" style="width: 20%" class="no-select"></div>
|
|
|
|
<div id="current-details" class="no-select">
|
|
<span id="current-song">
|
|
<span id="current-title">NOT PLAYING</span>
|
|
<span id="current-playlist">NULL</span>
|
|
</span>
|
|
|
|
<span id="current-artist">NULL</span>
|
|
</div>
|
|
</section>
|
|
|
|
<section id="channels">
|
|
<i
|
|
id="swing"
|
|
title="swing"
|
|
class="channel icofont-ui-play"
|
|
onclick="switchChannel(this.id)"
|
|
></i>
|
|
<i
|
|
id="pause"
|
|
title="pause"
|
|
class="channel icofont-ui-pause active"
|
|
onclick="pauseRadio()"
|
|
></i>
|
|
<i
|
|
id="mute"
|
|
title="mute"
|
|
class="control icofont-ui-mute"
|
|
onclick="toggleMute()"
|
|
></i>
|
|
</section>
|
|
|
|
<section id="song-list">
|
|
<div id="list-previous"></div>
|
|
|
|
<div id="list-current">Press play to play. Vot tak vot!</div>
|
|
|
|
<div id="list-next"></div>
|
|
</section>
|
|
|
|
<section id="social">
|
|
<a href="https://t.me/scuf_fm" target="_blank"
|
|
><i class="social icofont-telegram"></i
|
|
></a>
|
|
<a href="https://y2z.ru" target="_blank"
|
|
><i class="social icofont-web"></i
|
|
></a>
|
|
</section>
|
|
|
|
<script defer src="./public/js/index.js"></script>
|
|
</body>
|
|
</html>
|