#playerInfo {
display: inline-block;
vertical-align: top;
- width: calc(((100vw - 100vh) * 0.5) - 1px);
+ width: calc(((100vw - 100vh) * 0.5) - 9px);
height: 100vh;
overflow: scroll;
+ padding: 4px;
background-color: var(--secondary);
}
}
#playerPlaying {
width: calc(100% - 16px);
- height: 20px;
margin: 4px;
padding: 4px;
color: var(--primary);
<link rel="stylesheet" href="static/style.css">
</head>
<body>
- <h1>Tree Critters Radio</h1>
- <h2>Player:</h2>
- <iframe style="border: none; width: 700px; height: 100px;" src="/static/player.html"></iframe>
+ <h1>Tree Critters Radio demo page</h1>
+ <h2>Player widget:</h2>
+ <iframe style="border: none; width: 600px; height: 100px;" src="/static/player.html"></iframe><br>
+ <h2>Player widget with track information:</h2>
+ <iframe style="border: none; width: 800px; height: 100px;" src="/static/player.html"></iframe><br>
+ <h2>Notes:</h2>
+ <p>
+ Plently to do on the delivery front!
+ </p>
+ <ul>
+ <li>Need a better font</li>
+ <li>Need a better design for the player
+ <ul>
+ <li>Redesign of the play pause buttons</li>
+ <li>Better color pallet / color choices (+ integration of lightmode?)</li>
+ <li>Better display of additional information? (+ possibly a togglable overlay?)</li>
+ </ul>
+ </li>
+ <li>Integration with different types of audio for the station
+ <ul>
+ <li>Livestreaming from multiple different sources possibly all simultaniously</li>
+ <li>Request system from within the station manger</li>
+ </ul>
+ </li>
+ <li>Full website surrounding the player</li>
+ </ul>
+ <p>
+ Add. on the content front
+ </p>
+ <ul>
+ <li>Set shows (possibly dj'd)</li>
+ <li>Adverts (internal)</li>
+ <li>Music journalism</li>
+ <li>Could synicate the livestreams / any listen alongs?</li>
+ <li>Genre shows</li>
+ <li>The breaks</li>
+ </ul>
<p><a href="/admin">Control pannel</a></p>
</body>
</html>
projects / critters-api / commitdiff