Source for Greenlock Domains website.
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.9KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171
  1. <html>
  2. <head>
  3. <title>Greenlock&trade;</title>
  4. <meta
  5. property="og:image"
  6. content="https://greenlock.domains/img/greenlock-mark-400x400.png"
  7. />
  8. <link href="styles/main.css" rel="stylesheet" />
  9. <style>
  10. @font-face {
  11. font-family: "Source Sans Pro";
  12. font-style: normal;
  13. font-display: block;
  14. font-weight: 400;
  15. src: local("Source Sans Pro Regular"), local("SourceSansPro-Regular"),
  16. url(./fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2) format("woff2");
  17. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
  18. U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
  19. U+2212, U+2215, U+FEFF, U+FFFD;
  20. }
  21. @font-face {
  22. font-family: "Source Sans Pro";
  23. font-style: normal;
  24. font-weight: 700;
  25. font-display: block;
  26. src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"),
  27. url(./fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2)
  28. format("woff2");
  29. unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6,
  30. U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193,
  31. U+2212, U+2215, U+FEFF, U+FFFD;
  32. }
  33. </style>
  34. <link
  35. rel="preload"
  36. href="./app/fonts/6xKydSBYKcSV-LCoeQqfX1RYOo3ig4vwlxdu.woff2"
  37. as="font"
  38. crossorigin="anonymous"
  39. />
  40. <link
  41. rel="preload"
  42. href="./app/fonts/6xK3dSBYKcSV-LCoeQqfX1RYOo3qOK7l.woff2"
  43. as="font"
  44. crossorigin="anonymous"
  45. />
  46. <link
  47. rel="prefetch"
  48. href="./app/fonts/HI_SiYsKILxRpg3hIP6sJ7fM7PqlPevW.woff2"
  49. as="font"
  50. crossorigin="anonymous"
  51. />
  52. <link rel="prefetch" href="./app/js/bluecrypt-acme.js" as="script" />
  53. <link rel="prefetch" href="./app/js/greenlock.js" as="script" />
  54. <link rel="prefetch" href="./js/app.js" as="script" />
  55. </head>
  56. <body class="js-app-ready">
  57. <script>
  58. document.querySelector("body").classList.remove("js-app-ready");
  59. </script>
  60. <div class="column-container wide">
  61. <div class="column-row">
  62. <img alt="Greenlock logo" src="img/greenlock-146.png" />
  63. </div>
  64. <div class="column-row">
  65. <h1>Get the green lock for your website</h1>
  66. </div>
  67. <div class="column-row">
  68. <div class="js-javascript-warning">
  69. Greenlock will process the CSR in the browser and request the
  70. certificates directly from letsencrypt.org. Please enable Javascript
  71. before continuing.
  72. </div>
  73. <form id="js-acme-form" action="./app/" method="GET">
  74. <div class="domain-psuedo-input">
  75. <span class="secure-green">Secure</span> |
  76. <span class="secure-green">https:</span>//<input
  77. aria-label="domains to secure"
  78. id="acme-domains"
  79. type="text"
  80. name="acme-domains"
  81. placeholder="Your domain name"
  82. required
  83. />
  84. </div>
  85. <button type="submit">Go</button>
  86. <div class="domain-subtext">
  87. Domain, subdomain, or wildcard domain
  88. </div>
  89. <div class="acme-advanced-fields">
  90. <label
  91. ><input
  92. name="acme-api-type"
  93. type="radio"
  94. value="v02"
  95. checked
  96. required
  97. />
  98. Production
  99. </label>
  100. <label
  101. ><input
  102. name="acme-api-type"
  103. type="radio"
  104. value="staging-v02"
  105. required
  106. />
  107. Testing</label
  108. >
  109. <input
  110. id="js-acme-api-url"
  111. type="url"
  112. placeholder="ACME directory url"
  113. />
  114. <br />
  115. API Compatibility: Let's Encrypt v2 / ACME draft 15
  116. <div>
  117. <br />
  118. A
  119. <a href="https://rootprojects.org/" target="_blank">Root</a>
  120. Project |
  121. <a
  122. href="https://git.coolaj86.com/coolaj86/greenlock.html"
  123. target="_blank"
  124. >View Source</a
  125. >
  126. (git) |
  127. <a href="https://rootprojects.org/legal/#terms" target="_blank"
  128. >Terms of Service</a
  129. >
  130. |
  131. <a href="https://rootprojects.org/legal/#privacy" target="_blank"
  132. >Privacy Policy</a
  133. >
  134. </div>
  135. </div>
  136. </form>
  137. </div>
  138. <div class="column-row">
  139. <div class="why-you-need">
  140. <h2>Why you need HTTPS</h2>
  141. SSL Certificates are required for secure login, accepting payments,
  142. and for browsers like Google Chrome to stop showing security warnings
  143. to your users.
  144. </div>
  145. </div>
  146. <!-- or
  147. <pre><code>git clone https://git.coolaj86.com/coolaj86/greenlock.html.git</code></pre>
  148. Or view the live site code (same as live-site branch):
  149. <pre><code>wget https://greenlock.domains --mirror --convert-links --adjust-extension --page-requisites --no-parent</code></pre>
  150. -->
  151. <script src="./js/app.js"></script>
  152. <!-- Global site tag (gtag.js) - Google Analytics -->
  153. <script
  154. async
  155. src="https://www.googletagmanager.com/gtag/js?id=UA-118745161-2"
  156. ></script>
  157. <script>
  158. window.dataLayer = window.dataLayer || [];
  159. function gtag() {
  160. dataLayer.push(arguments);
  161. }
  162. gtag("js", new Date());
  163. gtag("config", "UA-118745161-2");
  164. </script>
  165. </div>
  166. </body>
  167. </html>