GitHub/dbot
3
0
Fork 1
mirror of https://github.com/reality/dbot.git synced 2024-12-24 03:33:07 +01:00
Code Issues Projects Releases Wiki Activity

Improved HCI

Browse Source
This commit is contained in:
Daniel Evans 2013-04-15 02:50:50 +01:00
parent 669623b7cd
commit af1e357df4
2 changed files with 21 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
public/imgurr.css Normal file
View File

@ -0,0 +1,15 @@
html, body { margin: 0; padding: 0; height: 100%; }
#container, #image {
margin: 0; padding: 0;
max-height: 100%;
}
#container { text-align: center; }
#loading {
background: rgba(255, 0, 0, 0.8);
display: none;
position: absolute;
top: 50px;
left: 30px;
padding: 10px;
color: #EFEFEF;
}

8
views/imgur/imgurr.jade
View File

@ -3,13 +3,17 @@ html(lang='en')
head
meta(charset='utf-8')
script(type="text/javascript", src="//ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js")
link(rel="stylesheet", href="/imgurr.css")
title random imgur
script
function wat() {
$('#loading').show();
$('#image').load(function(){$('#loading').hide(); console.log('loaded')});
$.get("/api/imgur/getRandomImage", function(d) {$('#image').attr('src', d.data[0])}, "json");
};
$(wat());
$(document).keypress(wat);
$(document).on('keydown', function(e){(e.which==32)&&(wat()) });
body
div#loading Loading Image
div#container
img#image(style='width: 100%')
img#image