diff --git a/new/features.html b/new/features.html
index 3cd2274..1eda55a 100644
--- a/new/features.html
+++ b/new/features.html
@@ -33,55 +33,31 @@
Caddy sports a powerful and flexible HTTP reverse proxy, on-line configuration API, and a robust, production-ready static file server, and serves all sites over HTTPS by default with automagic TLS certificates.
+
+
-
Dynamically provision certificates
-
- With On-Demand TLS, only Caddy obtains, renews, and maintains certificates on-the-fly during TLS handshakes. Perfect for customer-owned domains.
-
+
Language
-
Dynamically provision certificates
-
- With On-Demand TLS, only Caddy obtains, renews, and maintains certificates on-the-fly during TLS handshakes. Perfect for customer-owned domains.
-
+ The language choice is crucial for a web server. Most servers (NGINX, Apache, HAProxy, etc.) are written in C, which are vulnerable to catastrophic memory safety bugs.
-
Dynamically provision certificates
-
- With On-Demand TLS, only Caddy obtains, renews, and maintains certificates on-the-fly during TLS handshakes. Perfect for customer-owned domains.
-
+ Go
-
-
- Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
- Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet.
-
-
-
-
Dynamically provision certificates
-
- With On-Demand TLS, only Caddy obtains, renews, and maintains certificates on-the-fly during TLS handshakes. Perfect for customer-owned domains.
-
+
diff --git a/new/resources/css/features.css b/new/resources/css/features.css
index da293ac..c440b8c 100644
--- a/new/resources/css/features.css
+++ b/new/resources/css/features.css
@@ -1,4 +1,20 @@
.hero-content {
margin-bottom: 0;
padding-bottom: 50px;
-}
\ No newline at end of file
+}
+
+.datagrid {
+ display: flex;
+ flex-wrap: wrap;
+ gap: 2em;
+ margin-top: 50px;
+}
+
+.datagrid h4 {
+ color: #668591;
+ font-size: 12px;
+ text-transform: uppercase;
+ letter-spacing: 1px;
+ margin-bottom: .5em;
+ min-width: 200px;
+}
diff --git a/new/resources/css/home.css b/new/resources/css/home.css
index d79a4c7..e0bfb38 100644
--- a/new/resources/css/home.css
+++ b/new/resources/css/home.css
@@ -1,3 +1,7 @@
+h1 {
+ -webkit-text-fill-color: inherit;
+}
+
.bgtext,
.demobox {
font-family: Poppins, ui-rounded;
@@ -196,6 +200,9 @@ div.ap-wrapper:fullscreen div.ap-player {
font-weight: normal;
font-size: 18px;
margin-bottom: 2em;
+ border-left: 0;
+ margin-left: 0;
+ padding-left: 0;
}
.sponsor-logos {
@@ -288,7 +295,7 @@ div.ap-wrapper:fullscreen div.ap-player {
background: white;
max-width: 1600px;
margin: -350px auto 0;
- padding: 50px 100px 0;
+ padding: 50px 50px 0;
border-radius: 20px;
z-index: 0;
position: relative;
diff --git a/new/resources/css/marketing.css b/new/resources/css/marketing.css
index f1e6388..bfb9651 100644
--- a/new/resources/css/marketing.css
+++ b/new/resources/css/marketing.css
@@ -55,7 +55,7 @@ h2 {
}
.feature h2:not(:first-child) {
- margin-top: 100px;
+ margin-top: 150px;
}
@@ -238,12 +238,14 @@ section.gray {
}
+.cols, h3 {
+ --gap: 50px;
+}
.cols {
display: flex;
flex-wrap: wrap;
justify-content:space-around;
- --gap: 50px;
gap: var(--gap);
color: #424242;
margin-top: 4em;
@@ -263,7 +265,7 @@ section.dark .cols {
min-width: 450px;
}
-.col h3 {
+h3 {
font-weight: 600;
font-size: 20px;
border-left: 2px solid;
@@ -276,17 +278,17 @@ section.dark .cols {
padding-left: calc(1em - 2px);
}
-.col p + h3 {
+p + h3 {
margin-top: var(--gap);
}
-.col h3.plain {
+h3.plain {
border-left: none;
margin-left: 0;
padding-left: 0;
}
-.hero .col h3 {
+.hero h3 {
color: white;
}
@@ -301,22 +303,22 @@ section.dark .cols {
color: rgb(255 255 255 / .8);
}
-.col .green {
+h3.green {
color: #23a460; border-color: #23a460;
}
-.col .purple {
+h3.purple {
color: rgb(151, 39, 151); border-color: rgb(151, 39, 151);
}
-.col .blue {
+h3.blue {
color: rgb(14, 110, 189); border-color: rgb(14, 110, 189);
}
-section.dark .col .green {
+section.dark h3.green {
color: #41e68f; border-color: #41e68f;
}
-section.dark .col .purple {
+section.dark h3.purple {
color: rgb(204, 82, 204); border-color: rgb(204, 82, 204);
}
-section.dark .col .blue {
+section.dark h3.blue {
color: rgb(81, 165, 234); border-color: rgb(81, 165, 234);
}
@@ -413,6 +415,9 @@ section.dark .col .blue {
color: white;
font-size: 150%;
font-weight: normal;
+ border: none;
+ padding-left: 0;
+ margin-left: 0;
}
.sponsorship-primer p {