lastlink
/
bluecrypt-keypairs.js
forked from coolaj86/bluecrypt-keypairs.js
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity
Browse Source

init template

no-acme
Mr. Funk 5 years ago
parent
7ba413dae6
commit
4f5cf492e3
1 changed files with 81 additions and 57 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 138
      index.html

138
index.html
View File

@ -1,11 +1,12 @@
<html> <html>
<head>
<title>BlueCrypt</title> <head>
<style> <title>BlueCrypt</title>
textarea { <style>
width: 42em; textarea {
height: 10em; width: 42em;
} height: 10em;
}
/* need to word wrap the binary no space der */ /* need to word wrap the binary no space der */
.js-der-public, .js-der-private{ .js-der-public, .js-der-private{
white-space: pre-wrap; /* CSS3 */ white-space: pre-wrap; /* CSS3 */
@ -14,17 +15,17 @@
white-space: -o-pre-wrap; /* Opera 7 */ white-space: -o-pre-wrap; /* Opera 7 */
word-wrap: break-word; /* IE */ word-wrap: break-word; /* IE */
} }
</style> </style>
</head> </head>
<body> <body>
<h1>BlueCrypt for the Browser</h1> <h1>BlueCrypt for the Browser</h1>
<p>BlueCrypt is universal crypto for the browser. It's lightweight, fast, and based on native webcrypto. <p>BlueCrypt is universal crypto for the browser. It's lightweight, fast, and based on native webcrypto.
This means it's easy-to-use crypto in kilobytes, not megabytes.</p> This means it's easy-to-use crypto in kilobytes, not megabytes.</p>
<h2>Keypair Generation</h2> <h2>Keypair Generation</h2>
<form class="js-keygen"> <form class="js-keygen">
<p>Key Type:</p> <p>Key Type:</p>
<div> <div>
<input type="radio" id="-ktyEC" <input type="radio" id="-ktyEC"
name="kty" value="EC" checked> name="kty" value="EC" checked>
<label for="-ktyEC">ECDSA</label> <label for="-ktyEC">ECDSA</label>
@ -50,50 +51,73 @@
<label for="-modlen5"><input type="radio" id="-modlen5" <label for="-modlen5"><input type="radio" id="-modlen5"
name="rsa-len" value="4096">4096</label> name="rsa-len" value="4096">4096</label>
</div> </div>
<button class="js-generate" hidden>Generate</button> <button class="js-generate" hidden>Generate</button>
</form> </form>
<div class="js-loading" hidden>Loading</div> <div class="js-loading" hidden>Loading</div>
<details class="js-toc-jwk" hidden> <details class="js-toc-jwk" hidden>
<summary>JWK Keypair</summary> <summary>JWK Keypair</summary>
<pre><code class="js-jwk">&nbsp;</code></pre> <pre><code class="js-jwk">&nbsp;</code></pre>
</details> </details>
<details class="js-toc-der-private" hidden> <details class="js-toc-der-private" hidden>
<summary>DER Private Binary</summary> <summary>DER Private Binary</summary>
<pre><code class="js-der-private">&nbsp;</code></pre> <pre><code class="js-der-private">&nbsp;</code></pre>
</details> </details>
<details class="js-toc-der-public" hidden> <details class="js-toc-der-public" hidden>
<summary>DER Public Binary</summary> <summary>DER Public Binary</summary>
<pre><code class="js-der-public">&nbsp;</code></pre> <pre><code class="js-der-public">&nbsp;</code></pre>
</details> </details>
<details class="js-toc-pem js-toc-pem-pkcs1-private" hidden> <details class="js-toc-pem js-toc-pem-pkcs1-private" hidden>
<summary>PEM Private (base64-encoded PKCS1 DER)</summary> <summary>PEM Private (base64-encoded PKCS1 DER)</summary>
<pre><code class="js-input-pem-pkcs1-private" ></code></pre> <pre><code class="js-input-pem-pkcs1-private" ></code></pre>
</details> </details>
<details class="js-toc-pem js-toc-pem-sec1-private" hidden> <details class="js-toc-pem js-toc-pem-sec1-private" hidden>
<summary>PEM Private (base64-encoded SEC1 DER)</summary> <summary>PEM Private (base64-encoded SEC1 DER)</summary>
<pre><code class="js-input-pem-sec1-private" ></code></pre> <pre><code class="js-input-pem-sec1-private" ></code></pre>
</details> </details>
<details class="js-toc-pem js-toc-pem-pkcs8-private" hidden> <details class="js-toc-pem js-toc-pem-pkcs8-private" hidden>
<summary>PEM Private (base64-encoded PKCS8 DER)</summary> <summary>PEM Private (base64-encoded PKCS8 DER)</summary>
<pre><code class="js-input-pem-pkcs8-private" ></code></pre> <pre><code class="js-input-pem-pkcs8-private" ></code></pre>
</details> </details>
<details class="js-toc-pem js-toc-pem-pkcs1-public" hidden> <details class="js-toc-pem js-toc-pem-pkcs1-public" hidden>
<summary>PEM Public (base64-encoded PKCS1 DER)</summary> <summary>PEM Public (base64-encoded PKCS1 DER)</summary>
<pre><code class="js-input-pem-pkcs1-public" ></code></pre> <pre><code class="js-input-pem-pkcs1-public" ></code></pre>
</details>
<details class="js-toc-pem js-toc-pem-spki-public" hidden>
<summary>PEM Public (base64-encoded SPKI/PKIX DER)</summary>
<pre><code class="js-input-pem-spki-public" ></code></pre>
</details>
<h2>Signing</h2>
<div class="errors" id="sign-error"></div>
<form class="js-keysign">
<div>
<label for="pem">Pem</label>
<br>
<textarea id="pem" name="pem"></textarea>
</div>
<button class="js-sign" hidden>Sign</button>
</form>
<div class="js-jws-opts" hidden>
<details class="js-toc-jws">
<summary>JWS </summary>
<pre><code class="js-jws" ></code></pre>
</details> </details>
<details class="js-toc-pem js-toc-pem-spki-public" hidden> </div>
<summary>PEM Public (base64-encoded SPKI/PKIX DER)</summary> <div class="js-jwt-opts" hidden>
<pre><code class="js-input-pem-spki-public" ></code></pre> <details class="js-toc-jwt">
<summary>JWS </summary>
<pre><code class="js-jwt" ></code></pre>
</details> </details>
</div>
<script src="./lib/bluecrypt-encoding.js"></script> <script src="./lib/bluecrypt-encoding.js"></script>
<script src="./lib/asn1-packer.js"></script> <script src="./lib/asn1-packer.js"></script>
<script src="./lib/x509.js"></script> <script src="./lib/x509.js"></script>
<script src="./lib/ecdsa.js"></script> <script src="./lib/ecdsa.js"></script>
<script src="./lib/rsa.js"></script> <script src="./lib/rsa.js"></script>
<script src="./lib/keypairs.js"></script> <script src="./lib/keypairs.js"></script>
<script src="./app.js"></script> <script src="./app.js"></script>
</body> </body>
</html> </html>

Write Preview
Loading…
Cancel
Save