From 064884cccb4f26d7b516b6df41b1b47ec511f186 Mon Sep 17 00:00:00 2001
From: Brandon Rozek <brozek@brandonrozek.com>
Date: Sun, 18 Dec 2022 18:03:16 -0500
Subject: [PATCH] Redid PGP form

---
 assets/css/style.css            | 10 ++++++++++
 layouts/shortcodes/pgpform.html | 23 ++++++++++++-----------
 2 files changed, 22 insertions(+), 11 deletions(-)

diff --git a/assets/css/style.css b/assets/css/style.css
index ef00e1c..11fa2c9 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -433,3 +433,13 @@ main .e-content .toot-photos img {
 #webmentions img { max-height: 1.2em; margin-right: -1ex; }
 
 .date-updated { margin-top: -18px; }
+
+.pgpform {
+  width: 100%; 
+  min-height: 10rem;
+  font-size: 1rem;
+}
+
+.pgpbutton {
+  font-size: 1rem;
+}
\ No newline at end of file
diff --git a/layouts/shortcodes/pgpform.html b/layouts/shortcodes/pgpform.html
index c02c441..4b0df9d 100644
--- a/layouts/shortcodes/pgpform.html
+++ b/layouts/shortcodes/pgpform.html
@@ -1,9 +1,14 @@
 {{- $openPGP := resources.Get "js/openpgp.min.js" -}}
 <script src="{{ $openPGP.Permalink }}"></script>
-<textarea id="pgpform" style="width: 100%; min-height: 10rem;"></textarea>
+<textarea id="pgpcleartext" class="pgpform" style="width: 100%; min-height: 10rem;"></textarea>
+<button class="pgpbutton" onclick="encrypt()">Encrypt</button>
+<br/>
+Encrypted Result:
+<pre id="pgpresult" class="pgpform"></pre>
 <script>
 function encrypt() {
-    let textarea = document.querySelector("#pgpform");
+    let textarea = document.querySelector("#pgpcleartext");
+    let resultarea = document.querySelector('#pgpresult');
     let pubKeyURL = "{{ .Get 0 }}"
     fetch(pubKeyURL).then(function(response) {
         return response.text().then(function(text) {
@@ -15,24 +20,20 @@ function encrypt() {
                     encryptionKeys: mp[1]
                 }
                 return openpgp.encrypt(encryptionParameters).then(function(encryptedMessage) {
-                    textarea.value = encryptedMessage
+                    pgpresult.textContent = encryptedMessage
                 });
             });
         });    
     });
 }
-function copyToClipboard() {
-    let textarea = document.querySelector("#pgpform");
-    textarea.select();
-    let successful = document.execCommand('copy');
-}
+
 function genEmail() {
-    let textarea = document.querySelector("#pgpform");
-    let contents = textarea.value;
+    let resultarea = document.querySelector('#pgpresult');
+    let contents = resultarea.textContent;
     let encodedContents = encodeURIComponent(contents);
     let encodedSubject = encodeURIComponent("Contact Form")
     window.location.href = "mailto:{{ .Site.Params.email }}?subject=" +
         encodedSubject + "&body=" + encodedContents;
 }
 </script>
-<button onclick="encrypt()">Encrypt</button><button onclick="copyToClipboard()">Copy</button><button onclick="genEmail()">Generate Email</button>
+<button class="pgpbutton" onclick="genEmail()">Generate Email</button>