Features in
this color are provided by available plugins.
@@ -420,6 +420,39 @@
+
+
+
+
+
+ Automatic HTTPS
+
+
+ Our flagship feature, Caddy enables HTTPS by default and automatically procure and maintain certificates for all your sites.
+
+
+ TODO: Some strong marketing text
+
+
+
+
+
TODO...
+
+ TODO...
+
+
+ TODO...
+
+
+
+
+
+
+
+
+
+
+
@@ -441,6 +474,15 @@
HTTP/3
+
+
HTTPS
+
+ Caddy's flagship feature is enabling HTTPS automatically and by default. You can control how it works or disable aspects: HTTP redirects, certificate management, certain hostnames, etc.
+
+
+ Automatic
+
+
Listen interfaces
@@ -486,6 +528,42 @@
Default for HTTP/2
+
+
Error handling
+
+ Caddy gives you full control over handling errors to give you clients the best/desired experience.
+
+
+ Custom error routes
+
+
+
+
TLS termination
+
+ Terminate TLS (formerly "SSL") with sensible defaults that you can customize to give you fine-grained control over TLS handshakes. You can assign policies to clients based on various factors such as ServerName (SNI) or remote IP.
+
+
+ - TLS 1.2
+ - TLS 1.3
+ - Client authentication (TLS mutual auth)
+ - Client auth modes: request, require, verify if given, require and verify
+ - Cipher suites
+ - Curves
+ - ALPN
+ - Limit protocol versions
+ - Default SNI
+ - Fallback SNI
+
+
+
+
Cross-site security
+
+ Caddy often serves multiple sites on the same socket, so Caddy automatically enables protections to keep your sites safe if any of them have TLS client auth enabled.
+
+
+ Verification that TLS ServerName and HTTP Host header match
+
+
diff --git a/new/resources/css/common.css b/new/resources/css/common.css
index 3778796..a8201a0 100644
--- a/new/resources/css/common.css
+++ b/new/resources/css/common.css
@@ -29,6 +29,7 @@
.dark {
--body-bg: #0d171a;
--text-color: #cbe2e4; /* #a4c0c2 */
+ --text-color-muted: #92b2d5;
--header-bg: rgba(44, 130, 164, 0.11);
--header-border-color: transparent;
--topbar-link-color-hover: white;
diff --git a/new/resources/css/features.css b/new/resources/css/features.css
index 65fe8c5..b6b978a 100644
--- a/new/resources/css/features.css
+++ b/new/resources/css/features.css
@@ -45,7 +45,7 @@
.feature-row {
display: grid;
- grid: auto / 1fr 3fr 2fr;
+ grid: auto / 1fr 2fr 1fr;
gap: 2em;
padding: 2em 0;
border-bottom: 2px dashed #a4c8ff25; /* #e6eaf0 */
@@ -88,6 +88,10 @@
/* TODO: Figure this out */
@media (max-width: 800px) {
.feature-row {
- grid: repeat(3, auto) / 1fr;
+ grid: repeat(3,auto) / 1fr 1fr;
+ }
+
+ .feature-row .benefits {
+ grid-area: 2 / 1;
}
}
\ No newline at end of file
diff --git a/new/resources/css/marketing.css b/new/resources/css/marketing.css
index 33cc1f0..c806e0f 100644
--- a/new/resources/css/marketing.css
+++ b/new/resources/css/marketing.css
@@ -186,8 +186,12 @@ section {
color: #82e7ff;
}
+.dark section.gray {
+ background-color: #1b1c1c;
+}
-section.gray {
+section.gray,
+section.light.gray {
background-color: #f5f8f9;
}
@@ -295,7 +299,7 @@ h3.green {
color: #23a460; border-color: #23a460;
}
h3.purple {
- color: rgb(238, 89, 238); border-color: rgb(238, 89, 238);
+ color: rgb(179, 80, 179); border-color: rgb(179, 80, 179);
}
h3.blue {
color: rgb(14, 110, 189); border-color: rgb(14, 110, 189);
@@ -304,10 +308,10 @@ section.dark h3.green {
color: #41e68f; border-color: #41e68f;
}
section.dark h3.purple {
- color: rgb(204, 82, 204); border-color: rgb(204, 82, 204);
+ color: rgb(238, 89, 238); border-color: rgb(238, 89, 238);
}
section.dark h3.blue {
- color: rgb(81, 165, 234); border-color: rgb(81, 165, 234);
+ color: rgb(113, 191, 255); border-color: rgb(113, 191, 255);
}