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-09-02 09:29:02 +00:00
< link rel = "stylesheet" type = "text/css" href = "//codepen.io/assets/reset/normalize.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 09:29:02 +00:00
< ul id = "posts" data-last = "{{ last }}" >
{% for item in items %}< li class = "post" > < a href = "//f0ck.me/{{ item.id }}" title = "{{ item.mime }}" > < img class = "thumb" src = "//f0ck.me/t/{{ item.id }}.png" / > < / a > < / li >
{% endfor %}
< / ul >
2016-08-30 12:26:57 +00:00
< script src = "./s/jquery-3.1.0.min.js" > < / script >
< script >
2016-09-02 08:52:07 +00:00
var scrollListener = () => {
$(window).one("scroll", () => {
2016-08-30 12:26:57 +00:00
if($(window).scrollTop() + 256 >= $(document).height() - $(window).height()) {
$.ajax({
url: './api/p/'+$('#posts').data('last'),
dataType: 'json',
2016-09-02 08:52:07 +00:00
success: (msg) => {
2016-08-30 12:26:57 +00:00
var html = "";
for(var i = 0; i < msg.items.length ; i + + )
if(msg.items[i].id)
2016-09-02 09:29:02 +00:00
html += "< li class = \"post\" > < a href = \"//f0ck.me/"+msg.items[i].id+"\" title = \""+msg.items[i].mime+"\" > < img class = \"thumb\" src = \"//f0ck.me/t/"+msg.items[i].id+".png\" / > < / a > < / li > \n";
2016-08-30 12:26:57 +00:00
$('#posts').append(html);
$('#posts').data('last', msg.last);
}
});
}
2016-08-30 21:18:18 +00:00
setTimeout(scrollListener, 200);
2016-08-30 12:26:57 +00:00
});
};
2016-09-02 08:52:07 +00:00
$(document).ready(() => {
2016-08-30 12:26:57 +00:00
scrollListener();
});
< / script >
2016-08-17 18:34:53 +00:00
< / body >
2016-08-30 12:26:57 +00:00
< / html >
