arch/pogo
1
0
Fork 0
mirror of https://github.com/gmemstr/pogo.git synced 2024-09-19 17:21:10 +01:00
Code Issues Packages Projects Releases Wiki Activity

More comments and classes to all themable elements.

Browse source
This commit is contained in:
gmemstr 2017-09-11 09:45:57 -07:00
parent b40e1ce106
commit fef12aa0a2
2 changed files with 10 additions and 5 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
assets/index.html
View file

@ -15,7 +15,7 @@
<h1 id="title" class="title">Loading</h1>
<h3><a href="/admin">Admin</a></h3>
<div id="podcasts">
<div id="podcasts" class="podcastlist">
</div>
<footer>
@ -31,7 +31,7 @@ get("/json", function(data){
// Iterate through JSON
for (i=0;i<=json.items.length; i++){
var div = document.createElement('div');
div.className = 'podcast';
div.className = 'podcastitem';
// Hacky date workaround - convert our Go date output to unix timestamp,
// then convert that into a string
@ -40,11 +40,11 @@ get("/json", function(data){
datestring = date.getDate() + "/" + month + "/" + date.getFullYear();
// Build div for podcast entry
div.innerHTML = '<h3>'+json.items[i].title+' <small>'+datestring+'</small></h3><p>'+json.items[i].summary+'</p>'+
'<audio controls><source src="'+json.items[i].url+'">';
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 class="podcastaudio"><source src="'+json.items[i].url+'">';
// 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
var element = document.getElementById("podcasts");
element.insertBefore(div, element.firstChild);

5
assets/static/styles.css
View file

@ -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');
body {