UPdate pug templates

views/util/profile-url.pug

@@ -0,0 +1,50 @@
+extends ../templates/base.pug
+
+block js
+  script(type='application/javascript' src='/static/scripts.js' charset='utf-8')
+
+block content
+  section.narrow
+    h1 Profile URL
+    form#form-util-profile-url(method='post')
+      p This tool generates an URL for your Keyoxide profile page.
+      h3 Public key
+      label(for='source') Source:
+      select#source.source(name='source')
+        option(value='wkd') Web Key Directory
+        option(value='hkp') keys.openpgp.org
+        option(value='keybase') Keybase
+      br
+      input#input(type='text' name='input' placeholder='Input' value='')
+      h3 Profile URL
+      pre
+        code#output Waiting for input...
+      h3 Help
+      p
+        | When using the 
+        strong Web Key Directory
+        |  source, the 
+        strong Input
+        |  looks like 
+        strong username@domain.org
+        | .
+      p
+        | When using the 
+        strong keys.openpgp.org
+        |  source, the 
+        strong Input
+        |  is either the 
+        strong fingerprint
+        |  of your public key, or the main identity's 
+        strong email address
+        | .
+      p
+        | When using the 
+        strong Keybase
+        |  source, the 
+        strong Input
+        |  is the URL obtained by going to your Keybase profile page, clicking on the 
+        strong key id
+        |  of your keypair and copying the URL of the 
+        strong this key
+        |  link.

views/util/qr.pug

@@ -0,0 +1,13 @@
+extends ../templates/base.pug
+
+block js
+  script(type='application/javascript' src='/static/qrcode.min.js' charset='utf-8')
+  script(type='application/javascript' src='/static/scripts.js' charset='utf-8')
+
+block content
+  section.narrow
+    h1 QR Code
+    form#form-util-qr(method='post')
+      code#input.full-width !{input}
+    canvas#qrcode
+    a#qrcode--altLink(href='#') Press this link to directly open the URI

views/util/qrfp.pug

@@ -0,0 +1,19 @@
+extends ../templates/base.pug
+
+block js
+  script(type='application/javascript' src='/static/qrcode.min.js' charset='utf-8')
+  script(type='application/javascript' src='/static/scripts.js' charset='utf-8')
+
+block content
+  section.narrow
+    h1 QR Code
+    form#form-util-qrfp(method='post')
+      p
+        | This tool generates a QR code containing the fingerprint of your public key (
+        a(href='https://github.com/open-keychain/open-keychain/wiki/QR-Codes') format
+        | ). This QR code can be scanned by apps like
+        a(href='https://www.openkeychain.org/') OpenKeyChain
+        | .
+      h3 Fingerprint
+      input#input(type='text' name='input' placeholder='Fingerprint' value=input)
+    canvas#qrcode

views/util/wkd.pug

@@ -0,0 +1,28 @@
+extends ../templates/base.pug
+
+block js
+  script(type='application/javascript' src='/static/openpgp.min.js' charset='utf-8')
+  script(type='application/javascript' src='/static/scripts.js' charset='utf-8')
+
+block content
+  section.narrow
+    h1 Web Key Directory generator
+    form#form-util-wkd(method='post')
+      p
+        | This tool computes the part of the WKD URL that corresponds to the username when 
+        a(href='/guides/web-key-directory') uploading keys using web key directory
+        | .
+      p
+        | If you enter the entire WKD identifier (username@domain.org), this tool will also generate the complete URLs.
+      h3 Input
+      input#input(type='text' name='input' placeholder='WKD username or identifier' value=input)
+      h3 Output
+      h4 Local part
+      pre
+        code#output.full-width Waiting for input...
+      h4 Direct URL
+      pre
+        code#output_url_direct.full-width Waiting for input...
+      h4 Advanced URL
+      pre
+        code#output_url_advanced.full-width Waiting for input...