Dwelling/radio/views/index.pug

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)
                | 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 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 Icecast was added to see if there are listeners. I wasn't happy on how MPD was nearly overloading CPU, and later, after moving the radio off to a laptop, MPD was replaced by Liquidsoap.
            p Radio is available #[a(href='http://radio.arav.top:8000/stream.ogg') through HTTP port 8000] as well, 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 Donation
            p You think that I deserve getting some reward for doing all this? #[a(href=main_site+'/about#contacts') Contact me], and we'll decide what way would be better.
            p I have Paypal, QIWI, Bitcoin, and a money transfer link for my bank account.
        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 for a dynamic update of a radio status and last 10 songs list.
        footer
            | 2017—2022 Arav <#[a(href='mailto:me@arav.top') me@arav.top]>