Added generic picture support

index.html

@@ -10,7 +10,7 @@
     <script>
     $(document).ready(function(){
       sahli = new Sahli;
-      Sahli.requestsahlifile('list.sahli')
+      Sahli.requestsahlifile('2016uncoldschool.sahli')
     })
     </script>
     <link rel="stylesheet" href="sahli.css" type="text/css" media="screen" />

sahli.coffee

@@ -39,6 +39,8 @@ class @Sahli
         @loadhugeansi picdata, inserthere
       when 'tundra'
         @loadhugeansi picdata, inserthere
+      when 'image'
+        @loadpicture picdata, inserthere
       else
         @loadplain picdata, inserthere
 
@@ -78,6 +80,18 @@ class @Sahli
     req.open 'GET', fname, true
     req.send null
 
+  @loadpicture = (picdata, inserthere) ->
+    fname = @location + '/' + picdata.file
+    pdiv = $('<div>')
+    pdiv.addClass 'scrolly'
+    pdiv.width picdata.width
+    pdiv.css 'display', 'inline-block'
+    pimg = $('<img src="' + fname + '" width="100%"/>')
+    pdiv.append pimg
+    inserthere.after pdiv
+    $('body').scrollTop 0
+    @origwidth = picdata.width
+
   @loadhugeansi = (picdata, inserthere) ->
     fname = @location + '/' + picdata.file
     pdiv = $('<div>')
@@ -97,7 +111,7 @@ class @Sahli
       @origwidth = canvwidth
       @origheight = calcheight
       pdiv.width canvwidth
-    ), 30, 'bits': '8'
+    ), 30, {'bits': '8', "font": picdata.font}
 
   @loadavatar = (picdata, inserthere) ->
     console.log 'avatar', picdata, inserthere
@@ -237,7 +251,7 @@ class @Sahli
       zoomee.width newwidth
       $('canvas').width newwidth
     else
-      if zoomee.width() != @origwidth
+      if ''+zoomee.width() != ''+@origwidth
         zoomee.width @origwidth
         $('canvas').width '100%'
       else

sahli.css

@@ -35,6 +35,7 @@ body {
 h6 {
     color: transparent;
     background-color: transparent;
+    display: none;
 }
 
 .help {

sahli.js

@@ -1,4 +1,4 @@
-// Generated by CoffeeScript 1.11.0
+// Generated by CoffeeScript 1.9.3
 
 /*
   .___________________________________,       ___
@@ -40,6 +40,8 @@ l__________/__________|___|______l__________j_____j
           return this.loadhugeansi(picdata, inserthere);
         case 'tundra':
           return this.loadhugeansi(picdata, inserthere);
+        case 'image':
+          return this.loadpicture(picdata, inserthere);
         default:
           return this.loadplain(picdata, inserthere);
       }
@@ -87,6 +89,20 @@ l__________/__________|___|______l__________j_____j
       return req.send(null);
     };
 
+    Sahli.loadpicture = function(picdata, inserthere) {
+      var fname, pdiv, pimg;
+      fname = this.location + '/' + picdata.file;
+      pdiv = $('<div>');
+      pdiv.addClass('scrolly');
+      pdiv.width(picdata.width);
+      pdiv.css('display', 'inline-block');
+      pimg = $('<img src="' + fname + '" width="100%"/>');
+      pdiv.append(pimg);
+      inserthere.after(pdiv);
+      $('body').scrollTop(0);
+      return this.origwidth = picdata.width;
+    };
+
     Sahli.loadhugeansi = function(picdata, inserthere) {
       var calcheight, canvwidth, fname, pdiv;
       fname = this.location + '/' + picdata.file;
@@ -111,7 +127,8 @@ l__________/__________|___|______l__________j_____j
           return pdiv.width(canvwidth);
         };
       })(this)), 30, {
-        'bits': '8'
+        'bits': '8',
+        "font": picdata.font
       });
     };
 
@@ -280,7 +297,7 @@ l__________/__________|___|______l__________j_____j
         zoomee.width(newwidth);
         return $('canvas').width(newwidth);
       } else {
-        if (zoomee.width() !== this.origwidth) {
+        if ('' + zoomee.width() !== '' + this.origwidth) {
           zoomee.width(this.origwidth);
           return $('canvas').width('100%');
         } else {