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