Dwelling/radio/views/index.pug

55 lines
3.4 KiB
Plaintext

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 #{title}
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=description)
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") file list
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://moq7aejnf4xk5k2bkaltli3ftkhusy2mbrd3pj23nrca343ku2mgk4yd.onion/radio/live/stream.ogg") direct link (Tor)
a(href="http://t42fkp6zp5dfqywantq3zp427ig3q2onrmfv246tyaztpg4ckb5a.b32.i2p/radio/live/stream.ogg") direct link (I2P)
| 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 #[a(href="javascript:getRadioStats()") update] it forcibly.
section
h2 About the radio
p This project grew from MPD I used to stream music over LAN for myself. Then I let it out and placed a player on my neocities website. Then I added Icecast to see if there are listeners. I wasn't happy on how MPD was nearly overloading CPU, and later on, when I moved radio off to a laptop, I found a great tool for streams called Liquidsoap.
p Radio is also available through HTTP port 8000, but browsers may try to redirect to HTTPS. Any other applications should work fine.
p Radio is listed in #[a(href="https://dir.xiph.org/search?q=arav's+dwelling") Xiph directory].
section
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 website makes use of JavaScript to show you information on a radio.
footer
| 2017—2021 Arav <#[a(href='mailto:me@arav.top') me@arav.top]>