Print!

static/css/main.css

@@ -49,3 +49,11 @@ img.emoji {
 	width: 2em !important;
 	height: 2em !important;
 }
+
+.print {
+	display: none;
+}
+@media print {
+	.notprint { display: none; }
+	.print { display: block; }
+}

views/layout.pug

@@ -24,9 +24,22 @@ html(lang='en')
       link(rel='stylesheet', href='/libraries/animate.min.css')
     link(rel='stylesheet', href='/css/main.css')
   body
+    .print
+      .content
+        section.section
+          .container.is-marginless.fullwidth
+            block print
+              style.
+                .print { display: none !important; }
+                .notprint { display: block !important; }
+                @media print {
+                  .notprint-padding { display: none; }
+                  nav { display: none}
+                }
+    .notprint
       include includes/navbar.pug
       div.content.has-navbar-fixed-top#pageContent
-      div(style='margin-top: 1.5em;')
+        div.notprint-padding(style='margin-top: 1.5em;')
         section.section
           div.container.is-marginless.fullwidth
             block title

views/wishlist.pug

@@ -179,3 +179,20 @@ block content
       .control
         input.button(type='submit' value=(req.user._id === req.params.user ? 'Add item to wishlist' : 'Pledge item'))
   script(src='/js/wishlist.js')
+
+block print
+  h1 #{req.params.user}'s Wishlist
+  each item, index in wishlist.filter(item => item.addedBy === req.params.user)
+    .print-gift
+      if index > 0
+        hr(style='background-color: black;')
+      .columns
+        .column.is-4
+          span.is-block.is-size-4.ugc= item.name
+          span.is-block.is-size-5.ugc.has-text-grey= item.url
+        .column
+          span.is-block.is-size-5 Added by: #{item.addedBy}
+          if item.note
+            br
+            .box
+              span.is-block.is-size-5.ugc= item.note