100 lines
		
	
	
		
			4.8 KiB
		
	
	
	
		
			HTML
		
	
	
	
	
	
			
		
		
	
	
			100 lines
		
	
	
		
			4.8 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="./app/fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2" as="font" crossorigin="anonymous">
 | 
						|
    <link rel="preload" href="./app/fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2" as="font" crossorigin="anonymous">
 | 
						|
 | 
						|
    <link rel="prefetch" href="./app/fonts/HI_SiYsKILxRpg3hIP6sJ7fM7PqlPevW.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" 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>
 | 
						|
            </div>
 | 
						|
          </div>
 | 
						|
        </form>
 | 
						|
      </div>
 | 
						|
      <div class="column-row">
 | 
						|
        <div class="why-you-need">
 | 
						|
          <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.
 | 
						|
        </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>
 |