f0ckv1/s/index.tpl.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">
  <link rel="stylesheet" type="text/css" href="//codepen.io/assets/reset/normalize.css">
</head>
<body>
  <div class="navbar"><a href="/">f0ck.me</a> | <a href="/how">how to</a> | <a href="/contact">Contact</a></div>
  <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>
  <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 += "<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";
            $('#posts').append(html);
            $('#posts').data('last', msg.last);
          }
        });
      }
      setTimeout(scrollListener, 200);
    });
  };
  $(document).ready(function () {
    scrollListener();
  });
  </script>
</body>
</html>
modified: package.json new file: s/index.tpl.html new file: s/item.tpl.html new file: s/mp3.png new file: s/style.css modified: src/main.js 2016-08-16 11:29:32 +00:00			`<!DOCTYPE blah>`
			`<html>`
			`<head>`
			`<title>f0ck me!</title>`
new file: s/contact.tpl.html new file: s/favicon.gif new file: s/how.tpl.html modified: s/index.tpl.html modified: s/item.tpl.html modified: s/style.css modified: src/main.js deleted: s/irccat.gif 2016-08-16 13:48:37 +00:00			`<link rel="icon" type="image/gif" href="./s/favicon.gif" />`
replace index with test 2016-08-30 12:26:57 +00:00			`<link rel="stylesheet" type="text/css" href="./s/style.css">`
muh 2016-09-02 09:29:02 +00:00			`<link rel="stylesheet" type="text/css" href="//codepen.io/assets/reset/normalize.css">`
modified: package.json new file: s/index.tpl.html new file: s/item.tpl.html new file: s/mp3.png new file: s/style.css modified: src/main.js 2016-08-16 11:29:32 +00:00			`</head>`
			`<body>`
modified: s/index.tpl.html 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>`
muh 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>`
replace index with test 2016-08-30 12:26:57 +00:00			`<script src="./s/jquery-3.1.0.min.js"></script>`
			`<script>`
Revert "modified: s/index.tpl.html" This reverts commit 5169cf12bd71cb9b5822ca1606a5dec9d9d186ca 2016-09-02 10:19:41 +00:00			`var scrollListener = function () {`
			`$(window).one("scroll", function () {`
replace index with test 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',`
Revert "modified: s/index.tpl.html" This reverts commit 5169cf12bd71cb9b5822ca1606a5dec9d9d186ca 2016-09-02 10:19:41 +00:00			`success: function(msg) {`
replace index with test 2016-08-30 12:26:57 +00:00			`var html = "";`
			`for(var i = 0; i < msg.items.length; i++)`
			`if(msg.items[i].id)`
muh 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";`
replace index with test 2016-08-30 12:26:57 +00:00			`$('#posts').append(html);`
			`$('#posts').data('last', msg.last);`
			`}`
			`});`
			`}`
muh 2016-08-30 21:18:18 +00:00			`setTimeout(scrollListener, 200);`
replace index with test 2016-08-30 12:26:57 +00:00			`});`
			`};`
Revert "modified: s/index.tpl.html" This reverts commit 5169cf12bd71cb9b5822ca1606a5dec9d9d186ca 2016-09-02 10:19:41 +00:00			`$(document).ready(function () {`
replace index with test 2016-08-30 12:26:57 +00:00			`scrollListener();`
			`});`
			`</script>`
test für centerthumbs 2016-08-17 18:34:53 +00:00			`</body>`
replace index with test 2016-08-30 12:26:57 +00:00			`</html>`