Let's Encrypt v2 (ACME draft 11) client for your browser. Companion to greenlock.js https://greenlock.domains
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

index.html 4.3KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394
  1. <html>
  2. <head>
  3. <title>Greenlock&trade;</title>
  4. <meta property="og:image" content="https://greenlock.ppl.family/img/greenlock-mark-400x400.png" />
  5. <link href="styles/main.css" rel="stylesheet">
  6. <style>
  7. @font-face {
  8. font-family: 'Source Sans Pro';
  9. font-style: normal;
  10. font-display: block;
  11. font-weight: 400;
  12. src: local('Source Sans Pro Regular'), local('SourceSansPro-Regular'), url(./fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format('woff2');
  13. 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;
  14. }
  15. @font-face {
  16. font-family: 'Source Sans Pro';
  17. font-style: normal;
  18. font-weight: 700;
  19. font-display: block;
  20. src: local('Source Sans Pro Bold'), local('SourceSansPro-Bold'), url(./fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2) format('woff2');
  21. 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;
  22. }
  23. </style>
  24. <link rel="preload" href="./fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2" as="font" crossorigin="anonymous">
  25. <link rel="preload" href="./fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2" as="font" crossorigin="anonymous">
  26. <link rel="prefetch" href="./app/js/app.js">
  27. <link rel="prefetch" href="./app/js/bacme.js">
  28. <link rel="prefetch" href="./app/js/pkijs.org/v1.3.33/common.js">
  29. <link rel="prefetch" href="./app/js/pkijs.org/v1.3.33/asn1.js">
  30. <link rel="prefetch" href="./app/js/pkijs.org/v1.3.33/x509_schema.js">
  31. <link rel="prefetch" href="./app/js/pkijs.org/v1.3.33/x509_simpl.js">
  32. <link rel="prefetch" href="./app/js/browser-csr/v1.0.0-alpha/csr.js">
  33. </head>
  34. <body class="js-app-ready">
  35. <script>
  36. document.querySelector('body').classList.remove("js-app-ready");
  37. </script>
  38. <div class="column-container wide">
  39. <div class="column-row">
  40. <img src="img/greenlock-146.png">
  41. </div>
  42. <div class="column-row">
  43. <h1>Get the green lock for your website</h1>
  44. </div>
  45. <div class="column-row">
  46. <!-- Step 1 Choose Domain(s) -->
  47. <form id="js-acme-form" action="./app/" method=>
  48. <div class="domain-psuedo-input">
  49. <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>
  50. </div>
  51. <button type="submit">Go</button>
  52. <div class="domain-subtext">Domain, subdomain, or wildcard domain</div>
  53. <div class="acme-advanced-fields">
  54. <label><input name="acme-api-type" type="radio" value="v02" checked required>
  55. Production
  56. </label>
  57. <label><input name="acme-api-type" type="radio" value="staging-v02" required>
  58. Testing</label>
  59. <input id="js-acme-api-url" name="acme-api-url" type="url" placeholder="ACME directory url">
  60. <div>
  61. <a href="https://git.coolaj86.com/coolaj86/greenlock.html">View Source</a> (git)
  62. </div>
  63. </div>
  64. </form>
  65. </div>
  66. <div class="column-row">
  67. <div class="why-you-need">
  68. <h2>Why you need SSL certificates</h2>
  69. If your website doesn't have the green lock from an SSL Certificate, Google Chrome will soon label your website as not secure.
  70. </div>
  71. </div>
  72. <!-- or
  73. <pre><code>git clone https://git.coolaj86.com/coolaj86/greenlock.html.git</code></pre>
  74. Or view the live site code (same as live-site branch):
  75. <pre><code>wget https://greenlock.ppl.family --mirror --convert-links --adjust-extension --page-requisites --no-parent</code></pre>
  76. -->
  77. <script src="./js/app.js"></script>
  78. <!-- Global site tag (gtag.js) - Google Analytics -->
  79. <script async src="https://www.googletagmanager.com/gtag/js?id=UA-118745161-2"></script>
  80. <script>
  81. window.dataLayer = window.dataLayer || [];
  82. function gtag(){dataLayer.push(arguments);}
  83. gtag('js', new Date());
  84. gtag('config', 'UA-118745161-2');
  85. </script>
  86. </div>
  87. </body>
  88. </html>