diff --git a/new/resources/css/features.css b/new/resources/css/features.css
index c440b8c..0792ca0 100644
--- a/new/resources/css/features.css
+++ b/new/resources/css/features.css
@@ -18,3 +18,45 @@
margin-bottom: .5em;
min-width: 200px;
}
+
+.feature-list {
+ font-size: 90%;
+ margin-top: 50px;
+}
+
+.feature-row {
+ display: grid;
+ grid: auto / 1fr 3fr 2fr;
+ gap: 2em;
+ padding: 2em 0;
+ border-bottom: 2px dashed #a4c8ff25; /* #e6eaf0 */
+}
+
+.feature-row .benefits {
+ color: var(--text-color-muted);
+ font-weight: 500;
+}
+
+.feature-row .detail {
+ font-weight: 500;
+}
+
+.feature-row ul.detail {
+ margin-left: 1em;
+}
+
+.feature-row ul li {
+ margin-bottom: .5em;
+}
+
+.feature-row:last-child {
+ border-bottom: none;
+}
+
+
+/* TODO: Figure this out */
+@media (max-width: 800px) {
+ .feature-row {
+ grid: repeat(3, auto) / 1fr;
+ }
+}
\ No newline at end of file
diff --git a/new/resources/css/home.css b/new/resources/css/home.css
index e0bfb38..92b7082 100644
--- a/new/resources/css/home.css
+++ b/new/resources/css/home.css
@@ -1,7 +1,3 @@
-h1 {
- -webkit-text-fill-color: inherit;
-}
-
.bgtext,
.demobox {
font-family: Poppins, ui-rounded;
@@ -22,6 +18,11 @@ h1 {
text-align: left;
text-transform: uppercase;
margin-bottom: 0;
+
+ background-image: unset;
+ -webkit-background-clip: unset;
+ background-clip: unset;
+ -webkit-text-fill-color: unset;
}
h1 .color-dodge {
@@ -33,7 +34,6 @@ h1 .the {
line-height: 1;
}
-
h1 .subheading {
margin-top: .75em;
}
diff --git a/new/resources/css/marketing.css b/new/resources/css/marketing.css
index bfb9651..2cb2785 100644
--- a/new/resources/css/marketing.css
+++ b/new/resources/css/marketing.css
@@ -18,7 +18,7 @@ h1 {
line-height: .9;
margin-bottom: 1em;
- background: linear-gradient(to right, #47E27C 25%, #4ED3FB 75%);
+ background-image: linear-gradient(to right, #47E27C 25%, #4ED3FB 75%);
-webkit-background-clip: text;
background-clip: text;
-webkit-text-fill-color: transparent;
@@ -28,12 +28,15 @@ h1 .subheading {
margin: 2em auto 0;
margin-top: 2em;
text-transform: none;
- color: #b1fffe;
font-size: 42px;
font-weight: normal;
line-height: 1.3;
font-family: Figtree;
max-width: 850px;
+
+ --subheading-color: #b1fffe;
+ color: var(--subheading-color);
+ -webkit-text-fill-color: var(--subheading-color);
}
h1 .subheading b {
@@ -55,7 +58,7 @@ h2 {
}
.feature h2:not(:first-child) {
- margin-top: 150px;
+ margin-top: 175px;
}
@@ -168,7 +171,7 @@ h2 {
section {
padding: 200px 0;
- background: white;
+ background: var(--body-bg);
color: var(--text-color);
}
diff --git a/new/sponsor.html b/new/sponsor.html
index 0569561..1981d25 100644
--- a/new/sponsor.html
+++ b/new/sponsor.html
@@ -407,7 +407,7 @@
- The ultimate plan to support extensive use of Caddy and keep your business online and profitable.
+ The ultimate plan to support the Caddy project, and the ONLY one that does not rely on other sponsors.
⚠️ Only 1 available.