diff --git a/new/index.html b/new/index.html index 80fe7ee..3428a3b 100644 --- a/new/index.html +++ b/new/index.html @@ -12,7 +12,7 @@ - +
{{include "/includes/header.html" "dark-header"}} @@ -47,17 +47,72 @@
+

Sponsored by leaders

-
@@ -92,6 +147,14 @@ With On-Demand TLS, only Caddy obtains, renews, and maintains certificates on-the-fly during TLS handshakes. Perfect for customer-owned domains.

+ +
+

software assurance

+

+ Some text here that explains sponsorships +

+ See sponsorships +
diff --git a/new/resources/css/common.css b/new/resources/css/common.css index 21e0cdf..dc1088f 100644 --- a/new/resources/css/common.css +++ b/new/resources/css/common.css @@ -300,6 +300,12 @@ button.purple, color: white; font-weight: bold; font-size: 90%; + box-shadow: 0 2px 2px rgba(0, 0, 0, 0.25) +} + +button svg, +.button svg { + margin-right: .5em; } diff --git a/new/resources/css/home.css b/new/resources/css/home.css index 64b4b85..ce9d727 100644 --- a/new/resources/css/home.css +++ b/new/resources/css/home.css @@ -320,20 +320,26 @@ div.ap-wrapper:fullscreen div.ap-player { color: #EB5EDD; font-weight: normal; font-size: 18px; - margin-bottom: 1em; + margin-bottom: 2em; } .sponsor-logos { display: flex; - gap: 50px; + column-gap: 50px; + row-gap: 25px; flex-wrap: wrap; align-items: center; justify-content: center; - margin-bottom: 1em; + max-width: 900px; + margin: 1.5em auto; } -.sponsor-logos img { - height: 2em; + +.sponsors-divider { + border-top: 1px solid #634772; + max-width: 200px; + width: 100%; + margin: 0 auto; } @@ -452,7 +458,7 @@ section { } section.dark .cols { - color: #c1ced9; + color: #aec6c3; } .col { @@ -593,6 +599,31 @@ section.light { +.sponsorship-primer { + border-radius: 10px; + background: linear-gradient(50deg, #670d7f, #531cc7); + padding: 40px 50px; + color: #edb7e8; +} + +.sponsorship-primer h3 { + color: white; + font-size: 150%; + font-weight: normal; +} + +.sponsorship-primer p { + margin: 1em 0; + font-weight: normal; +} + +.sponsorship-primer p:last-child { + margin-bottom: 0; +} + + + + footer { padding: 75px 0; font-size: 14px; @@ -645,7 +676,7 @@ footer .link-col a { } footer .link-col a:hover { - color: #c8ecf5; + color: #35655e; } diff --git a/new/resources/images/sponsors/appcove.png b/new/resources/images/sponsors/appcove.png new file mode 100644 index 0000000..7d313e1 Binary files /dev/null and b/new/resources/images/sponsors/appcove.png differ diff --git a/new/resources/images/sponsors/sourcegraph.svg b/new/resources/images/sponsors/sourcegraph.svg new file mode 100644 index 0000000..c324c1c --- /dev/null +++ b/new/resources/images/sponsors/sourcegraph.svg @@ -0,0 +1,77 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +