Add static test content and styles.

tropy · Mar 21, 2019 · 6445a77 · 6445a77
1 parent efe632a
commit 6445a77
Show file tree

Hide file tree

Showing 9 changed files with 79 additions and 1 deletion.
diff --git a/src/stylesheets/components/_print.scss b/src/stylesheets/components/_print.scss
@@ -0,0 +1,28 @@
+//
+// Print
+// --------------------------------------------------
+
+html,
+body,
+main,
+.page {
+  height: 100%;
+}
+
+body {
+  margin: 0;
+}
+
+.page {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  page-break-after: always;
+}
+
+img {
+  flex: 0 1 auto;
+  max-width: 100%;
+  max-height: 100%;
+  object-fit: contain;
+}
diff --git a/src/stylesheets/darwin/print.scss b/src/stylesheets/darwin/print.scss
@@ -1,2 +1,14 @@
+/* stylelint-disable max-empty-lines */
+
+//
+// Print window
+// --------------------------------------------------
+
 $platform: "darwin";
 $theme: "light";
+
+
+// Components
+// --------------------------------------------------
+
+@import "../components/print";
diff --git a/src/stylesheets/linux/print.scss b/src/stylesheets/linux/print.scss
@@ -1,2 +1,14 @@
+/* stylelint-disable max-empty-lines */
+
+//
+// Print window
+// --------------------------------------------------
+
 $platform: "linux";
 $theme: "light";
+
+
+// Components
+// --------------------------------------------------
+
+@import "../components/print";
diff --git a/src/stylesheets/win32/print.scss b/src/stylesheets/win32/print.scss
@@ -1,2 +1,14 @@
+/* stylelint-disable max-empty-lines */
+
+//
+// Print window
+// --------------------------------------------------
+
 $platform: "win32";
 $theme: "dark";
+
+
+// Components
+// --------------------------------------------------
+
+@import "../components/print";
diff --git a/src/windows/print.js b/src/windows/print.js
@@ -2,4 +2,18 @@
 
 const { $, html } = require('../dom')
 
-html($('main'), 'Just do it right. Make it perfect and real.')
+/* eslint-disable no-multi-str */
+html($('main'), '\
+  <div class="page">\
+    <img src="../static/images/landscape.png" width="4000" height="2000">\
+  </div>\
+  <div class="page">\
+    <img src="../static/images/portrait.png" width="2000" height="4000">\
+  </div>\
+  <div class="page">\
+    <img src="../static/images/landscape-sm.png" width="400" height="200">\
+  </div>\
+  <div class="page">\
+    <img src="../static/images/portrait-sm.png" width="200" height="400">\
+  </div>\
+')
diff --git a/static/images/landscape-sm.png b/static/images/landscape-sm.png
diff --git a/static/images/landscape.png b/static/images/landscape.png
diff --git a/static/images/portrait-sm.png b/static/images/portrait-sm.png
diff --git a/static/images/portrait.png b/static/images/portrait.png