diff --git a/scripts/img2base64.js b/scripts/img2base64.js
new file mode 100644
index 00000000..66af6805
--- /dev/null
+++ b/scripts/img2base64.js
@@ -0,0 +1,162 @@
+$(function(){
+/// sharpen image:
+/// USAGE:
+///    sharpen(context, width, height, mixFactor)
+///  mixFactor: [0.0, 1.0]
+function sharpen(ctx, w, h, mix) {
+
+  var weights = [0, -1, 0, -1, 5, -1, 0, -1, 0],
+    katet = Math.round(Math.sqrt(weights.length)),
+    half = (katet * 0.5) | 0,
+    dstData = ctx.createImageData(w, h),
+    dstBuff = dstData.data,
+    srcBuff = ctx.getImageData(0, 0, w, h).data,
+    y = h;
+
+  while (y--) {
+
+    x = w;
+
+    while (x--) {
+
+      var sy = y,
+        sx = x,
+        dstOff = (y * w + x) * 4,
+        r = 0,
+        g = 0,
+        b = 0,
+        a = 0;
+
+      for (var cy = 0; cy < katet; cy++) {
+        for (var cx = 0; cx < katet; cx++) {
+
+          var scy = sy + cy - half;
+          var scx = sx + cx - half;
+
+          if (scy >= 0 && scy < h && scx >= 0 && scx < w) {
+
+            var srcOff = (scy * w + scx) * 4;
+            var wt = weights[cy * katet + cx];
+
+            r += srcBuff[srcOff] * wt;
+            g += srcBuff[srcOff + 1] * wt;
+            b += srcBuff[srcOff + 2] * wt;
+            a += srcBuff[srcOff + 3] * wt;
+          }
+        }
+      }
+
+      dstBuff[dstOff] = r * mix + srcBuff[dstOff] * (1 - mix);
+      dstBuff[dstOff + 1] = g * mix + srcBuff[dstOff + 1] * (1 - mix);
+      dstBuff[dstOff + 2] = b * mix + srcBuff[dstOff + 2] * (1 - mix)
+      dstBuff[dstOff + 3] = srcBuff[dstOff + 3];
+    }
+  }
+
+  ctx.putImageData(dstData, 0, 0);
+}
+
+var _loader=$('#inputFileToLoad')[0];
+
+function updateImage(loader) {
+  _loader = loader;
+  var file = _loader.files[0];
+  var reader = new FileReader();
+  reader.onloadend = function() {
+    var res = reader.result;
+    if ($('#imgtype').val().startsWith('No compression')) {
+      $('#result').text(res.toString());
+        $('#info').html('Length (base64): ' + res.length +
+          '<br>Max allowed: 64512');
+        if (res.length > 64512) {
+          $('.output').find('img').attr('src', 'error');
+          $('#info').css('color','red');
+        } else {
+          $('#result').text('[xmg='+res.substring(res.indexOf(',')+1)+']');
+          $('.output').find('img').attr('src', res);
+          $('#info').css('color','black');
+        }
+      return;
+    }
+    var canvas = document.createElement("canvas");
+    var ctx = canvas.getContext("2d");
+    img = new Image();
+    img.onload = function() {
+      canvas.width = img.width;
+      canvas.height = img.height;
+      ctx.drawImage(img, 0, 0, img.width, img.height, 0, 0, img.width, img.height);
+      sharpen(ctx, img.width, img.height, $('#sharpness').val() / 100.0);
+      var scale = 1.0 / ($('#scale').val() / 100.0);
+      var shr = new Image();
+      shr.onload = function() {
+        canvas.width = img.width / scale;
+        canvas.height = img.height / scale;
+        ctx.drawImage(
+          shr, 0, 0, img.width, img.height, 0, 0,
+          img.width / scale, img.height / scale);
+        var imgType = $('#imgtype').val()=='JPEG'?'image/jpeg':'image/webp';
+        var dataURL = canvas.toDataURL(imgType, $('#quality').val() / 100.0);
+        $('#img-preview-btn').off();
+        $('#img-preview-btn').click(function(){
+          $('body').append(
+            $('<img>')
+              .attr('src', dataURL)
+              .css('max-width', '10000px')
+              .css('max-height', '10000px')
+              .css('position', 'fixed')
+              .css('z-index', '10000')
+              .css('top', '0')
+              .css('left', '0')
+              .click(function(){
+                $(this).remove();
+              }));
+        });
+        $('#info').html('Length (base64): ' + dataURL.length +
+          '<br>Max allowed: 64512<br>'+Math.floor(img.width/scale)+'x'+Math.floor(img.height/scale)+'px');
+        if (dataURL.length > 64512) {
+          $('#info').css('color','red');
+          $('#result').text('error');
+        } else {
+          $('#info').css('color','black');
+          $('#result').text('[xmg='+dataURL.substring(dataURL.indexOf(',')+1)+']');
+        }
+      };
+      var shrd = canvas.toDataURL();
+      shr.src = shrd;
+    }
+    img.src = res;
+  }
+  reader.readAsDataURL(file);
+}
+/*
+$('#update').click(function() {
+  updateImage(_loader);
+});
+*/
+$('#imgtype').change(function() {
+  updateImage(_loader);
+});
+
+
+$('#sharpness').change(function() {
+  updateImage(_loader);
+});
+$('#quality').change(function() {
+  updateImage(_loader);
+});
+$('#scale').change(function() {
+  updateImage(_loader);
+});
+$('.apply-modal').click(function() {
+    var cursorPos = __current_text_input.prop('selectionStart');
+    v = __current_text_input.val();
+    var textBefore = v.substring(0,  cursorPos);
+    var textAfter  = v.substring(cursorPos);
+    __current_text_input.val( textBefore+$("#result").text()+textAfter );
+    $("#imgmodal").modal('hide')
+})
+
+$('#inputFileToLoad').change(function() {
+  updateImage(this)
+});
+});
\ No newline at end of file
diff --git a/scripts/nanoclient.js b/scripts/nanoclient.js
new file mode 100644
index 00000000..53cb024f
--- /dev/null
+++ b/scripts/nanoclient.js
@@ -0,0 +1,272 @@
+function numSuffix(numStr) {
+  if (numStr.endsWith('11')) return 's';
+  if (numStr.endsWith('1')) return '';
+  return 's';
+}
+
+function addPost(post, appendFunc, hasShowButton, short) {
+  if (_use_spam_filter=='true' && post.hash != _categories){
+    for (i in _spam_filter){
+        if (_spam_filter[i].test(escapeTags(Base64.decode(post.message)))) return false;
+    }
+  }
+  var locationBackup = window.location.href.toString();
+  if (_depth > 1) hasShowButton = false;
+  if (short == undefined) short = true;
+  var d = $(document.createElement('div'));
+  d
+    .addClass('post')
+    .attr('id', post.hash);
+  if (_depth != 0)
+    d.append('<gr>#' + (short&&_depth!=1?shortenHash(post.hash):post.hash) + '&nbsp;</gr>');
+  if (_depth != 0) {
+    $('<a>')
+      .attr('href', '#' + post.replyTo)
+      .click(function() {
+        $('#' + post.replyTo)
+          .addTemporaryClass('high', 1000);
+        setTimeout(function(){
+          console.log('assigning location');
+          _location = locationBackup;
+          location.assign(locationBackup);
+        }, 200);
+      })
+      .appendTo(d)
+      .html('^' + shortenHash(post.replyTo));
+  }
+  d.append('&nbsp;');
+  d
+    .append($('<a>')
+      .attr('href', 'javascript:void(0)')
+      .html('<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span><span class="btn-title">&thinsp;Reply</span>')
+      .click(function() {
+        addReplyForm(post.hash);
+        d.next().find('textarea').focus();
+      }));
+  if (hasShowButton) {
+    d.append('&nbsp;');
+    var showLink = 
+      $('<a>')
+        .attr('href', (_depth==0?'#category':'#thread') + post.hash)
+        .text('[Show]')
+        .click(function() {
+          //_depth += 1;
+          //loadThread(post.hash);
+        });
+    d.append(showLink);
+    $.get('../api/threadsize/' + post.hash)
+      .done(function(size){
+        if (size == '0')
+          showLink.html('<span class="glyphicon glyphicon-comment not-avail" aria-hidden="true"></span><span class="btn-title not-avail">&thinsp;0</span>');
+        else
+          showLink.html('<span class="glyphicon glyphicon-comment" aria-hidden="true"></span><span class="btn-title">&thinsp;'+size+' – Show</span>');
+      });
+  }
+  d.append('&nbsp;');
+  d
+    .append($('<a>')
+      .attr('href', 'javascript:void(0)')
+      .html('<span class="glyphicon glyphicon-trash" aria-hidden="true"></span><span class="btn-title">Delete</span>')
+      .attr('title', 'Click to delete post forever.')
+      .click(function() {
+        if (post.hash == _categories) {
+          pushNotification("Cannot delete root post.");
+          return;
+        }
+        var undo = false;
+        d.append(
+          $('<button>')
+            .text('Undo')
+            .click(function(){
+              undo = true;
+              $(this).remove();
+            })
+            .append($('<span>').html('&nbsp;')
+              .css({ background: 'red', height: '5px', marginLeft: '5px'})
+              .animate({width: '100px'},50)
+              .animate({width: '0px'},Math.random()*200+_post_delete_timeout)));
+        setTimeout(function(){
+          if (undo) return;
+          deletePostFromDb(post.hash);
+          d.remove();
+          pushNotification('A post was deleted forever.');
+        }, _post_delete_timeout);
+      }));
+  appendFunc(d);
+  var inner = $('<div>')
+    .addClass('post-inner')
+    .html(applyFormatting(escapeTags(Base64.decode(post.message))))
+    .appendTo(d);
+  detectPlacesCommands(inner);
+  d.find('img').click(function(){
+    $(this).toggleClass('full');
+  });
+  // detect zip files:
+  var imgs = d.find('img');
+  var imgcnt = imgs.length;
+  if (imgcnt > 0) {
+    for (var i = 0; i < imgcnt; i++) {
+      var img = imgs[i];
+      if (img.src.startsWith('data:image/jpeg;base64,UEsDB')) {
+        $(img).replaceWith($('<a download=file'+(i+1)+'.zip href='+img.src.replace('image/jpeg','application/zip')+'>[file'+(i+1)+'.zip]</a>'));
+      }
+    }
+  }
+  if (_showTimestamps == 'false') {
+	if (d.find('g').length != 0)
+		d.find('br').first().remove();
+    d.find('g').css('display','none');
+  }
+  return d;
+}
+
+function loadReplies(hash, offset, highlight) {
+  $.get('../api/replies/' + hash)
+    .done(function(arr){
+      arr = JSON.parse(arr);
+      if (arr.length == 0) return;
+      for (var i = arr.length-1; i >= 0; i--) {
+        var deleted = Base64.decode(arr[i].message) == _postWasDeletedMarker;
+        if (_showDeleted == 'false' && deleted) continue;
+        var p = addPost(arr[i], function(d) { d.insertAfter($('#'+hash)); }, false)
+        if (p){
+            p.css('margin-left', offset * _treeOffsetPx + 'px');
+            if (deleted) p.css({ opacity: _deletedOpacity });
+            loadReplies(arr[i].hash, offset + 1, highlight);
+            if (highlight == arr[i].hash) {
+              p.addTemporaryClass('high', 8000);
+            }
+        }
+      }
+      vid_show()
+    });
+}
+
+function loadThread(hash, highlight) {
+  thisPosts = [];
+  $.get('../api/replies/' + hash)
+    .done(function(arr){
+      arr = JSON.parse(arr);
+      if (arr.length > 0) {
+        $('#thread').empty();
+      } else { 
+        _depth -= 1; 
+        pushNotification('This thread/category is empty.');
+        return; 
+      }
+      $.get('../api/get/' + hash)
+        .done(function(post){
+          post = JSON.parse(post);
+          if (_depth > 0) {
+            $('#thread').append(
+              $('<a>')
+                .attr('href', (post.replyTo != _categories) ? ('#category' + post.replyTo) : ('#'))
+                .html('<b><span class="glyphicon glyphicon-arrow-up" aria-hidden="true"></span>Up</b>')
+                .click(function(){
+                  //_depth -= 1;
+                  //loadThread(post.replyTo);
+                }));
+          }
+          $('#thread').append('&nbsp;');
+          $('#thread').append(
+            $('<a>')
+              .attr('href','javascript:void(0)')
+              .html('<span class="glyphicon glyphicon-refresh" aria-hidden="true"></span>Refresh')
+              .click(function(){
+                reloadParams();
+                setTimeout(function(){
+                  loadThread(hash);                  
+                }, 500);
+              }));
+          $('#thread').append(
+            $('<a>')
+              .attr('href','javascript:void(0)')
+              .html('&nbsp;<span class="glyphicon glyphicon-chevron-down" aria-hidden="true"></span>Sort by date')
+              .click(function(){
+                $('.separat').remove();
+                var thread = $('g').parent().parent().parent();
+                var posts = $('g').parent().parent();
+                var first = $('.post')[0];
+                var sorted = posts.sort(function(a,b){
+                a.style.marginLeft = 0;
+                b.style.marginLeft = 0;
+                var d1 = new Date(a.innerHTML.replace(/.*\<g\>/,'').replace(/\<\/g\>.*/,'').replace(/^[A-z ,]{4,5}/,'').replace(/,.*/,''));
+                var d2 = new Date(b.innerHTML.replace(/.*\<g\>/,'').replace(/\<\/g\>.*/,'').replace(/^[A-z ,]{4,5}/,'').replace(/,.*/,''));
+                return d1 > d2 ? 1 : -1;
+                });
+                $('<div class=separat>End of sorting. Posts without timestamps:</div>').insertAfter($('#thread_top'));
+                sorted.detach().insertAfter($('#thread_top'));
+                if (sorted[0] != first)
+                  $(first).detach().insertBefore(sorted[0]);
+
+                posts = $('.post');
+                for (var i = 1; i < posts.length; i++) {
+                  $(posts[i]).prepend("<span style=font-size:75% class=separat>#"+(i+1)+"</span>&nbsp;");
+                  var href = $(posts[i]).find('a')[0].href;
+                  href = href.split('#')[1];
+                  var parent = $('#' + href);
+                  var reflink = $('<span class=separat><a style=font-size:75% href=#'+posts[i].id+'>&gt;&gt;'+shortenHash(posts[i].id)+'</a> </span>');
+                  var safI = i;
+                  $(reflink.find('a')).click(function(){
+                    console.log('click' + $(this).attr('href'));
+                    $($(this).attr('href')).addTemporaryClass('high', 1000);
+                  });
+                  parent.append(reflink);
+                }
+
+              })
+            );
+          $('#thread').append(
+            $('<a>')
+              .attr('href','javascript:void(0)')
+              .html('&nbsp;<span class="glyphicon glyphicon-chevron-up" aria-hidden="true"></span>Reversed sort')
+              .click(function(){
+                $('.separat').remove();
+                var thread = $('g').parent().parent().parent();
+                var posts = $('g').parent().parent();
+                var first = $('.post')[0];
+                var sorted = posts.sort(function(a,b){
+                a.style.marginLeft = 0;
+                b.style.marginLeft = 0;
+                var d1 = new Date(a.innerHTML.replace(/.*\<g\>/,'').replace(/\<\/g\>.*/,'').replace(/^[A-z ,]{4,5}/,'').replace(/,.*/,''));
+                var d2 = new Date(b.innerHTML.replace(/.*\<g\>/,'').replace(/\<\/g\>.*/,'').replace(/^[A-z ,]{4,5}/,'').replace(/,.*/,''));
+                return d1 < d2 ? 1 : -1;
+                });
+                $('<div class=separat>End of sorting. Posts without timestamps:</div>').insertAfter($('#thread_top'));
+                sorted.detach().insertAfter($('#thread_top'));
+                if (sorted[0] != first)
+                  $(first).detach().insertBefore(sorted[0]);
+              })
+            );
+	   $('#thread').append(
+            $('<a id="thread_top">')
+              .attr('href','javascript:void(0)')
+              .html('&nbsp;<span class="glyphicon glyphicon-remove" aria-hidden="true"></span>Delete All')
+              .click(function(){
+                if (confirm('Are you sure you want delete all posts that you currently see?')) {
+                  $('.glyphicon-trash').click();
+                }
+              })
+            );
+
+          addPost(post, function(d){ d.appendTo($('#thread')); }, false, false);
+          if (_depth == 1) arr.reverse();
+          for (var i = 0; i < arr.length; i++) {
+            var deleted = Base64.decode(arr[i].message) == _postWasDeletedMarker;
+            if (_showDeleted == 'false' && deleted) continue;
+            var p = addPost(arr[i], function(d) {d.appendTo($('#thread'));}, true)
+            if (p){
+                p.css('margin-left',  _treeOffsetPx + 'px');
+                if (deleted) p.css({ opacity: _deletedOpacity});
+                if (highlight == arr[i].hash) {
+                  p.addTemporaryClass('high', 8000);
+                }
+                if (_depth > 1) {
+                  loadReplies(arr[i].hash, 2, highlight);
+                }
+            }
+          }
+          vid_show()
+        });
+    });
+}
\ No newline at end of file