From 1b9b80b705a111562150eb32fa1dd8fb03154d66 Mon Sep 17 00:00:00 2001 From: Matthew Holt Date: Fri, 29 Sep 2023 15:28:51 -0600 Subject: [PATCH] Start features page WIP --- new/features.html | 92 +++++++++++++++++++++++++++++++++ new/includes/header.html | 3 ++ new/resources/css/features.css | 4 ++ new/resources/css/home.css | 4 ++ new/resources/css/marketing.css | 8 +-- new/resources/css/sponsor.css | 8 --- 6 files changed, 108 insertions(+), 11 deletions(-) create mode 100644 new/features.html create mode 100644 new/resources/css/features.css diff --git a/new/features.html b/new/features.html new file mode 100644 index 0000000..3cd2274 --- /dev/null +++ b/new/features.html @@ -0,0 +1,92 @@ + + + + All features of the Caddy Web Server + {{include "/includes/head.html"}} + + + + +
+ {{include "/includes/header.html" "dark-header"}} + +
+
+

+ All features +
+ You might want to sit down for this. +
+

+
+
+
+ +
+
+

+ Overview +

+

+ Caddy is essentially a configuration management system that can run various apps like an HTTP server, TLS certificate manager, PKI facilities, and more. It can be extended with plugins known as config modules. At the end of the page, we list capabilities that are provided by known, popular plugins. +

+

+ 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. +

+
+
+

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. +

+
+
+

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. +

+
+
+ + +

+ Production-grade static file server +

+

+ 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. +

+
+
+

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. +

+
+
+

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. +

+
+
+
+
+ + + + {{include "/includes/footer.html"}} + + \ No newline at end of file diff --git a/new/includes/header.html b/new/includes/header.html index d59d623..a7bbc7d 100644 --- a/new/includes/header.html +++ b/new/includes/header.html @@ -173,6 +173,9 @@ +
  • + Features +
  • Store
    • diff --git a/new/resources/css/features.css b/new/resources/css/features.css new file mode 100644 index 0000000..da293ac --- /dev/null +++ b/new/resources/css/features.css @@ -0,0 +1,4 @@ +.hero-content { + margin-bottom: 0; + padding-bottom: 50px; +} \ No newline at end of file diff --git a/new/resources/css/home.css b/new/resources/css/home.css index 804e292..d79a4c7 100644 --- a/new/resources/css/home.css +++ b/new/resources/css/home.css @@ -20,6 +20,10 @@ h1 { margin-bottom: 0; } +h1 .color-dodge { + mix-blend-mode: color-dodge; +} + h1 .the { font-size: 75px; line-height: 1; diff --git a/new/resources/css/marketing.css b/new/resources/css/marketing.css index 084e8be..f1e6388 100644 --- a/new/resources/css/marketing.css +++ b/new/resources/css/marketing.css @@ -1,5 +1,6 @@ body { background-color: #123245; + background-image: none; } h1, @@ -16,10 +17,11 @@ h1 { color: #65D1C6; line-height: .9; margin-bottom: 1em; -} -h1 .color-dodge { - mix-blend-mode: color-dodge; + background: linear-gradient(to right, #47E27C 25%, #4ED3FB 75%); + -webkit-background-clip: text; + background-clip: text; + -webkit-text-fill-color: transparent; } h1 .subheading { diff --git a/new/resources/css/sponsor.css b/new/resources/css/sponsor.css index 2f6a994..3828132 100644 --- a/new/resources/css/sponsor.css +++ b/new/resources/css/sponsor.css @@ -1,11 +1,3 @@ -h1 { - color: #4ED3FB; - background: linear-gradient(to right, #47E27C 25%, #4ED3FB 75%); - -webkit-background-clip: text; - background-clip: text; - -webkit-text-fill-color: transparent; -} - p.footnote { margin-top: 2em; font-size: 12px;