97 lines
4.5 KiB
HTML
97 lines
4.5 KiB
HTML
<html>
|
|
<head>
|
|
<title>Greenlock™</title>
|
|
<meta property="og:image" content="https://greenlock.ppl.family/img/greenlock-mark-400x400.png" />
|
|
<link href="styles/main.css" rel="stylesheet">
|
|
<style>
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-display: block;
|
|
font-weight: 400;
|
|
src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(./fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
@font-face {
|
|
font-family: 'Source Sans Pro';
|
|
font-style: normal;
|
|
font-weight: 700;
|
|
font-display: block;
|
|
src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(./fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2) format('woff2');
|
|
unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
|
|
}
|
|
</style>
|
|
<link rel="preload" href="./fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2" as="font" crossorigin="anonymous">
|
|
<link rel="preload" href="./fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2" as="font" crossorigin="anonymous">
|
|
|
|
<link rel="prefetch" href="./app/js/app.js">
|
|
<link rel="prefetch" href="./app/js/bacme.js">
|
|
<link rel="prefetch" href="./app/js/pkijs.org/v1.3.33/common.js">
|
|
<link rel="prefetch" href="./app/js/pkijs.org/v1.3.33/asn1.js">
|
|
<link rel="prefetch" href="./app/js/pkijs.org/v1.3.33/x509_schema.js">
|
|
<link rel="prefetch" href="./app/js/pkijs.org/v1.3.33/x509_simpl.js">
|
|
<link rel="prefetch" href="./app/js/browser-csr/v1.0.0-alpha/csr.js">
|
|
</head>
|
|
<body class="js-app-ready">
|
|
<script>
|
|
document.querySelector('body').classList.remove("js-app-ready");
|
|
</script>
|
|
<div class="column-container wide">
|
|
|
|
<div class="column-row">
|
|
<img src="img/greenlock-146.png">
|
|
</div>
|
|
<div class="column-row">
|
|
<h1>Get the green lock for your website</h1>
|
|
</div>
|
|
<div class="column-row">
|
|
<div class="js-javascript-warning">
|
|
Greenlock will process the CSR in the browser and request the certificates directly from letsencrypt.org. Please enable Javascript before continuing.
|
|
</div>
|
|
<form id="js-acme-form" action="./app/" method=>
|
|
<div class="domain-psuedo-input">
|
|
<span class="secure-green">Secure</span> | <span class="secure-green">https:</span>//<input aria-label="domains to secure" id="acme-domains" type="text" name="acme-domains" placeholder="Your domain name" required>
|
|
</div>
|
|
<button type="submit">Go</button>
|
|
<div class="domain-subtext">Domain, subdomain, or wildcard domain</div>
|
|
|
|
<div class="acme-advanced-fields">
|
|
<label><input name="acme-api-type" type="radio" value="v02" checked required>
|
|
Production
|
|
</label>
|
|
<label><input name="acme-api-type" type="radio" value="staging-v02" required>
|
|
Testing</label>
|
|
<input id="js-acme-api-url" type="url" placeholder="ACME directory url">
|
|
<div>
|
|
<a href="https://git.coolaj86.com/coolaj86/greenlock.html">View Source</a> (git)
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="column-row">
|
|
<div class="why-you-need">
|
|
<h2>Why you need SSL certificates</h2>
|
|
If your website doesn't have the green lock from an SSL Certificate, Google Chrome will soon label your website as not secure.
|
|
</div>
|
|
</div>
|
|
<!-- or
|
|
<pre><code>git clone https://git.coolaj86.com/coolaj86/greenlock.html.git</code></pre>
|
|
Or view the live site code (same as live-site branch):
|
|
<pre><code>wget https://greenlock.ppl.family --mirror --convert-links --adjust-extension --page-requisites --no-parent</code></pre>
|
|
-->
|
|
|
|
<script src="./js/app.js"></script>
|
|
|
|
<!-- Global site tag (gtag.js) - Google Analytics -->
|
|
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-118745161-2"></script>
|
|
<script>
|
|
window.dataLayer = window.dataLayer || [];
|
|
function gtag(){dataLayer.push(arguments);}
|
|
gtag('js', new Date());
|
|
|
|
gtag('config', 'UA-118745161-2');
|
|
</script>
|
|
</div>
|
|
</body>
|
|
</html>
|