Web-KeyGenerator

.gitignore

@@ -0,0 +1 @@
+site

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)

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;
+}

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
+}

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.