fix: move preview above settings

otherwise it's a preview for ants

labelmaker/main.py

@@ -38,6 +38,16 @@ class Renderer(object):
         with open(name, 'wb') as f:
             self.surface.write_to_png(f)
 
+    def get_preview(self):
+        new_surface = cairo.ImageSurface(cairo.FORMAT_ARGB32, self.width, self.height)
+        context = cairo.Context(new_surface)
+        context.translate(0, self.height)
+        # 360 no scope
+        context.rotate(-90.0*math.pi/180.0)
+        context.set_source_surface(self.surface, 0, 0)
+        context.paint()
+        return new_surface.write_to_png()
+
     def render_text(self, text, fontname, x, y, html=False):
         print("Fontname:", fontname)
         self.context.save()
@@ -76,7 +86,7 @@ def stuff_preview(size):
     renderer = Renderer()
     renderer.render_text(text, 'Sans {}'.format(size), 0, -1, html)
 
-    preview = renderer.surface.write_to_png()
+    preview = renderer.get_preview()
     return flask.Response(preview, mimetype='image/png')
 
 DELAY = 5

labelmaker/templates/index.html

@@ -56,12 +56,12 @@
             <h1>Hackerspace Printing System For Printing Labels</h1>
         </div>
         <h3>Box 'o Stuff Label <small>For SAMLA boxes with common equipment</small></h3>
+        <div>
+            <h4>Preview</h4>
+            <img id="preview" src="/api/preview/70/?text=dupa" class="img-responsive" alt="Label preview" /><br />
+        </div>
         <div class="row">
-            <div class="col-md-2">
-                <h4>Preview</h4>
-                <img id="preview" src="/api/preview/70/?text=dupa" class="img-responsive" alt="Label preview" /><br />
-            </div>
-            <div class="col-md-3">
+            <div class="col-md-5">
                 <h4>Settings</h4>
                 <div class="form-group">
                     <label for="fontsize">Font Size</label>