index.pug

doctype html
html(lang="en")
    head
        //- base(target="_blank")
        link(rel="shortcut icon" type="image/x-icon" href="favicon.ico")
        style.
            :root {
                --primary-color: #E2990C;
                --surface: #514331;
                --white: white;
                --app-background: #1D1A16;
            }
            body {
                background: var(--app-background);
                color: var(--white);
            }
            .station {
                display: flex;
                flex-direction: column;
                background: var(--surface);
                padding: 15px;
                line-height: 28px;
                border: solid 1px;
                width: 300px;
            }
            .station video {
                height: 50px;
            }
            a {
                color: var(--white);
                text-decoration: none;
            }
            a:visited {
                color: var(--white);
            }
            a:hover {
                color: var(--primary-color);
            }
            .links{
                display: flex;
                flex-direction: column;
                line-height: 32px;
            }
            fieldset {
                background: var(--surface);
            }
            fieldset legend {
                color: var(--primary-color);
            }
    body
        div(style="display: flex; flex-direction: row; flex-wrap: wrap")
            div(style="margin-right: 10px")
                .station
                    a(href="https://www.freeformportland.org/") Freeform Portland
                    video(controls)
                        source(src="https://www.freeformportland.org/listen" type="audio/mpeg")
                .station
                    a(href="https://wcbn.org/") WCBN
                    a(href="https://app.wcbn.org/?autoplay#now") Player
                .station
                    a(href="https://xray.fm/") XRAY
                    video(controls)
                        // https://xray.fm/api/tracks/current ()
                        // https://xray.fm/api/broadcasting (now gives current program, Track gives same result as above so could just call this one)
                        source(src="http://listen.xray.fm:8000/stream" type="audio/mpeg")
                .station
                    a(href="http://kfjc.org") KFJC
                    a(href="http://kfjc.org/player" onclick="window.open(this.href, 'kfjcpopupplayer', 'location=no,width=380,height=560,scrollbars=no,resizable=no,toolbar=no,directories=no,menubar=no,status=no'); return false;") Player (Pop-up)
                .station
                    a(href="https://wfmu.org") WFMU
                    a(href="http://www.radiorethink.com/tuner/?stationCode=wfmu&stream=hi") Player (Pop-up)
                .station
                    a(href="https://poolside.fm/") Poolside FM
            fieldset
                legend Quick Links
                .links
                    a(href="https://www.evernote.com/Home.action?login=true") Notes
                    a(href="https://todoist.com/app") TODO
            fieldset
                legend Movies
                .links
                    a(href="https://cstpdx.com/") Clinton Street
                    a(href="https://www.thecinemagictheater.com/") Cinemagic
                    a(href="https://www.laurelhursttheater.com/") Laurelhurst
                    a(href="https://hollywoodtheatre.org/") Hollywood
                    a(href="https://www.mcmenamins.com/bagdad-theater-pub/now-playing") Bagdad
                    a(href="https://www.cinema21.com/") Cinema 21
            fieldset
                legend Events
                .links
                    a(href="https://www.shift2bikes.org/calendar/") Shift
                    a(href="https://bikeportland.org/events") Bike Portland
            fieldset
                legend Music
                .links
                    a(href="https://www.nofunportland.com/") No Fun