feat: add qrcode to GET page

rpj · Jul 3, 2022 · 81df1d8 · 81df1d8
1 parent 452bd0e
commit 81df1d8
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 0 deletions.
diff --git a/client/getkey.tmpl.html b/client/getkey.tmpl.html
@@ -70,6 +70,21 @@
     color: #843b84;
     text-decoration: none;
   }
+
+  #qr {
+    text-align: center;
+    align-items: center;
+    justify-content: center;
+    position: fixed;
+    left: 3vw;
+    bottom: 3vh;
+    z-index: -999;
+  }
+
+  #qr > div > img {
+    opacity: 0.8;
+    border-radius: 7px;
+  }
 </style>
 </head>
 <body>
@@ -92,4 +107,11 @@
     {{{ body }}}
   </template>
 </main>
+
+<div id="qr">
+  <div style="margin-bottom: 2em;">
+    <img src="/{{ key }}.png?full" />
+  </div>
+</div>
+
 </body>
diff --git a/server/routes.js b/server/routes.js
@@ -266,6 +266,8 @@ async function attach (app, knownKeys, fqdn, contentDir, contactAddr, scheme) {
       return body;
     }
 
+    // REALLY need a better way to handle this...
+    reply.header('Content-Security-Policy', reply.getHeader('Content-Security-Policy').replace('data:', "'self'"));
     return mustache.render(getkeyTmpl, { ...renderMap, body });
   };