diff --git a/new/features.html b/new/features.html index 1eda55a..0e3ac56 100644 --- a/new/features.html +++ b/new/features.html @@ -22,7 +22,7 @@ -
+

Overview @@ -36,15 +36,54 @@

High-level technical specifications

-
-
+
+

Language

+
+ The language choice is crucial for a web server. Most servers (NGINX, Apache, HAProxy, etc.) and their dependencies are written in C, which are vulnerable to catastrophic memory safety bugs like Heartbleed. Go programs like Caddy are impervious to a whole class of security vulnerabilities. +
+
+ Go +
-
- 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. +
+

Build artifacts

+
+ Caddy compiles directly to native CPU instructions. There is no interpreter required; and many instructions are architecture-optimized. +
+
+ Platform-native static binary +
-
- Go +
+

Runtime dependencies

+
+ Caddy is statically compiled. Dynamically-linked applications can easily break in production and may be less secure as shared executable resources are loaded from various places around the system. Generally, Caddy binaries do not necessarily require external libraries — not even libc. +
+
+ None +
+
+
+

Compile time

+
+ On consumer hardware, standard Caddy builds compile in just a few seconds. This is crucial for rapid iteration, plugin development, and low-cost deployments. +
+
+ 5 seconds +
+
+
+

Deployment environments

+
+ Caddy can go practically anywhere and be deployed a variety of ways. +
+
    +
  • System service
  • +
  • Command line interface
  • +
  • Containers
  • +
  • Kubernetes
  • +
diff --git a/new/index.html b/new/index.html index 484f194..348b45a 100644 --- a/new/index.html +++ b/new/index.html @@ -179,7 +179,7 @@
-
+

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.