mirror of
https://github.com/gmemstr/pogo.git
synced 2024-09-19 17:21:10 +01:00
More comments and classes to all themable elements.
This commit is contained in:
parent
b40e1ce106
commit
fef12aa0a2
|
@ -15,7 +15,7 @@
|
||||||
<h1 id="title" class="title">Loading</h1>
|
<h1 id="title" class="title">Loading</h1>
|
||||||
<h3><a href="/admin">Admin</a></h3>
|
<h3><a href="/admin">Admin</a></h3>
|
||||||
|
|
||||||
<div id="podcasts">
|
<div id="podcasts" class="podcastlist">
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<footer>
|
<footer>
|
||||||
|
@ -31,7 +31,7 @@ get("/json", function(data){
|
||||||
// Iterate through JSON
|
// Iterate through JSON
|
||||||
for (i=0;i<=json.items.length; i++){
|
for (i=0;i<=json.items.length; i++){
|
||||||
var div = document.createElement('div');
|
var div = document.createElement('div');
|
||||||
div.className = 'podcast';
|
div.className = 'podcastitem';
|
||||||
|
|
||||||
// Hacky date workaround - convert our Go date output to unix timestamp,
|
// Hacky date workaround - convert our Go date output to unix timestamp,
|
||||||
// then convert that into a string
|
// then convert that into a string
|
||||||
|
@ -40,11 +40,11 @@ get("/json", function(data){
|
||||||
datestring = date.getDate() + "/" + month + "/" + date.getFullYear();
|
datestring = date.getDate() + "/" + month + "/" + date.getFullYear();
|
||||||
|
|
||||||
// Build div for podcast entry
|
// Build div for podcast entry
|
||||||
div.innerHTML = '<h3>'+json.items[i].title+' <small>'+datestring+'</small></h3><p>'+json.items[i].summary+'</p>'+
|
div.innerHTML = '<h3 class="podcasttitle">'+json.items[i].title+' <small class="podcastdate">'+datestring+'</small></h3><p class="podcastdesc">'+json.items[i].summary+'</p>'+
|
||||||
'<audio controls><source src="'+json.items[i].url+'">';
|
'<audio controls class="podcastaudio"><source src="'+json.items[i].url+'">';
|
||||||
|
|
||||||
// We can safely do this because of how the Go code actually
|
// We can safely do this because of how the Go code actually
|
||||||
// generates the .json file - it's consistent
|
// generates the .json file - it's consistent as far as I've been able to see
|
||||||
// Preappend so newest is at the top
|
// Preappend so newest is at the top
|
||||||
var element = document.getElementById("podcasts");
|
var element = document.getElementById("podcasts");
|
||||||
element.insertBefore(div, element.firstChild);
|
element.insertBefore(div, element.firstChild);
|
||||||
|
|
|
@ -1,3 +1,8 @@
|
||||||
|
/*
|
||||||
|
* Basic CSS styling for frontend and admin interface.
|
||||||
|
* Overridden by styles in custom.css for the podcast list.
|
||||||
|
*/
|
||||||
|
|
||||||
@import url('https://fonts.googleapis.com/css?family=Muli');
|
@import url('https://fonts.googleapis.com/css?family=Muli');
|
||||||
|
|
||||||
body {
|
body {
|
||||||
|
|
Loading…
Reference in a new issue