From e7beba2f11e69910598b97a942b11745bd686503 Mon Sep 17 00:00:00 2001
From: Yakov5776 <yakov5776@gmail.com>
Date: Sun, 9 Oct 2022 14:13:31 -0400
Subject: [PATCH] Web-KeyGenerator

---
 .gitignore                   |  1 +
 docs/Extras/KeyGeneration.md | 13 ++++++++++++-
 docs/assets/CustomText.css   |  8 ++++++++
 docs/assets/KeyGeneration.js | 10 ++++++++++
 mkdocs.yml                   |  6 ++++--
 5 files changed, 35 insertions(+), 3 deletions(-)
 create mode 100644 .gitignore
 create mode 100644 docs/assets/CustomText.css
 create mode 100644 docs/assets/KeyGeneration.js

diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..d97e100
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+site
\ No newline at end of file
diff --git a/docs/Extras/KeyGeneration.md b/docs/Extras/KeyGeneration.md
index 7767389..6c2b9d1 100644
--- a/docs/Extras/KeyGeneration.md
+++ b/docs/Extras/KeyGeneration.md
@@ -2,7 +2,18 @@
 
 We've put together a quick and easy way to generate public/private key pairs right from your web browser:
 
-some js for key generation (todo)
+<button class="md-button md-button--primary" onClick="generateKey()">Generate KeyPair</button>
+
+Public Key:
+<textarea type="text" class="textArea" id="publicKey" readonly>
+</textarea>
+
+Private Key:
+<textarea type="text" class="textArea" id="privateKey" readonly>
+</textarea>
+
+<script src="/assets/KeyGeneration.js"></script> 
+
 # Method 2
 
 blahblahblah explain to the user about using a key generation application (todo)
\ No newline at end of file
diff --git a/docs/assets/CustomText.css b/docs/assets/CustomText.css
new file mode 100644
index 0000000..951843c
--- /dev/null
+++ b/docs/assets/CustomText.css
@@ -0,0 +1,8 @@
+.textArea {
+    background: rgba(0,0,0,0.2);
+    height: 100%;
+    width: 100%;
+    color: white;
+    border: 0;
+    border-radius: .1rem;
+}
\ No newline at end of file
diff --git a/docs/assets/KeyGeneration.js b/docs/assets/KeyGeneration.js
new file mode 100644
index 0000000..5e32abd
--- /dev/null
+++ b/docs/assets/KeyGeneration.js
@@ -0,0 +1,10 @@
+function generateKey()
+{
+    let publicKey = document.getElementById('publicKey');
+    let privateKey = document.getElementById('privateKey');
+    
+    publicKey.innerText = "TODO";
+    privateKey.innerText = "TODO";
+
+    // Look into the SubtleCrypto Web API & KeyGenerator source
+}
\ No newline at end of file
diff --git a/mkdocs.yml b/mkdocs.yml
index aa98371..aa575b8 100644
--- a/mkdocs.yml
+++ b/mkdocs.yml
@@ -6,13 +6,13 @@ theme:
   palette: 
     - scheme: slate
       primary: teal
-      accent: indigo
+      accent: teal
       toggle:
         icon: material/brightness-4
         name: Switch to dark mode
     - scheme: default
       primary: teal
-      accent: indigo
+      accent: teal
       toggle:
         icon: material/brightness-7
         name: Switch to light mode
@@ -26,4 +26,6 @@ nav:
       - Generating a public/private key: 'Extras/KeyGeneration.md'
 extra:
   generator: false
+extra_css:
+  - assets/CustomText.css
 copyright: We're not affiliated, associated, authorized, or endorsed by ROBLOX Corporation in any way, shape, or form.
\ No newline at end of file