2018-04-30 18:03:12 -06:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								< html >  
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								  < head > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								    < title > Greenlock™ < / title > 
							 
						 
					
						
							
								
									
										
										
										
											2018-05-14 19:31:46 +00:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								    < meta  property = "og:image"  content = "https://greenlock.ppl.family/img/greenlock-mark-400x400.png"  / > 
							 
						 
					
						
							
								
									
										
										
										
											2018-07-23 14:23:10 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								    < 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 > 
							 
						 
					
						
							
								
									
										
										
										
											2018-09-12 09:29:04 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								    < link  rel = "preload"  href = "./app/fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2"  as = "font"  crossorigin = "anonymous" > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								    < link  rel = "preload"  href = "./app/fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2"  as = "font"  crossorigin = "anonymous" > 
							 
						 
					
						
							
								
									
										
										
										
											2018-07-23 14:23:10 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2018-09-12 09:29:04 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								    < link  rel = "prefetch"  href = "./app/fonts/HI_SiYsKILxRpg3hIP6sJ7fM7PqlPevW.woff2"  as = "font"  crossorigin = "anonymous" > 
							 
						 
					
						
							
								
									
										
										
										
											2018-07-23 14:23:10 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								    < 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" > 
							 
						 
					
						
							
								
									
										
										
										
											2018-04-30 18:03:12 -06:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								  < / head > 
							 
						 
					
						
							
								
									
										
										
										
											2018-07-23 14:23:10 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								  < body  class = "js-app-ready" > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								    < script > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								      document.querySelector('body').classList.remove("js-app-ready");
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								    < / script > 
							 
						 
					
						
							
								
									
										
										
										
											2018-07-20 14:41:34 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								    < div  class = "column-container wide" > 
							 
						 
					
						
							
								
									
										
										
										
											2018-07-23 14:23:10 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2018-07-20 14:41:34 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								      < div  class = "column-row" > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								        < img  src = "img/greenlock-146.png" > 
							 
						 
					
						
							
								
									
										
										
										
											2018-05-04 11:16:48 +00:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								      < / div > 
							 
						 
					
						
							
								
									
										
										
										
											2018-07-20 14:41:34 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								      < div  class = "column-row" > 
							 
						 
					
						
							
								
									
										
										
										
											2018-07-23 14:23:10 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								        < h1 > Get the green lock for your website< / h1 > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								      < / div > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								      < div  class = "column-row" > 
							 
						 
					
						
							
								
									
										
										
										
											2018-07-26 14:12:33 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								        < 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 > 
							 
						 
					
						
							
								
									
										
										
										
											2018-07-23 14:23:10 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								        < 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 > 
							 
						 
					
						
							
								
									
										
										
										
											2018-07-20 14:41:34 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								          < / div > 
							 
						 
					
						
							
								
									
										
										
										
											2018-07-23 14:23:10 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								          < button  type = "submit" > Go< / button > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								          < div  class = "domain-subtext" > Domain, subdomain, or wildcard domain< / div > 
							 
						 
					
						
							
								
									
										
										
										
											2018-11-15 06:50:37 +00:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								
							 
						 
					
						
							
								
									
										
										
										
											2018-07-23 14:23:10 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								          < 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 > 
							 
						 
					
						
							
								
									
										
										
										
											2018-07-26 12:55:31 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								            < input  id = "js-acme-api-url"  type = "url"  placeholder = "ACME directory url" > 
							 
						 
					
						
							
								
									
										
										
										
											2018-07-23 14:23:10 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								            < div > 
							 
						 
					
						
							
								
									
										
										
										
											2018-11-15 06:50:37 +00:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								              < a  href = "https://git.coolaj86.com/coolaj86/greenlock.html"  target = "_blank" > View Source< / a >  (git)
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								              | < a  href = "https://greenlock.domains/legal/#terms"  target = "_blank" > Terms of Service< / a > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								              | < a  href = "https://greenlock.domains/legal/#privacy"  target = "_blank" > Privacy Policy< / a > 
							 
						 
					
						
							
								
									
										
										
										
											2018-07-23 14:23:10 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								            < / div > 
							 
						 
					
						
							
								
									
										
										
										
											2018-07-20 14:41:34 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								          < / div > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								        < / form > 
							 
						 
					
						
							
								
									
										
										
										
											2018-05-04 11:16:48 +00:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								      < / div > 
							 
						 
					
						
							
								
									
										
										
										
											2018-07-23 14:23:10 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								      < div  class = "column-row" > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								        < div  class = "why-you-need" > 
							 
						 
					
						
							
								
									
										
										
										
											2018-11-15 06:50:37 +00:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								          < h2 > Why you need HTTPS< / h2 > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								          SSL Certificates are required for secure login, accepting payments, and for browsers like Google Chrome to stop showing security warnings to your users.
							 
						 
					
						
							
								
									
										
										
										
											2018-07-23 14:23:10 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								        < / 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 > 
							 
						 
					
						
							
								
									
										
										
										
											2018-07-20 14:41:34 -07:00 
										
									 
								 
							 
							
								
									
										 
								
							 
							
								 
							
							
								    < / div > 
							 
						 
					
						
							
								
									
										
										
										
											2018-04-30 18:03:12 -06:00 
										
									 
								 
							 
							
								
							 
							
								 
							
							
								  < / body > 
							 
						 
					
						
							
								
							 
							
								
							 
							
								 
							
							
								< / html >