--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+ <head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Broadcaster</title>
+ <style type="text/css">
+ table.radio-status, td.outer {
+ border: 1px solid;
+ }
+ table.inner {
+ border-collapse: collapse;
+ }
+ td.clear {
+ text-align: center;
+ background-color: #eeeeee;
+ }
+ .time-table {
+ font-size: 90%;
+ }
+ .playlist-field {
+ text-align: right;
+ padding-right: 1em;
+ width: 5em;
+ }
+ .playlist-table {
+ font-size: 90%;
+ }
+ .stop {
+ text-align: center;
+ }
+ .head {
+ text-align: center;
+ }
+ body {
+ background-color: #447744;
+ font-family: "sans-serif";
+ }
+ main {
+ background-color: #dddddd;
+ max-width: 80em;
+ margin-left: auto;
+ margin-right: auto;
+ display: flex;
+ flex-wrap: wrap;
+ flex-direction: row;
+ border: 2px solid black;
+ }
+ .menu {
+ min-width: 12em;
+ display: flex;
+ flex-grow: 1;
+ flex-direction: column;
+ text-align: center;
+ }
+ .menu-item {
+ height: 2em;
+ text-align: center;
+ line-height: 2em;
+ background-color: #aaaaaa;
+ border: black solid;
+ border-width: 1px 1px 0px 0px;
+ }
+ .menu-item a {
+ text-decoration: none;
+ color: black;
+ }
+ .menu-item.logout {
+ border-width: 1px 1px 1px 0px;
+ }
+ .menu-item:first-of-type {
+ border-width: 0px 1px 0px 0px;
+ }
+ .menu-item.selected {
+ background-color: #aaccaa;
+ }
+ .logged-in {
+ padding-top: 2em;
+ padding-bottom: 2em;
+ text-align: center;
+ border: black solid;
+ border-width: 0px 1px 0px 0px;
+ }
+ .menu-tail {
+ flex-grow: 1;
+ height: 2em;
+ line-height: 2em;
+ border: black solid;
+ border-width: 0px 1px 0px 0px;
+ }
+ .content {
+ flex-grow: 3;
+ padding: 5em;
+ padding-top: 1em;
+ overflow-wrap: break-word;
+ max-width: 50em;
+ }
+ </style>
+ </head>
+ <body>
+ <main>
+ {{if .SelectedMenu}}
+ <div class="menu">
+ <div class="menu-item {{if eq .SelectedMenu "status"}}selected{{end}}"><a href="/">Status</a></div>
+ <div class="menu-item {{if eq .SelectedMenu "files"}}selected{{end}}"><a href="/files/">Files</a></div>
+ <div class="menu-item {{if eq .SelectedMenu "playlists"}}selected{{end}}"><a href="/playlists/">Playlists</a></div>
+ <div class="menu-item {{if eq .SelectedMenu "radios"}}selected{{end}}"><a href="/radios/">Radios</a></div>
+ <div class="menu-item {{if eq .SelectedMenu "users"}}selected{{end}}"><a href="/users/">Users</a></div>
+ <div class="menu-item {{if eq .SelectedMenu "change-password"}}selected{{end}}"><a href="/change-password">Change Password</a></div>
+ <div class="menu-item logout"><a href="/logout">Log Out</a></div>
+ {{if .Username}}
+ <div class="logged-in">Logged in as:<br><i>{{.Username}}</i></div>
+ {{end}}
+ <div class="menu-tail"><small><i>broadcaster-server vTODO</i></small></div>
+ </div>
+ {{end}}
+ <div class="content">
projects / broadcaster / blobdiff