dwelling-radio/web/templates/index.pug

:go:func Index(mainSite string, songList *radio.SongList, listeners *radio.ListenerCounter, mls *radio.MostListenedSong, r *http.Request)

:go:import "dwelling-radio/internal/radio"
:go:import "dwelling-radio/pkg/utils"

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='/assets/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(viewBox='0 -25 216 40')
                text Arav's dwelling
                text(y='11') Welcome to my sacred place, wanderer
            nav
                a(href=mainSite) Back to main website
                h1 Radio
        section#banner
            video(playsinline='' autoplay='' loop='')
                source(src="/assets/img/stopit.mp4", type="video/mp4")
        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.su: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
            div#player
                div
                    div
                        button#radio-play
                    input#radio-volume(type="range" min="0" max="100" orient="vertical")
                audio(preload='none' controls='' playsinline='')
                    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]!
                div
                    if (songList.Current() != nil)
                        - cur := *songList.Current()
                        p Now playing: #[span#radio-song #{cur.Artist} - #{cur.Title}] ( #[span#radio-duration-estimate ] #[span#radio-duration #{cur.DurationString()}] )
                    else
                        p Now playing: #[span#radio-song ] ( #[span#radio-duration-estimate ] #[span#radio-duration ] )
                    p Current/peak listeners: #[span#radio-listeners #{listeners.Current()}] / #[span#radio-listener-peak #{listeners.Peak()}]
                    p
                        small Notice: information updates every 45 seconds. But you can #[button#radio-update update] it forcibly.
        section
            h2 Last #{songList.MaxLen()} songs
            table#last-songs
                tbody
                    each song in songList.List()
                        tr
                            td= utils.ToClientTimezone(song.StartAt, r).Format("15:04")
                            if song.MaxListeners != 0
                                td= song.MaxListeners
                            else
                                td
                            td #{song.Artist} - #{song.Title}
        if mls != nil
            p.right Most listened song was "#{mls.Song}" on #{utils.ToClientTimezone(mls.Date, r).Format(radio.MostListenedDateFormat)} with #[b #{mls.Listeners}] listeners.
        footer
            | 2017—2023 Alexander "Arav" Andreev <#[a(href='mailto:me@arav.su') me@arav.su]> #[a(href=mainSite+'/privacy') Privacy statements]