coolaj86
/
greenlock.html
2
2
Fork 0
Code Issues 5 Pull Requests Releases Wiki Activity
Browse Source

PRODUCTION!

v1
AJ ONeal 6 years ago
parent
631839e383
commit
5e51935601
2 changed files with 49 additions and 13 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. 48
      index.html
  2. 14
      js/app.js

48
index.html
View File

@ -3,37 +3,63 @@
<title>Greenlock&trade;</title> <title>Greenlock&trade;</title>
</head> </head>
<body> <body>
<div>
<br>
<h3>Greenlock&trade; - Instant, Free SSL Certificates via Let's Encrypt v2</h3>
<br>
<br>
<br>
</div>
<!-- Step 1 Choose Domain(s) --> <!-- Step 1 Choose Domain(s) -->
<form class="js-acme-form js-acme-form-domains"> <form class="js-acme-form js-acme-form-domains">
<label>What's your domain?</label> <h1><label>What's your domain?</label></h1>
<input class="js-acme-domains" type="text" placeholder="example.com,*.example.com" required> <input class="js-acme-domains" type="text" placeholder="example.com,*.example.com" required>
<br>
<button type="submit">Next</button> <button type="submit">Next</button>
<br>
<br>
<br>
<label><input class="js-acme-api-type" name="acme-api-type" type="radio" value="v02" checked required>
Production</label>
<label><input class="js-acme-api-type" name="acme-api-type" type="radio" value="staging-v02" required>
Testing</label>
<br>
<input class="js-acme-directory-url" type="url" placeholder="ACME directory url">
</form> </form>
<!-- Step 2 Create Account --> <!-- Step 2 Create Account -->
<form class="js-acme-form js-acme-form-account"> <form class="js-acme-form js-acme-form-account">
<label>What's your email?</label> <h1><label>What's your email?</label></h1>
<input class="js-acme-account-email" type="email" placeholder="john@doe.family" required> <input class="js-acme-account-email" type="email" placeholder="john@doe.family" required>
<br>
<label><input class="js-acme-account-tos" type="checkbox" required> <label><input class="js-acme-account-tos" type="checkbox" required>
Agree to <a class="js-acme-tos-url" target="acme-tos">Let's Encrypt Terms of Service</a>?</label> Agree to <a class="js-acme-tos-url" target="acme-tos">Let's Encrypt Terms of Service</a>?</label>
<br>
<label><input class="js-greenlock-account-tos" type="checkbox" required> <label><input class="js-greenlock-account-tos" type="checkbox" required>
Agree to <a class="js-gl-tos">Greenlock Terms of Service</a>?</label> Agree to <a class="js-gl-tos">Greenlock Terms of Service</a>?</label>
<br>
<a href="#">advanced (use existing account)</a> <a href="#">advanced (use existing account)</a>
<br>
<button type="submit">Next</button> <button type="submit">Next</button>
</form> </form>
<!-- Step 3 Set Challanges --> <!-- Step 3 Set Challanges -->
<form class="js-acme-form js-acme-form-challenges"> <form class="js-acme-form js-acme-form-challenges">
<div class="js-acme-challenges">
<label>How will you validate your domain?</label> <h1>How will you validate your domain?</h1>
<br>
<label><input class="js-acme-challenge-type" name="acme-challenge-type" type="radio" value="http-01" checked required> <label><input class="js-acme-challenge-type" name="acme-challenge-type" type="radio" value="http-01" checked required>
File Upload to HTTP Web Server</label> File Upload to HTTP Web Server</label>
<br>
<label><input class="js-acme-challenge-type" name="acme-challenge-type" type="radio" value="dns-01" required> <label><input class="js-acme-challenge-type" name="acme-challenge-type" type="radio" value="dns-01" required>
TXT Records on DNS Name Server</label> TXT Records on DNS Name Server</label>
<br>
Verify Domains &amp; Sub-Domains: <div class="js-acme-challenges">
<h2>Verify Domains &amp; Sub-Domains</h2>
<table class="js-acme-table-http-01"> <table class="js-acme-table-http-01">
<thead> <thead>
@ -71,7 +97,7 @@
</div> </div>
<div class="js-acme-wildcard"> <div class="js-acme-wildcard">
Verify Wildcard Domains: <h2>Verify Wildcard Domains</h2>
<table class="js-acme-table-wildcard"> <table class="js-acme-table-wildcard">
<thead> <thead>
@ -96,8 +122,9 @@
<!-- Step 4 Process Challanges --> <!-- Step 4 Process Challanges -->
<form class="js-acme-form js-acme-form-poll"> <form class="js-acme-form js-acme-form-poll">
Verifying Domains... Verifying Domains... (give us 5 seconds or so...)
<!--
<table class="js-acme-table-verifying"> <table class="js-acme-table-verifying">
<thead> <thead>
<tr> <tr>
@ -118,17 +145,18 @@
<a href="#">advanced (use existing keypair for domain)</a> <a href="#">advanced (use existing keypair for domain)</a>
<button type="submit">Next</button> <button type="submit">Next</button>
-->
</form> </form>
<!-- Step 5 Get Certs --> <!-- Step 5 Get Certs -->
<form class="js-acme-form js-acme-form-download"> <form class="js-acme-form js-acme-form-download">
<div> <div>
<h3><label>privkey.pem</label></h3> <h2><label>privkey.pem</label></h2>
<textarea class="js-privkey">-</textarea> <textarea class="js-privkey">-</textarea>
</div> </div>
<div> <div>
<h3><label>fullchain.pem</label></h3> <h2><label>fullchain.pem</label></h2>
<textarea class="js-fullchain">-</textarea> <textarea class="js-fullchain">-</textarea>
</div> </div>
@ -164,8 +192,6 @@ var server = https.createServer({
--> -->
</form> </form>
<input class="js-acme-directory-url" type="url" placeholder="ACME directory url">
<script src="./js/pkijs.org/v1.3.33/common.js"></script> <script src="./js/pkijs.org/v1.3.33/common.js"></script>
<script src="./js/pkijs.org/v1.3.33/asn1.js"></script> <script src="./js/pkijs.org/v1.3.33/asn1.js"></script>
<script src="./js/pkijs.org/v1.3.33/x509_schema.js"></script> <script src="./js/pkijs.org/v1.3.33/x509_schema.js"></script>

14
js/app.js
View File

@ -9,8 +9,18 @@
var kid; var kid;
var i = 1; var i = 1;
//$qs('.js-acme-directory-url').value = 'https://acme-v02.api.letsencrypt.org/directory'; var apiUrl = 'https://acme-{{env}}.api.letsencrypt.org/directory';
$qs('.js-acme-directory-url').value = 'https://acme-staging-v02.api.letsencrypt.org/directory'; function updateApiType() {
var input = this || Array.prototype.filter.call(
$qsa('.js-acme-api-type'), function ($el) { return $el.checked; }
)[0];
console.log('ACME api type radio:', input.value);
$qs('.js-acme-directory-url').value = apiUrl.replace(/{{env}}/g, input.value);
}
$qsa('.js-acme-api-type').forEach(function ($el) {
$el.addEventListener('change', updateApiType);
});
updateApiType();
function hideForms() { function hideForms() {
$qsa('.js-acme-form').forEach(function (el) { $qsa('.js-acme-form').forEach(function (el) {

Write Preview
Loading…
Cancel
Save