2016-08-16 11:29:32 +00:00
<!DOCTYPE blah>
< html >
< head >
< title > f0ck me!< / title >
2016-08-16 13:48:37 +00:00
< link rel = "icon" type = "image/gif" href = "./s/favicon.gif" / >
2016-08-30 12:26:57 +00:00
< link rel = "stylesheet" type = "text/css" href = "./s/style.css" >
2016-08-16 11:29:32 +00:00
< / head >
< body >
2016-08-30 12:28:30 +00:00
< div class = "navbar" > < a href = "/" > f0ck.me< / a > | < a href = "/how" > how to< / a > | < a href = "/contact" > Contact< / a > < / div >
2016-09-02 11:36:39 +00:00
< ul id = "posts" data-last = "{{ last }}" >
2016-09-11 15:08:16 +00:00
{% for item in items %}< li class = "post" > < a href = "./{{ item.id }}" title = "{{ item.mime }}" > < img class = "thumb" src = "./t/{{ item.id }}.png" / > < / a > < / li >
2016-09-02 11:36:39 +00:00
{% endfor %}
< / ul >
2016-08-30 12:26:57 +00:00
< script src = "./s/jquery-3.1.0.min.js" > < / script >
< script >
2016-09-05 08:40:11 +00:00
var load = false;
2016-09-05 10:45:43 +00:00
$(()=>{
$(window).scroll(()=>{
if($(window).scrollTop() + $(window).height() >= $(document).height() - 130 & & !load) {
2016-09-05 08:40:11 +00:00
load = true;
$.getJSON('./api/p/'+$('#posts').data('last'), (msg) => {
var html = "";
for(var i = 0; i < msg.items.length ; i + + )
if(msg.items[i].id)
2016-09-11 15:08:16 +00:00
html += "< li class = \"post\" > < a href = \"./"+msg.items[i].id+"\" title = \""+msg.items[i].mime+"\" > < img class = \"thumb\" src = \"./t/"+msg.items[i].id+".png\" / > < / a > < / li > \n";
2016-09-05 08:40:11 +00:00
$('#posts').append(html);
$('#posts').data('last', msg.last);
load = false;
2016-08-30 12:26:57 +00:00
});
}
});
});
< / script >
2016-08-17 18:34:53 +00:00
< / body >
2016-08-30 12:26:57 +00:00
< / html >
