Print!

static/css/main.css

@@ -48,4 +48,12 @@ img.emoji {
 	vertical-align: middle;
 	width: 2em !important;
 	height: 2em !important;
+}
+
+.print {
+	display: none;
+}
+@media print {
+	.notprint { display: none; }
+	.print { display: block; }
 }

views/layout.pug

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

views/wishlist.pug

@@ -178,4 +178,21 @@ block content
     .field
       .control
         input.button(type='submit' value=(req.user._id === req.params.user ? 'Add item to wishlist' : 'Pledge item'))
-  script(src='/js/wishlist.js')
+  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