Keep working on homepage

This commit is contained in:
Matthew Holt 2023-09-25 12:29:34 -06:00 committed by Francis Lavoie
parent ea2061dc0f
commit 6e25e6ca10
No known key found for this signature in database
GPG key ID: 0F66EE1687682239
6 changed files with 296 additions and 44 deletions

View file

@ -26,7 +26,7 @@
Ultimate Server
</div>
<div class="sub-h1">
makes your sites more <b>secure</b>, more <b>reliable</b>, and more <b>scalable</b> more <b>easily</b>.
makes your sites more <b>secure</b>, more <b>reliable</b>, and more <b>scalable</b> than any other solution.
</div>
</h1>
@ -48,10 +48,10 @@
<div class="sponsors-leaders">
<h3>Sponsored by <b>leaders</b></h3>
<div class ="sponsor-logos">
<a href="https://zerossl.com">
<a href="https://zerossl.com" target="_blank">
<img src="/resources/images/sponsors/zerossl-dark.svg" alt="ZeroSSL">
</a>
<a href="https://stripe.com">
<a href="https://stripe.com" target="_blank">
<img src="/resources/images/sponsors/stripe-dark.svg" alt="Stripe">
</a>
</div>
@ -69,19 +69,107 @@
HTTPS
</div>
<h2>
<b>By default, </b>Caddy <b>automatically obtains</b> and <b>renews</b> TLS certificates for <b>all your domains.</b>
<b>By default, </b>Caddy <b>automatically obtains</b> and <b>renews</b> TLS certificates for <b>all your sites.</b>
</h2>
<p>
Check this out
<br><br>
Testing Testing
<br><br>
Test
<br><br>
Another test
</p>
<div class="wrapper cols">
<div class="col">
<h3 class="green">Dynamically provision certificates</h3>
<p>
With On-Demand TLS, only Caddy obtains, renews, and maintains certificates on-the-fly during TLS handshakes. Perfect for customer-owned domains.
</p>
</div>
<div class="col">
<h3 class="purple">Dynamically provision certificates</h3>
<p>
With On-Demand TLS, only Caddy obtains, renews, and maintains certificates on-the-fly during TLS handshakes. Perfect for customer-owned domains.
</p>
</div>
<div class="col">
<h3 class="blue">Dynamically provision certificates</h3>
<p>
With On-Demand TLS, only Caddy obtains, renews, and maintains certificates on-the-fly during TLS handshakes. Perfect for customer-owned domains.
</p>
</div>
</div>
</div>
<section>
<div class="section-header">
<h2>
The <b>most advanced</b> HTTPS server <b>in the world</b>
</h2>
</div>
<div class="wrapper cols">
<div class="col">
<h3 class="green">Dynamically provision certificates</h3>
<p>
With On-Demand TLS, only Caddy obtains, renews, and maintains certificates on-the-fly during TLS handshakes. Perfect for customer-owned domains.
</p>
</div>
<div class="col">
<h3 class="purple">Dynamically provision certificates</h3>
<p>
With On-Demand TLS, only Caddy obtains, renews, and maintains certificates on-the-fly during TLS handshakes. Perfect for customer-owned domains.
</p>
</div>
<div class="col">
<h3 class="blue">Dynamically provision certificates</h3>
<p>
With On-Demand TLS, only Caddy obtains, renews, and maintains certificates on-the-fly during TLS handshakes. Perfect for customer-owned domains.
</p>
</div>
</div>
<div class="wrapper demobox">
<h2>Experience it</h2>
<p>
<b>Discover Caddy's automagic HTTPS features in this demo!</b>
</p>
<p>
Point any subdomain named <b><code>caddydemo</code></b> to:
</p>
<p class="demo-ips">
<code>
<span class="record-type">A</span>
<span class="demo-ip">123.123.123.123</span>
</code>
<code>
<span class="record-type">AAAA</span>
<span class="demo-ip">::f00</span>
</code>
</p>
<p>
Then <b>visit it</b> in your browser.
</p>
<p>
You'll notice how Caddy <b>provisions a certificate</b> for your domain <b>automatically.</b>
</p>
<div class="demo-help">
<p>
<b>Not working?</b> Make sure to use a subdomain of a registered domain, not a "sub-subdomain."
Verify you have created the public DNS records shown above with the correct values.
You may have to wait to allow time for propagation. Consult your DNS provider's documentation or support for more information.
</p>
<p>
<b>Example subdomains that could work:</b> <code>caddydemo.example.net</code>, <code>caddydemo.example.co.uk</code>
</p>
<p>
(Caddy is capable of serving TLS for any domains and IPs. This demo is arbitrarily restricted.)
</p>
</div>
</div>
</section>
<section class="dark-section">
<div class="wrapper">
<h2>
Flexible configuration for any production environment
</h2>
</div>
</section>
<script>
AsciinemaPlayer.create('/resources/321140.cast', $('#demo'), {