43 lines
1.5 KiB
HTML
43 lines
1.5 KiB
HTML
<!DOCTYPE blah>
|
|
<html>
|
|
<head>
|
|
<title>f0ck me!</title>
|
|
<link rel="icon" type="image/gif" href="./s/favicon.gif" />
|
|
<link rel="stylesheet" type="text/css" href="./s/style.css">
|
|
</head>
|
|
<body>
|
|
<div class="navbar"><a href="/">f0ck.me</a> | <a href="/how">how to</a> | <a href="/contact">Contact</a></div>
|
|
<div class="body">
|
|
<div id="posts" data-last="{{ last }}">
|
|
{% for item in items %}<a href="./{{ item.id }}" title="{{ item.mime }}"><img class="thumb" src="./t/{{ item.id }}.png" /></a>
|
|
{% endfor %}
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
<script src="./s/jquery-3.1.0.min.js"></script>
|
|
<script>
|
|
var scrollListener = function () {
|
|
$(window).one("scroll", function () {
|
|
if($(window).scrollTop() + 256 >= $(document).height() - $(window).height()) {
|
|
$.ajax({
|
|
url: './api/p/'+$('#posts').data('last'),
|
|
dataType: 'json',
|
|
success: function(msg) {
|
|
var html = "";
|
|
for(var i = 0; i < msg.items.length; i++)
|
|
if(msg.items[i].id)
|
|
html += "<a href=\"./"+msg.items[i].id+"\" title=\""+msg.items[i].mime+"\"><img class=\"thumb\" src=\"./t/"+msg.items[i].id+".png\" /></a>\n";
|
|
$('#posts').append(html);
|
|
$('#posts').data('last', msg.last);
|
|
}
|
|
});
|
|
}
|
|
setTimeout(scrollListener, 200);
|
|
});
|
|
};
|
|
$(document).ready(function () {
|
|
scrollListener();
|
|
});
|
|
</script>
|
|
</body>
|
|
</html> |