Radio and Files services are deleted.
This commit is contained in:
parent
909c096c21
commit
08e6a17aa1
GPG Key ID:
0388CC8FAA51063F
@ -1,3 +0,0 @@
|
|||||||
exports.host = "0.0.0.0";
|
|
||||||
exports.port = 32202;
|
|
||||||
exports.share_path = "/srv/ftp";
|
|
||||||
117
files/index.js
117
files/index.js
@ -1,117 +0,0 @@
|
|||||||
const fs = require("fs");
|
|
||||||
const path = require("path");
|
|
||||||
const { ENOENT, ECONNRESET } = require("constants");
|
|
||||||
|
|
||||||
const Koa = require("koa");
|
|
||||||
const koaPug = require("koa-pug");
|
|
||||||
const koaRouter = require("koa-router");
|
|
||||||
|
|
||||||
const config = require("./config");
|
|
||||||
const util = require("../shared/util");
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
const SIZE_UNITS = [ "B", "KiB", "MiB", "GiB" ];
|
|
||||||
|
|
||||||
function addFileSizeUnit(size) {
|
|
||||||
let i = 0;
|
|
||||||
for (; size > 1024; size /= 1024) ++i;
|
|
||||||
return [i > 0 ? size.toFixed(2) : size, SIZE_UNITS[i]];
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
function buildCurrentPathLink(path) {
|
|
||||||
let currentPath = `<a href="/">root</a>`;
|
|
||||||
|
|
||||||
if (path.endsWith("/"))
|
|
||||||
path = path.slice(1, path.length-1);
|
|
||||||
|
|
||||||
const path_parts = path.split("/");
|
|
||||||
|
|
||||||
for (let i = 0; i < path_parts.length; ++i) {
|
|
||||||
let lnk = "";
|
|
||||||
|
|
||||||
for (let j = 0; j < i+1; ++j)
|
|
||||||
lnk += `/${path_parts[j]}`;
|
|
||||||
|
|
||||||
currentPath += `/<a href="${encodeURI(lnk)}/">${path_parts[i]}</a>`;
|
|
||||||
}
|
|
||||||
|
|
||||||
return currentPath;
|
|
||||||
}
|
|
||||||
|
|
||||||
function sortFuncByNameField(a, b) {
|
|
||||||
return (a.name > b.name) ? 1 : (a.name < b.name) ? -1 : 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
async function getDirectoryList(dir_path, orig_url) {
|
|
||||||
let directories = [];
|
|
||||||
let files = [];
|
|
||||||
let total_files_size = 0;
|
|
||||||
let directory = await fs.promises.opendir(dir_path);
|
|
||||||
|
|
||||||
for await (const dirent of directory) {
|
|
||||||
const stat = await fs.promises.stat(path.join(dir_path, dirent.name));
|
|
||||||
const [s, u] = addFileSizeUnit(stat.size);
|
|
||||||
|
|
||||||
if (stat.isDirectory())
|
|
||||||
directories.push({
|
|
||||||
name: dirent.name,
|
|
||||||
link: `${encodeURIComponent(dirent.name)}/`,
|
|
||||||
datetime: stat.mtime,
|
|
||||||
size: "DIR" });
|
|
||||||
else {
|
|
||||||
total_files_size += stat.size;
|
|
||||||
files.push({
|
|
||||||
name: dirent.name,
|
|
||||||
link: `/files${orig_url}${encodeURIComponent(dirent.name)}`,
|
|
||||||
datetime: stat.mtime,
|
|
||||||
size: `${s} ${u}` });
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
directories.sort(sortFuncByNameField);
|
|
||||||
files.sort(sortFuncByNameField);
|
|
||||||
|
|
||||||
return [directories.concat(files), directories.length, files.length,
|
|
||||||
addFileSizeUnit(total_files_size).join(' ')];
|
|
||||||
}
|
|
||||||
|
|
||||||
function setRoutes() {
|
|
||||||
return koaRouter().get('/(.*)?', async ctx => {
|
|
||||||
const file_path = path.join(config.share_path, decodeURI(ctx.originalUrl));
|
|
||||||
|
|
||||||
let stat = await fs.promises.stat(file_path);
|
|
||||||
|
|
||||||
if (stat.isDirectory()) {
|
|
||||||
const [items, total_directories, total_files, total_files_size]
|
|
||||||
= await getDirectoryList(file_path, decodeURI(ctx.originalUrl));
|
|
||||||
|
|
||||||
await ctx.render('index', {
|
|
||||||
clientTZ: util.getClientTimezone(ctx),
|
|
||||||
main_site: util.getServiceByHost(ctx.header.host),
|
|
||||||
current_path: buildCurrentPathLink(decodeURI(ctx.originalUrl)),
|
|
||||||
total_files: total_files,
|
|
||||||
total_files_size: total_files_size,
|
|
||||||
total_directories: total_directories,
|
|
||||||
items: items });
|
|
||||||
}
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
|
|
||||||
const app = new Koa();
|
|
||||||
const pug = new koaPug({
|
|
||||||
viewPath: path.join(__dirname, "views"),
|
|
||||||
locals: {
|
|
||||||
moment: (date, tz) => util.datetime(date, util.date_formats.file_date, tz), },
|
|
||||||
app: app
|
|
||||||
});
|
|
||||||
|
|
||||||
app.proxy = true;
|
|
||||||
app
|
|
||||||
.use(setRoutes().routes())
|
|
||||||
// .on("error", err => { if (!err.code == ECONNRESET || !err.code == ENOENT) console.log(err.code); })
|
|
||||||
.listen(config.port, config.host);
|
|
||||||
|
|
||||||
console.log("Arav's dwelling / Files is up.");
|
|
||||||
@ -1,170 +0,0 @@
|
|||||||
@font-face {
|
|
||||||
font-family: 'Roboto Condensed';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
src: local('RobotoCondensed'), local('RobotoCondensed-Regular'),
|
|
||||||
url(/shared/fonts/RobotoCondensed-Regular.ttf); }
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--background-color: #0a0a0a;
|
|
||||||
--primary-color: #cd2682;
|
|
||||||
--secondary-color: #9f2b68;
|
|
||||||
--text-color: #f5f5f5;
|
|
||||||
--text-indent: 1.6rem;
|
|
||||||
--overlay-background-color: #f5f5f574;
|
|
||||||
scrollbar-color: var(--primary-color) var(--background-color); }
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
|
||||||
:root {
|
|
||||||
--background-color: #f5f5f5;
|
|
||||||
--primary-color: #9f2b68;
|
|
||||||
--secondary-color: #cd2682;
|
|
||||||
--text-color: #0a0a0a;
|
|
||||||
--overlay-background-color: #0a0a0a74; } }
|
|
||||||
|
|
||||||
* { margin: 0; }
|
|
||||||
|
|
||||||
::selection {
|
|
||||||
background-color: var(--secondary-color);
|
|
||||||
color: var(--background-color); }
|
|
||||||
|
|
||||||
a {
|
|
||||||
color: var(--primary-color);
|
|
||||||
text-decoration: none; }
|
|
||||||
|
|
||||||
a:hover {
|
|
||||||
color: var(--secondary-color);
|
|
||||||
text-decoration: underline;
|
|
||||||
text-decoration-style: dotted;
|
|
||||||
transition: .5s; }
|
|
||||||
|
|
||||||
p {
|
|
||||||
text-align: justify;
|
|
||||||
line-height: var(--text-indent);
|
|
||||||
text-indent: var(--text-indent); }
|
|
||||||
|
|
||||||
p:not(:last-child) { margin-bottom: .1rem; }
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2 {
|
|
||||||
font-size: 1.8rem;
|
|
||||||
font-variant: small-caps;
|
|
||||||
text-align: center;
|
|
||||||
margin-bottom: 1rem; }
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 1.4rem;
|
|
||||||
margin: 1rem 0; }
|
|
||||||
|
|
||||||
html { margin-left: calc(100vw - 100%); }
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: var(--background-color);
|
|
||||||
color: var(--text-color);
|
|
||||||
font-family: 'Roboto Condensed', Roboto, sans-serif;
|
|
||||||
font-size: 1.1rem;
|
|
||||||
margin: 0 auto;
|
|
||||||
max-width: 960px;
|
|
||||||
width: 98%; }
|
|
||||||
|
|
||||||
header {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: space-between; }
|
|
||||||
|
|
||||||
#logo {
|
|
||||||
display: block;
|
|
||||||
width: 360px; }
|
|
||||||
|
|
||||||
#logo text { fill: var(--text-color); }
|
|
||||||
|
|
||||||
#logo .logo {
|
|
||||||
font-size: 2rem;
|
|
||||||
font-variant-caps: small-caps;
|
|
||||||
font-weight: bold; }
|
|
||||||
|
|
||||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
||||||
#logo .logo { font-size: 2.082rem; } }
|
|
||||||
|
|
||||||
@-moz-document url-prefix() {
|
|
||||||
#logo .logo { font-size: 2rem; } }
|
|
||||||
|
|
||||||
#logo .under { font-size: .88rem; }
|
|
||||||
|
|
||||||
nav { margin-top: .5rem; }
|
|
||||||
|
|
||||||
nav a { font-variant: small-caps; }
|
|
||||||
|
|
||||||
nav h1 {
|
|
||||||
color: var(--secondary-color);
|
|
||||||
margin: 0; }
|
|
||||||
|
|
||||||
section { margin-top: 1rem; }
|
|
||||||
|
|
||||||
#overlay {
|
|
||||||
align-items: center;
|
|
||||||
background-color: var(--overlay-background-color);
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
height: 100%;
|
|
||||||
left: 0;
|
|
||||||
max-height: 100%;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
visibility: hidden;
|
|
||||||
width: 100%; }
|
|
||||||
|
|
||||||
#overlay video,
|
|
||||||
#overlay audio,
|
|
||||||
#overlay img {
|
|
||||||
margin: auto;
|
|
||||||
max-height: 100%;
|
|
||||||
max-width: 86%;
|
|
||||||
}
|
|
||||||
|
|
||||||
#overlay span {
|
|
||||||
color: var(--background-color);
|
|
||||||
text-shadow: 0 0 .3rem var(--secondary-color);
|
|
||||||
}
|
|
||||||
|
|
||||||
table { overflow-y: scroll; width: 100%; }
|
|
||||||
|
|
||||||
tr { vertical-align: top; }
|
|
||||||
|
|
||||||
tr:hover { background-color: var(--primary-color); color: white; }
|
|
||||||
|
|
||||||
tr:hover a { color: white; }
|
|
||||||
|
|
||||||
th { text-align: left; }
|
|
||||||
|
|
||||||
th:nth-child(2),
|
|
||||||
th:last-child { width: 1%; white-space: nowrap; }
|
|
||||||
|
|
||||||
th,
|
|
||||||
td { line-break: strict; }
|
|
||||||
|
|
||||||
th:nth-child(2),
|
|
||||||
td:nth-child(2) { padding: 0 1rem; }
|
|
||||||
|
|
||||||
td a { display: block; width: 100%; }
|
|
||||||
|
|
||||||
td a:hover { transition: none; }
|
|
||||||
|
|
||||||
td:nth-child(2),
|
|
||||||
td:last-child { white-space: nowrap; }
|
|
||||||
|
|
||||||
footer {
|
|
||||||
font-size: .8rem;
|
|
||||||
text-align: center;
|
|
||||||
padding: 1rem 0; }
|
|
||||||
|
|
||||||
@media screen and (max-width: 640px) {
|
|
||||||
header { display: block; }
|
|
||||||
|
|
||||||
#logo {
|
|
||||||
margin: 0 auto;
|
|
||||||
width: 100%; }
|
|
||||||
|
|
||||||
nav {
|
|
||||||
width: 100%;
|
|
||||||
text-align: center; } }
|
|
||||||
@ -1,56 +0,0 @@
|
|||||||
const video_formats = ["webm", "mp4"];
|
|
||||||
const audio_formats = ["mp3", "flac", "opus", "ogg", "m4a"];
|
|
||||||
const image_formats = ["jpg", "jpeg", "gif", "png", "bmp", "webp"];
|
|
||||||
|
|
||||||
const overlay = document.getElementById("overlay");
|
|
||||||
let g_scale = 1;
|
|
||||||
let g_volume = 1.0;
|
|
||||||
|
|
||||||
function mousescroll(e) {
|
|
||||||
e.preventDefault();
|
|
||||||
g_scale = Math.min(Math.max(0.25, g_scale + (e.deltaY * -0.001)), 4);
|
|
||||||
e.target.style.transform = `scale(${g_scale})`;
|
|
||||||
}
|
|
||||||
|
|
||||||
function onvolumechange(e) {
|
|
||||||
g_volume = e.target.volume;
|
|
||||||
}
|
|
||||||
|
|
||||||
const ext_filter = (ext, pathname) => pathname.toLowerCase().endsWith(ext);
|
|
||||||
|
|
||||||
function to_overlay(eltyp, pathname) {
|
|
||||||
const el = document.createElement(eltyp);
|
|
||||||
const el_label = document.createElement("span");
|
|
||||||
el_label.textContent = decodeURI(pathname.substr(pathname.lastIndexOf("/") + 1));
|
|
||||||
if (eltyp !== "audio") el.addEventListener('wheel', mousescroll);
|
|
||||||
if (eltyp !== "img") {
|
|
||||||
el.autoplay = el.controls = true;
|
|
||||||
el.addEventListener("volumechange", onvolumechange);
|
|
||||||
el.volume = g_volume;
|
|
||||||
}
|
|
||||||
el.src = pathname;
|
|
||||||
overlay.appendChild(el);
|
|
||||||
overlay.appendChild(el_label);
|
|
||||||
overlay.style.visibility = "visible";
|
|
||||||
}
|
|
||||||
|
|
||||||
document.getElementById("overlay").addEventListener("click", e => {
|
|
||||||
e.target.firstChild.remove();
|
|
||||||
e.target.firstChild.remove();
|
|
||||||
e.target.style.visibility = "hidden";
|
|
||||||
g_scale = 1;
|
|
||||||
});
|
|
||||||
|
|
||||||
const file_links = Array.from(document.getElementsByTagName('tr')).slice(2).filter(e => e.lastChild.innerHTML != "DIR").map(l => l.firstChild.firstChild);
|
|
||||||
|
|
||||||
file_links.forEach(f => f.addEventListener('click', e => {
|
|
||||||
const pathname = e.target.pathname;
|
|
||||||
if (video_formats.some(ext => ext_filter(ext, pathname)))
|
|
||||||
to_overlay("video", pathname);
|
|
||||||
else if (audio_formats.some(ext => ext_filter(ext, pathname)))
|
|
||||||
to_overlay("audio", pathname);
|
|
||||||
else if (image_formats.some(ext => ext_filter(ext, pathname)))
|
|
||||||
to_overlay("img", pathname);
|
|
||||||
if (overlay.firstChild != null)
|
|
||||||
e.preventDefault();
|
|
||||||
}));
|
|
||||||
@ -1,2 +0,0 @@
|
|||||||
User-agent: *
|
|
||||||
Disallow: /assets/
|
|
||||||
@ -1,44 +0,0 @@
|
|||||||
doctype html
|
|
||||||
html(lang='en')
|
|
||||||
head
|
|
||||||
title Arav's dwelling / Files
|
|
||||||
meta(charset='utf-8')
|
|
||||||
meta(http-equiv='X-UA-Compatible' content='IE=edge')
|
|
||||||
meta(name='viewport' content='width=device-width, initial-scale=1.0')
|
|
||||||
meta(name='theme-color' content='#cd2682')
|
|
||||||
meta(name='description' content='My file share.')
|
|
||||||
link(rel='icon' type='image/svg+xml' href='/shared/img/favicon.svg' sizes='any')
|
|
||||||
link(href='/assets/css/main.css' rel='stylesheet')
|
|
||||||
script(src='/assets/js/main.js' defer)
|
|
||||||
body
|
|
||||||
header
|
|
||||||
svg#logo(viewBox='0 -25 216 40')
|
|
||||||
text.logo Arav's dwelling
|
|
||||||
text.under(y='11') Welcome to my sacred place, wanderer
|
|
||||||
nav
|
|
||||||
a(href=main_site) Back to main website
|
|
||||||
h1 Files
|
|
||||||
section#files
|
|
||||||
span#current-path!= current_path
|
|
||||||
p Files: #{total_files} (#{total_files_size}); Directories: #{total_directories}.
|
|
||||||
table
|
|
||||||
thead
|
|
||||||
tr
|
|
||||||
th Name
|
|
||||||
th Date
|
|
||||||
th Size
|
|
||||||
tbody
|
|
||||||
tr
|
|
||||||
td #[a(href="../") ../]
|
|
||||||
each item in items
|
|
||||||
tr
|
|
||||||
td #[a(href=item.link)= item.name]
|
|
||||||
td!= moment(item.datetime, clientTZ)
|
|
||||||
td= item.size
|
|
||||||
section#privacy
|
|
||||||
h2 Privacy statements
|
|
||||||
p I collect access logs that include access date and time, IP-address, User-Agent, referer URL that tells me where have you came from, request that you sent to me. In addition there are GeoIP information added based on your IP-address that includes country, region, and city for my convenience.
|
|
||||||
p This site makes use of JavaScript purely for convenient functionality, like being able to watch video, listen to music, and look images in an overlay without the need to open a file in a new tab or return back.
|
|
||||||
footer
|
|
||||||
| 2017—2022 Arav <#[a(href='mailto:me@arav.top') me@arav.top]>
|
|
||||||
div#overlay
|
|
||||||
@ -1,2 +0,0 @@
|
|||||||
exports.port = 32251;
|
|
||||||
exports.host = "127.0.0.1";
|
|
||||||
@ -1,79 +0,0 @@
|
|||||||
const fs = require("fs");
|
|
||||||
const path = require("path");
|
|
||||||
const uti = require("util");
|
|
||||||
const exec = uti.promisify(require("child_process").exec);
|
|
||||||
|
|
||||||
const Koa = require("koa");
|
|
||||||
const koaPug = require("koa-pug");
|
|
||||||
const koaRouter = require("koa-router");
|
|
||||||
const fetch = require("node-fetch");
|
|
||||||
const moment = require("moment-timezone");
|
|
||||||
|
|
||||||
const config = require("./config");
|
|
||||||
const util = require("../shared/util");
|
|
||||||
|
|
||||||
async function getRadioStatus() {
|
|
||||||
try {
|
|
||||||
let status = await fetch('http://radio.arav.home.arpa/status-json.xsl').then(r => r.json());
|
|
||||||
return {
|
|
||||||
server_start_iso8601: status.icestats.source.stream_start_iso8601,
|
|
||||||
server_start_date: util.datetime(status.icestats.source.stream_start_iso8601, util.date_formats.post_date),
|
|
||||||
song: `${status.icestats.source.artist} - ${status.icestats.source.title}`,
|
|
||||||
listener_peak: status.icestats.source.listener_peak,
|
|
||||||
listeners: status.icestats.source.listeners
|
|
||||||
}
|
|
||||||
} catch {
|
|
||||||
return {
|
|
||||||
server_start_iso8601: "n/a",
|
|
||||||
server_start_date: "n/a",
|
|
||||||
song: "n/a",
|
|
||||||
listener_peak: "n/a",
|
|
||||||
listeners: "n/a"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
async function getLastPlayedSongs(count, tz) {
|
|
||||||
try {
|
|
||||||
const { stdout, _ } = await exec(`tail -n${count} /var/log/icecast/playlist.log | head -n-1 | cut -d"|" -f1,4`);
|
|
||||||
let songs = stdout.trim().split("\n");
|
|
||||||
for (let i = 0; i < songs.length; ++i) {
|
|
||||||
let [t, s] = songs[i].split('|');
|
|
||||||
t = moment(t, "DD/MMM/YYYY:HH:mm:ss ZZ").tz(tz).format("HH:mm");
|
|
||||||
let song = s.split(' - ');
|
|
||||||
songs[i] = { "start_time_local": t, "artist": song[0], "title": song[1] };
|
|
||||||
}
|
|
||||||
return songs;
|
|
||||||
} catch {
|
|
||||||
return [];
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
function setRoutes() {
|
|
||||||
return koaRouter().get('/', async ctx => {
|
|
||||||
await ctx.render('index', {
|
|
||||||
main_site: util.getServiceByHost(ctx.header.host),
|
|
||||||
radio_status: await getRadioStatus(),
|
|
||||||
last_songs: await getLastPlayedSongs(11, util.getClientTimezone(ctx))
|
|
||||||
});
|
|
||||||
})
|
|
||||||
.get('/stats', async ctx => {
|
|
||||||
ctx.body = await getRadioStatus();
|
|
||||||
})
|
|
||||||
.get('/lastsong', async ctx => {
|
|
||||||
ctx.body = (await getLastPlayedSongs(2, util.getClientTimezone(ctx)))[0];
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
const app = new Koa();
|
|
||||||
const pug = new koaPug({
|
|
||||||
viewPath: path.join(__dirname, "views"),
|
|
||||||
locals: {
|
|
||||||
moment: util.datetime },
|
|
||||||
app: app
|
|
||||||
});
|
|
||||||
|
|
||||||
app.proxy = true;
|
|
||||||
app
|
|
||||||
.use(setRoutes().routes())
|
|
||||||
.listen(config.port, config.host);
|
|
||||||
@ -1,154 +0,0 @@
|
|||||||
@font-face {
|
|
||||||
font-family: 'Roboto Condensed';
|
|
||||||
font-style: normal;
|
|
||||||
font-weight: 400;
|
|
||||||
src: local('RobotoCondensed'), local('RobotoCondensed-Regular'),
|
|
||||||
url(/shared/fonts/RobotoCondensed-Regular.ttf); }
|
|
||||||
|
|
||||||
:root {
|
|
||||||
--background-color: #0a0a0a;
|
|
||||||
--primary-color: #cd2682;
|
|
||||||
--secondary-color: #9f2b68;
|
|
||||||
--text-color: #f5f5f5;
|
|
||||||
--text-indent: 1.6rem;
|
|
||||||
scrollbar-color: var(--primary-color) var(--background-color); }
|
|
||||||
|
|
||||||
@media (prefers-color-scheme: light) {
|
|
||||||
:root {
|
|
||||||
--background-color: #f5f5f5;
|
|
||||||
--primary-color: #9f2b68;
|
|
||||||
--secondary-color: #cd2682;
|
|
||||||
--text-color: #0a0a0a; } }
|
|
||||||
|
|
||||||
* { margin: 0; }
|
|
||||||
|
|
||||||
::selection {
|
|
||||||
background-color: var(--secondary-color);
|
|
||||||
color: var(--background-color); }
|
|
||||||
|
|
||||||
a,
|
|
||||||
button {
|
|
||||||
color: var(--primary-color);
|
|
||||||
text-decoration: none; }
|
|
||||||
|
|
||||||
a:hover,
|
|
||||||
button:hover {
|
|
||||||
color: var(--secondary-color);
|
|
||||||
cursor: pointer;
|
|
||||||
text-decoration: underline dotted;
|
|
||||||
transition: .5s; }
|
|
||||||
|
|
||||||
button {
|
|
||||||
background: none;
|
|
||||||
border: none;
|
|
||||||
font: inherit;
|
|
||||||
padding: 0; }
|
|
||||||
|
|
||||||
p {
|
|
||||||
text-align: justify;
|
|
||||||
line-height: var(--text-indent);
|
|
||||||
text-indent: var(--text-indent); }
|
|
||||||
|
|
||||||
p:not(:last-child) { margin-bottom: .1rem; }
|
|
||||||
|
|
||||||
h1,
|
|
||||||
h2 {
|
|
||||||
font-size: 1.8rem;
|
|
||||||
font-variant: small-caps;
|
|
||||||
text-align: center;
|
|
||||||
margin-bottom: 1rem; }
|
|
||||||
|
|
||||||
h2 {
|
|
||||||
font-size: 1.4rem;
|
|
||||||
margin: 1rem 0; }
|
|
||||||
|
|
||||||
small { font-size: .8rem; }
|
|
||||||
|
|
||||||
small.player-links a { margin: 0 .2rem; }
|
|
||||||
|
|
||||||
audio {
|
|
||||||
background-color: var(--primary-color);
|
|
||||||
box-shadow: 5px 5px var(--primary-color);
|
|
||||||
width: 100%; }
|
|
||||||
|
|
||||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
||||||
audio::-webkit-media-controls-panel {
|
|
||||||
background-color: var(--secondary-color); }
|
|
||||||
|
|
||||||
audio { border-radius: 1.6rem; } }
|
|
||||||
|
|
||||||
@-moz-document url-prefix() {
|
|
||||||
audio { border-radius: 0; } }
|
|
||||||
|
|
||||||
html { margin-left: calc(100vw - 100%); }
|
|
||||||
|
|
||||||
body {
|
|
||||||
background-color: var(--background-color);
|
|
||||||
color: var(--text-color);
|
|
||||||
font-family: 'Roboto Condensed', Roboto, sans-serif;
|
|
||||||
font-size: 1.1rem;
|
|
||||||
margin: 0 auto;
|
|
||||||
max-width: 960px;
|
|
||||||
width: 98%; }
|
|
||||||
|
|
||||||
header {
|
|
||||||
display: flex;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
justify-content: space-between; }
|
|
||||||
|
|
||||||
#logo {
|
|
||||||
display: block;
|
|
||||||
width: 360px; }
|
|
||||||
|
|
||||||
#logo text { fill: var(--text-color); }
|
|
||||||
|
|
||||||
#logo .logo {
|
|
||||||
font-size: 2rem;
|
|
||||||
font-variant-caps: small-caps;
|
|
||||||
font-weight: bold; }
|
|
||||||
|
|
||||||
@media screen and (-webkit-min-device-pixel-ratio:0) {
|
|
||||||
#logo .logo { font-size: 2.082rem; } }
|
|
||||||
|
|
||||||
@-moz-document url-prefix() {
|
|
||||||
#logo .logo { font-size: 2rem; } }
|
|
||||||
|
|
||||||
#logo .under { font-size: .88rem; }
|
|
||||||
|
|
||||||
nav { margin-top: .5rem; }
|
|
||||||
|
|
||||||
nav a { font-variant: small-caps; }
|
|
||||||
|
|
||||||
nav h1 {
|
|
||||||
color: var(--secondary-color);
|
|
||||||
margin: 0; }
|
|
||||||
|
|
||||||
section { margin-top: 1rem; }
|
|
||||||
|
|
||||||
#last-played {
|
|
||||||
margin: 0 auto;
|
|
||||||
min-width: 80%;
|
|
||||||
width: 80%; }
|
|
||||||
|
|
||||||
#last-played tbody tr {
|
|
||||||
display: grid;
|
|
||||||
gap: .5rem;
|
|
||||||
grid-template-columns: 3rem 1fr 1fr; }
|
|
||||||
|
|
||||||
#last-played tbody tr td:nth-child(2) { text-align: right; }
|
|
||||||
|
|
||||||
footer {
|
|
||||||
font-size: .8rem;
|
|
||||||
text-align: center;
|
|
||||||
padding: 1rem 0; }
|
|
||||||
|
|
||||||
@media screen and (max-width: 640px) {
|
|
||||||
header { display: block; }
|
|
||||||
|
|
||||||
#logo {
|
|
||||||
margin: 0 auto;
|
|
||||||
width: 100%; }
|
|
||||||
|
|
||||||
nav {
|
|
||||||
width: 100%;
|
|
||||||
text-align: center; } }
|
|
||||||
@ -1,9 +0,0 @@
|
|||||||
#EXTM3U
|
|
||||||
#EXTINF:-1,Arav's dwelling / Radio
|
|
||||||
http://radio.arav.top:8000/stream.ogg
|
|
||||||
#EXTINF:-1,Arav's dwelling / Radio (HTTPS)
|
|
||||||
https://radio.arav.top/live/stream.ogg
|
|
||||||
#EXTINF:-1,Arav's dwelling / Radio on Tor
|
|
||||||
http://wsmkgnmhmzqm7kyzv7jnzzafvgm7xlmlfvzhgorpapd5or2arnhuktqd.onion/live/stream.ogg
|
|
||||||
#EXTINF:-1,Arav's dwelling / Radio on I2P
|
|
||||||
http://radio.arav.i2p/live/stream.ogg
|
|
||||||
@ -1,48 +0,0 @@
|
|||||||
function $(id) { return document.getElementById(id); }
|
|
||||||
|
|
||||||
function updateRadioStatus() {
|
|
||||||
fetch("/stats")
|
|
||||||
.then(r => r.json())
|
|
||||||
.then(r => {
|
|
||||||
$("radio-status").innerHTML =
|
|
||||||
`On-air since <time datetime="${r.server_start_iso8601}">${r.server_start_date}</time>`;
|
|
||||||
$("radio-song").textContent = r.song;
|
|
||||||
$("radio-listeners").textContent = r.listeners;
|
|
||||||
$("radio-listener-peak").textContent = r.listener_peak;
|
|
||||||
}).catch(() => {
|
|
||||||
$("radio-status").textContent = "Radio is offline.";
|
|
||||||
$("radio-song").textContent =
|
|
||||||
$("radio-listeners").textContent =
|
|
||||||
$("radio-listener-peak").textContent = "n/a";
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
function updateLastPlayedSong() {
|
|
||||||
fetch('/lastsong')
|
|
||||||
.then(r => r.json())
|
|
||||||
.then(last_played => {
|
|
||||||
let cur_artist = $('last-played').firstChild.lastChild.children[1].innerText;
|
|
||||||
let cur_title = $('last-played').firstChild.lastChild.lastChild.innerText;
|
|
||||||
|
|
||||||
if (last_played.artist == cur_artist && last_played.title == cur_title)
|
|
||||||
return;
|
|
||||||
|
|
||||||
$('last-played').firstChild.firstChild.remove();
|
|
||||||
|
|
||||||
let row = $('last-played').insertRow();
|
|
||||||
let start_time = row.insertCell();
|
|
||||||
start_time.appendChild(document.createTextNode(last_played.start_time_local));
|
|
||||||
let artist_cell = row.insertCell();
|
|
||||||
artist_cell.appendChild(document.createTextNode(last_played.artist));
|
|
||||||
let title_cell = row.insertCell();
|
|
||||||
title_cell.appendChild(document.createTextNode(last_played.title));
|
|
||||||
});
|
|
||||||
}
|
|
||||||
|
|
||||||
document.getElementById("btn-update").addEventListener("click", () => {
|
|
||||||
updateLastPlayedSong();
|
|
||||||
updateRadioStatus();
|
|
||||||
})
|
|
||||||
|
|
||||||
setInterval(updateRadioStatus, 45000);
|
|
||||||
setInterval(updateLastPlayedSong, 45000);
|
|
||||||
@ -1,3 +0,0 @@
|
|||||||
User-agent: *
|
|
||||||
Disallow: /assets/
|
|
||||||
Disallow: /live/
|
|
||||||
@ -1,60 +0,0 @@
|
|||||||
mixin radioStatus(date, iso)
|
|
||||||
if (date != "n/a")
|
|
||||||
p #[span#radio-status On-air since #[time(datetime=iso)= date]]
|
|
||||||
else
|
|
||||||
p #[span#radio-status Radio is offline.]
|
|
||||||
|
|
||||||
doctype html
|
|
||||||
html(lang='en')
|
|
||||||
head
|
|
||||||
title Arav's dwelling / Radio
|
|
||||||
meta(charset='utf-8')
|
|
||||||
meta(http-equiv='X-UA-Compatible' content='IE=edge')
|
|
||||||
meta(name='viewport' content='width=device-width, initial-scale=1.0')
|
|
||||||
meta(name='theme-color' content='#cd2682')
|
|
||||||
meta(name='description' content='Internet-radio broadcasting from under my desk.')
|
|
||||||
link(rel='icon' href='/shared/img/favicon.svg' sizes='any' type='image/svg+xml')
|
|
||||||
link(href='/assets/css/main.css' rel='stylesheet')
|
|
||||||
script(src='/assets/js/main.js' defer)
|
|
||||||
body
|
|
||||||
header
|
|
||||||
svg#logo(viewBox='0 -25 216 40')
|
|
||||||
text.logo Arav's dwelling
|
|
||||||
text.under(y='11') Welcome to my sacred place, wanderer
|
|
||||||
nav
|
|
||||||
a(href=main_site) Back to main website
|
|
||||||
h1 Radio
|
|
||||||
section
|
|
||||||
small.player-links
|
|
||||||
a(href='/filelist') filelist
|
|
||||||
a(href='/playlist') playlist (.m3u)
|
|
||||||
a(href='/live/stream.ogg') direct link
|
|
||||||
a(href='http://radio.arav.top:8000/stream.ogg') direct link (http)
|
|
||||||
a(href='http://wsmkgnmhmzqm7kyzv7jnzzafvgm7xlmlfvzhgorpapd5or2arnhuktqd.onion/live/stream.ogg') direct link (Tor)
|
|
||||||
a(href='http://radio.arav.i2p/live/stream.ogg') direct link (I2P)
|
|
||||||
a(href='https://dir.xiph.org/search?q=arav\'s+dwelling') Xiph
|
|
||||||
| OGG 128 Kb/s
|
|
||||||
audio(preload='none' controls)
|
|
||||||
source(src='/live/stream.ogg' type='audio/ogg')
|
|
||||||
| Your browser doesn't support an audio element, it's sad... But you always can take the #[a(href='/playlist') playlist]!
|
|
||||||
+radioStatus(radio_status.server_start_date, radio_status.server_start_iso8601)
|
|
||||||
p Now playing: #[span#radio-song= radio_status.song]
|
|
||||||
p Current/peak listeners: #[span#radio-listeners= radio_status.listeners] / #[span#radio-listener-peak= radio_status.listener_peak]
|
|
||||||
p
|
|
||||||
small Notice: information updates every 45 seconds. But you can #[button(id='btn-update') update] it forcibly.
|
|
||||||
if (last_songs)
|
|
||||||
section
|
|
||||||
h2 Last 10 songs
|
|
||||||
table#last-played
|
|
||||||
each song in last_songs
|
|
||||||
tr
|
|
||||||
td= song.start_time_local
|
|
||||||
td= song.artist
|
|
||||||
td= song.title
|
|
||||||
section
|
|
||||||
p The largest number of simultaneous listeners was #[b 7] at #[time(datetime='2022-02-19') 19 February 2022], and the song was "Röyksopp - 49 Percent".
|
|
||||||
section
|
|
||||||
h2 Privacy statements
|
|
||||||
p Logs are collected and include access date and time, IP-address, User-Agent, referer URL, request. This website makes use of JavaScript to update a radio status and last 10 songs list.
|
|
||||||
footer
|
|
||||||
| 2017—2022 Arav <#[a(href='mailto:me@arav.top') me@arav.top]>
|
|
||||||
Loading…
Reference in New Issue
Block a user