diff --git a/apps/site/public/partners/cloudflare.svg b/apps/site/public/partners/cloudflare.svg new file mode 100644 index 0000000..3dcd5c5 --- /dev/null +++ b/apps/site/public/partners/cloudflare.svg @@ -0,0 +1,3 @@ + + + diff --git a/apps/site/src/pages/index.astro b/apps/site/src/pages/index.astro index 88674dd..8b0e1af 100644 --- a/apps/site/src/pages/index.astro +++ b/apps/site/src/pages/index.astro @@ -280,8 +280,24 @@ const agents = [

Cloudflare

-

The main hosted target: Workers, D1, and R2 with private team authentication and isolated content domains. Cloudflare Artifacts can add Git-backed history per project.

- Workers · D1 · R2 · Closed beta +

The main hosted target: Workers, D1, and R2 with private team authentication and isolated content domains.

+ Workers · D1 · R2 + + + + In partnership with + + Cloudflare Artifacts + Closed beta + + +
diff --git a/apps/site/src/styles/landing.css b/apps/site/src/styles/landing.css index 4cc88ba..8ab4cbc 100644 --- a/apps/site/src/styles/landing.css +++ b/apps/site/src/styles/landing.css @@ -735,6 +735,80 @@ font-size: 0.6875rem; } +.landing-cloudflare-artifacts { + display: grid; + grid-template-columns: 2rem minmax(0, 1fr) auto; + align-items: center; + gap: 0.75rem; + margin-top: 1.25rem; + padding-top: 1rem; + border-top: 1px solid var(--nb-border); + color: var(--nb-foreground); + text-decoration: none; +} + +.landing-cloudflare-artifacts:hover strong { + text-decoration: underline; + text-decoration-thickness: from-font; + text-underline-offset: 0.18em; +} + +.landing-cloudflare-artifacts__mark { + width: 2rem; + height: 1.6rem; + background: #f38020; + -webkit-mask: url("/partners/cloudflare.svg") center / contain no-repeat; + mask: url("/partners/cloudflare.svg") center / contain no-repeat; +} + +.landing-cloudflare-artifacts__label { + display: flex; + min-width: 0; + flex-direction: column; + gap: 0.25rem; +} + +.landing-cloudflare-artifacts__label small { + color: var(--nb-muted-foreground); + font-family: var(--nb-font-mono); + font-size: 0.5625rem; + font-style: normal; + line-height: 1.2; + text-transform: uppercase; +} + +.landing-cloudflare-artifacts__label > span { + display: flex; + min-width: 0; + align-items: center; + gap: 0.5rem; + flex-wrap: wrap; +} + +.landing-cloudflare-artifacts__label strong { + font-size: 0.8125rem; + font-weight: 600; + line-height: 1.2; +} + +.landing-cloudflare-artifacts__label em { + padding: 0.1875rem 0.35rem; + background: color-mix(in oklch, #f38020 14%, transparent); + color: color-mix(in oklch, #f38020 78%, var(--nb-foreground)); + font-family: var(--nb-font-mono); + font-size: 0.5625rem; + font-style: normal; + font-weight: 600; + line-height: 1; + text-transform: uppercase; +} + +.landing-cloudflare-artifacts > svg { + width: 0.875rem; + height: 0.875rem; + color: var(--nb-muted-foreground); +} + .landing-loop { display: grid; min-height: 40rem;