From a505d8c4820d44f350bb03541c8a650ec5134bd3 Mon Sep 17 00:00:00 2001 From: James Ross Date: Sat, 14 Sep 2024 02:36:33 +0100 Subject: [PATCH] chore: format astro --- src/components/Details.astro | 4 +- src/components/DirectoryListing.astro | 31 +- src/components/GlossaryDefinition.astro | 3 +- src/components/HomepageHero.astro | 4 +- src/components/Markdown.astro | 2 +- .../responses/TextToImageResponses.astro | 2 +- src/components/overrides/Footer.astro | 224 +- src/components/overrides/SkipLink.astro | 6 +- src/pages/plans.astro | 57 +- src/pages/sponsorships.astro | 2071 +++++++++++++---- 10 files changed, 1787 insertions(+), 617 deletions(-) diff --git a/src/components/Details.astro b/src/components/Details.astro index cda88b6dae51ea..2ac10fee8c83bb 100644 --- a/src/components/Details.astro +++ b/src/components/Details.astro @@ -13,6 +13,6 @@ const { header, open } = props.parse(Astro.props); ---
- - + +
diff --git a/src/components/DirectoryListing.astro b/src/components/DirectoryListing.astro index fcbbbdc7e0139d..0349bb9a6181e5 100644 --- a/src/components/DirectoryListing.astro +++ b/src/components/DirectoryListing.astro @@ -27,18 +27,21 @@ pages.sort(sortBySidebarOrder); --- diff --git a/src/components/GlossaryDefinition.astro b/src/components/GlossaryDefinition.astro index 571f80c3d3a80e..9568d38c18d863 100644 --- a/src/components/GlossaryDefinition.astro +++ b/src/components/GlossaryDefinition.astro @@ -20,7 +20,8 @@ if (prepend) { general_definition = prepend.concat(general_definition); } -general_definition = general_definition.charAt(0).toUpperCase() + general_definition.slice(1); +general_definition = + general_definition.charAt(0).toUpperCase() + general_definition.slice(1); --- diff --git a/src/components/HomepageHero.astro b/src/components/HomepageHero.astro index 078b2becf7718a..aaba47b7c610ec 100644 --- a/src/components/HomepageHero.astro +++ b/src/components/HomepageHero.astro @@ -46,7 +46,9 @@ if (image) {
Products - Subscriptions and billing + Subscriptions and billing API Changelog Glossary diff --git a/src/components/Markdown.astro b/src/components/Markdown.astro index 887b00e66fffe4..9d92872f0f91b7 100644 --- a/src/components/Markdown.astro +++ b/src/components/Markdown.astro @@ -5,7 +5,7 @@ import { marked } from "marked"; type Props = z.infer; const props = z.object({ - text: z.string(), + text: z.string(), }); const { text } = props.parse(Astro.props); diff --git a/src/components/models/responses/TextToImageResponses.astro b/src/components/models/responses/TextToImageResponses.astro index bbd663feefa512..a6d8144aaf9064 100644 --- a/src/components/models/responses/TextToImageResponses.astro +++ b/src/components/models/responses/TextToImageResponses.astro @@ -1,3 +1,3 @@

Response

-

The response is a binary PNG file.

\ No newline at end of file +

The response is a binary PNG file.

diff --git a/src/components/overrides/Footer.astro b/src/components/overrides/Footer.astro index dd7de73930fb9e..5b5d76efe94809 100644 --- a/src/components/overrides/Footer.astro +++ b/src/components/overrides/Footer.astro @@ -5,137 +5,139 @@ import OneTrust from "../OneTrust.astro"; import { getEntry } from "astro:content"; let links = { - "Cloudflare Dashboard": "https://dash.cloudflare.com", - Discord: "https://discord.cloudflare.com", - Community: "https://community.cloudflare.com", - "Learning Center": "https://www.cloudflare.com/learning/", - "Support Portal": "/support/contacting-cloudflare-support/", + "Cloudflare Dashboard": "https://dash.cloudflare.com", + Discord: "https://discord.cloudflare.com", + Community: "https://community.cloudflare.com", + "Learning Center": "https://www.cloudflare.com/learning/", + "Support Portal": "/support/contacting-cloudflare-support/", }; const currentSection = Astro.params.slug?.split("/")[0]; if (currentSection) { - const product = await getEntry("products", currentSection); + const product = await getEntry("products", currentSection); - if (product) { - if (product.data.resources?.dashboard_link) { - links["Cloudflare Dashboard"] = product.data.resources.dashboard_link; - } - } + if (product) { + if (product.data.resources?.dashboard_link) { + links["Cloudflare Dashboard"] = product.data.resources.dashboard_link; + } + } } const homepageLinks = Object.entries({ - "Stay in touch": [ - { text: "GitHub", href: "https://github.com/cloudflare" }, - { text: "Discord", href: "https://discord.cloudflare.com/" }, - ], - Resources: [ - { text: "API", href: "/api/" }, - { - text: "New to Cloudflare?", - href: "/fundamentals/", - }, - { text: "Products", href: "/products/" }, - { - text: "Sponsorships", - href: "/sponsorships/", - }, - { text: "Open Source", href: "https://github.com/cloudflare" }, - ], - Support: [ - { text: "Help Center", href: "https://support.cloudflare.com/" }, - { text: "System Status", href: "https://www.cloudflarestatus.com/" }, - { - text: "Compliance", - href: "https://www.cloudflare.com/trust-hub/compliance-resources/", - }, - { text: "GDPR", href: "https://www.cloudflare.com/trust-hub/gdpr/" }, - ], - "What we do": [ - { text: "Our Team", href: "https://www.cloudflare.com/people/" }, - { text: "Careers", href: "https://www.cloudflare.com/careers/" }, - ], - Tools: [ - { text: "Cloudflare Radar", href: "https://radar.cloudflare.com/" }, - { text: "Speed Test", href: "https://speed.cloudflare.com/" }, - { text: "Is BGP Safe Yet?", href: "https://isbgpsafeyet.com/" }, - { text: "RPKI Toolkit", href: "https://rpki.cloudflare.com/" }, - { text: "Certificate Transparency", href: "https://ct.cloudflare.com/" }, - ], + "Stay in touch": [ + { text: "GitHub", href: "https://github.com/cloudflare" }, + { text: "Discord", href: "https://discord.cloudflare.com/" }, + ], + Resources: [ + { text: "API", href: "/api/" }, + { + text: "New to Cloudflare?", + href: "/fundamentals/", + }, + { text: "Products", href: "/products/" }, + { + text: "Sponsorships", + href: "/sponsorships/", + }, + { text: "Open Source", href: "https://github.com/cloudflare" }, + ], + Support: [ + { text: "Help Center", href: "https://support.cloudflare.com/" }, + { text: "System Status", href: "https://www.cloudflarestatus.com/" }, + { + text: "Compliance", + href: "https://www.cloudflare.com/trust-hub/compliance-resources/", + }, + { text: "GDPR", href: "https://www.cloudflare.com/trust-hub/gdpr/" }, + ], + "What we do": [ + { text: "Our Team", href: "https://www.cloudflare.com/people/" }, + { text: "Careers", href: "https://www.cloudflare.com/careers/" }, + ], + Tools: [ + { text: "Cloudflare Radar", href: "https://radar.cloudflare.com/" }, + { text: "Speed Test", href: "https://speed.cloudflare.com/" }, + { text: "Is BGP Safe Yet?", href: "https://isbgpsafeyet.com/" }, + { text: "RPKI Toolkit", href: "https://rpki.cloudflare.com/" }, + { text: "Certificate Transparency", href: "https://ct.cloudflare.com/" }, + ], }); const homepageLegalLinks = Object.entries({ - "Privacy Policy": "https://www.cloudflare.com/privacypolicy/", - "Terms of Use": "https://www.cloudflare.com/website-terms/", - "Report Security Issues": "https://www.cloudflare.com/disclosure/", - Trademark: "https://www.cloudflare.com/trademark/", + "Privacy Policy": "https://www.cloudflare.com/privacypolicy/", + "Terms of Use": "https://www.cloudflare.com/website-terms/", + "Report Security Issues": "https://www.cloudflare.com/disclosure/", + Trademark: "https://www.cloudflare.com/trademark/", }); const isHomepage = - Astro.props.siteTitleHref === "/" && Astro.props.id === ".md"; + Astro.props.siteTitleHref === "/" && Astro.props.id === ".md"; let isProduction = false; -if (import.meta.env.CF_PAGES_BRANCH === "production" || import.meta.env.GITHUB_REF_NAME === "production") { - isProduction = true; +if ( + import.meta.env.CF_PAGES_BRANCH === "production" || + import.meta.env.GITHUB_REF_NAME === "production" +) { + isProduction = true; } --- { - isHomepage ? ( - <> -
- {homepageLinks.map(([header, links]) => ( -
- {header} - -
- ))} -
-
-
    -
  • © 2024 Cloudflare, Inc.
    • - {homepageLegalLinks.map(([text, href]) => ( -
  • - - {text} - -
    • - ))} - {isProduction && } - -
-
- - ) : ( - <> - -
- {Object.entries(links).map(([text, href]) => ( - - {text} - - ))} - {isProduction && -
- -
- } -
- - ) + isHomepage ? ( + <> +
+ {homepageLinks.map(([header, links]) => ( +
+ {header} + +
+ ))} +
+
+
    +
  • © 2024 Cloudflare, Inc.
    • + {homepageLegalLinks.map(([text, href]) => ( +
  • + + {text} + +
    • + ))} + {isProduction && } +
+
+ + ) : ( + <> + +
+ {Object.entries(links).map(([text, href]) => ( + + {text} + + ))} + {isProduction && ( +
+ +
+ )} +
+ + ) } diff --git a/src/components/overrides/SkipLink.astro b/src/components/overrides/SkipLink.astro index f310bfc21c9fad..37d1a861c38ac1 100644 --- a/src/components/overrides/SkipLink.astro +++ b/src/components/overrides/SkipLink.astro @@ -1,7 +1,7 @@ --- -import type { Props } from '@astrojs/starlight/props'; -import Default from '@astrojs/starlight/components/SkipLink.astro'; +import type { Props } from "@astrojs/starlight/props"; +import Default from "@astrojs/starlight/components/SkipLink.astro"; --- - \ No newline at end of file + diff --git a/src/pages/plans.astro b/src/pages/plans.astro index 136c7ad65ae76f..d44c58f87c9313 100644 --- a/src/pages/plans.astro +++ b/src/pages/plans.astro @@ -3,11 +3,22 @@ import StarlightPage from "@astrojs/starlight/components/StarlightPage.astro"; import { ProductFeatures } from "~/components"; --- - - -

A feature-level companion to our Plans and Pricing page

-

(may not include all features)

+ +

+ A feature-level companion to our Plans and Pricing page +

+

+ (may not include all features) +

Account

@@ -96,12 +107,32 @@ import { ProductFeatures } from "~/components";

Missing features

-

This page is meant to be a companion to our Plans and Pricing page, but is not meant to be comprehensive. In the event of any inconsistency between this page and the Plans and Pricing page, the Plans and Pricing page controls.

-

Refer to the following locations for more information:

- - +

+ This page is meant to be a companion to our Plans and Pricing page, but is not meant to be comprehensive. In the event of any inconsistency + between this page and the Plans and Pricing page, the Plans and Pricing page + controls. +

+

Refer to the following locations for more information:

+ diff --git a/src/pages/sponsorships.astro b/src/pages/sponsorships.astro index 6b51a4c616fe79..c0644899bda217 100644 --- a/src/pages/sponsorships.astro +++ b/src/pages/sponsorships.astro @@ -3,527 +3,1658 @@ import StarlightPage from "@astrojs/starlight/components/StarlightPage.astro"; --- - -

Cloudflare powers over 20 million Internet properties, including these world-changing open-source projects.

+

+ Cloudflare powers over 20 million Internet properties, including these + world-changing open-source projects. +

- - - - -

Yarn

- -
-

A package manager for Node that creates a lockfile for dependencies and cache’s packages for future projects.

-
-
- Visit site - Code on GitHub -
+ + + + +

Yarn

+ +
+

+ A package manager for Node that creates a lockfile for dependencies + and cache’s packages for future projects. +

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

Moment.js

- -
-

A library for Parsing, validating, manipulating, and displaying dates and times in JavaScript.

-
-
- Visit site - Code on GitHub -
+ + + + +

Moment.js

+ +
+

+ A library for Parsing, validating, manipulating, and displaying dates + and times in JavaScript. +

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

D3

- -
-

A way to bind data to the DOM, and then apply data-driven transformations to the document.

-
-
- Visit site - Code on GitHub -
+ + + + +

D3

+ +
+

+ A way to bind data to the DOM, and then apply data-driven + transformations to the document. +

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

UNPKG

- -
-

A fast, global Content Delivery Network for everything on npm.

-
-
- Visit site - Code on GitHub -
+ + + + +

UNPKG

+ +
+

A fast, global Content Delivery Network for everything on npm.

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

HTML5 Boilerplate

- -
-

A fast, robust, and adaptable way to create web apps or sites.

-
-
- Visit site - Code on GitHub -
+ + + + +

HTML5 Boilerplate

+ +
+

A fast, robust, and adaptable way to create web apps or sites.

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

cdnjs

- -
-

A free, public Content Delivery Network for popular libraries.

-
-
- Visit site - Code on GitHub -
+ + + + +

cdnjs

+ +
+

A free, public Content Delivery Network for popular libraries.

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

Webpack

- -
-

A module bundler for combining JavaScript files.

-
-
- Visit site - Code on GitHub -
+ + + + +

Webpack

+ +
+

A module bundler for combining JavaScript files.

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

Node.js

- -
-

A JavaScript runtime built on Chrome’s V8 JavaScript engine.

-
-
- Visit site - Code on GitHub -
+ + + + +

Node.js

+ +
+

A JavaScript runtime built on Chrome’s V8 JavaScript engine.

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

React

- -
-

A JavaScript library for building user interfaces created by facebook.

-
-
- Visit site - Code on GitHub -
+ + + + +

React

+ +
+

+ A JavaScript library for building user interfaces created by facebook. +

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

git

- -
-

A version control system that allows millions people across the world to collaborate on coding projects.

-
-
- Visit site - Code on GitHub -
+ + + + +

git

+ +
+

+ A version control system that allows millions people across the world + to collaborate on coding projects. +

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

Kali Linux

- -
-

Kali Linux is an advanced penetration testing Linux distribution.

-
-
- Visit site - Code on GitHub -
+ + + + +

Kali Linux

+ +
+

Kali Linux is an advanced penetration testing Linux distribution.

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

ClickHouse

- -
-

ClickHouse is a free analytics DBMS for big data

-
-
- Visit site - Code on GitHub -
+ + + + +

ClickHouse

+ +
+

ClickHouse is a free analytics DBMS for big data

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

Phalcon

- -
-

Phalcon is a full-stack PHP framework delivered as a C-extension

-
-
- Visit site - Code on GitHub -
+ + + + +

Phalcon

+ +
+

Phalcon is a full-stack PHP framework delivered as a C-extension

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

JsDelivr

- -
-

JsDelivr is a public, open-source CDN (Content Delivery Network) developed by ProspectOne, focused on performance, reliability, and security.

-
-
- Visit site - Code on GitHub -
+ + + + +

JsDelivr

+ +
+

+ JsDelivr is a public, open-source CDN (Content Delivery Network) + developed by ProspectOne, focused on performance, reliability, and + security. +

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

freeCodeCamp

- -
-

An online coding bootcamp that teaches you to code for free.

-
-
- Visit site - Code on GitHub -
+ + + + +

freeCodeCamp

+ +
+

An online coding bootcamp that teaches you to code for free.

+
+
+ Visit site + Code on GitHub +
- +
- - uppy-dog-full-2 - - -

Uppy

- -
-

A sleek, modular file uploader that integrates seamlessly with any application.

-
-
- Visit site - Code on GitHub -
+ + uppy-dog-full-2 + + +

Uppy

+ +
+

+ A sleek, modular file uploader that integrates seamlessly with any + application. +

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

Redux

- -
-

A predictable state container for JavaScript apps. It’s commonly used with React to make state management simple.

-
-
- Visit site - Code on GitHub -
+ + + + +

Redux

+ +
+

+ A predictable state container for JavaScript apps. It’s commonly used + with React to make state management simple. +

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

jQuery

- -
-

The Write Less, Do More, JavaScript Library.

-
-
- Visit site - Code on GitHub -
+ + + + +

jQuery

+ +
+

The Write Less, Do More, JavaScript Library.

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

Select2

- -
-

A jQuery based replacement for select boxes. It supports searching, remote data sets, and infinite scrolling of results.

-
-
- Visit site - Code on GitHub -
+ + + + +

Select2

+ +
+

+ A jQuery based replacement for select boxes. It supports searching, + remote data sets, and infinite scrolling of results. +

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

Gulp

- -
-

A toolkit for automating painful or time-consuming tasks in your development workflow, so you can stop messing around and build something.

-
-
- Visit site - Code on GitHub -
+ + + + +

Gulp

+ +
+

+ A toolkit for automating painful or time-consuming tasks in your + development workflow, so you can stop messing around and build + something. +

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

impress.js

- -
-

A presentation tool made to leverage the power of css3 transforms and transitions.

-
-
- Visit site - Code on GitHub -
+ + + + +

impress.js

+ +
+

+ A presentation tool made to leverage the power of css3 transforms and + transitions. +

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

Express

- -
-

A fast, minimalist web framework for Node.js.

-
-
- Visit site - Code on GitHub -
+ + + + +

Express

+ +
+

A fast, minimalist web framework for Node.js.

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

REVEAL.JS

- -
-

A framework for making powerpoint-like presentations using HTML, CSS and JS.

-
-
- Visit site - Code on GitHub -
+ + + + +

REVEAL.JS

+ +
+

+ A framework for making powerpoint-like presentations using HTML, CSS + and JS. +

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

three.js

- -
-

A JavaScript library used to create and display animated 3D computer graphics in a web browser.

-
-
- Visit site - Code on GitHub -
+ + + + +

three.js

+ +
+

+ A JavaScript library used to create and display animated 3D computer + graphics in a web browser. +

+
+
+ Visit site + Code on GitHub +
- +
- - - - -

Bootstrap

- -
-

A responsive, mobile-first HTML, CSS and JS styling library.

-
-
- Visit site - Code on GitHub -
+ + + + +

Bootstrap

+ +
+

A responsive, mobile-first HTML, CSS and JS styling library.

+
+
+ Visit site + Code on GitHub +
-
+
\ No newline at end of file + .sponsorship-grid { + display: flex; + justify-content: center; + align-items: flex-center; + flex-wrap: wrap; + margin: 0; + } + + @media (max-width: 420px) { + .sponsorship-grid { + margin-left: -1em; + margin-right: -1em; + } + } + + .sponsorship-grid .sponsorship { + display: flex; + flex-flow: column; + width: 16em; + text-align: left; + margin: 0.75em; + background: var(--sl-color-bg-nav); + text-decoration: none; + } + + @media (max-width: 48em) { + .sponsorship-grid .sponsorship { + font-size: 0.8em; + width: 14em; + } + } + + @media (max-width: 420px) { + .sponsorship-grid .sponsorship { + width: auto; + font-size: 0.95em; + } + } + + .sponsorship-grid .sponsorship .sponsorship-icon { + position: relative; + } + + .sponsorship-grid .sponsorship .sponsorship-icon:after { + content: ""; + display: block; + height: 0; + width: 100%; + padding-bottom: 66%; + } + + .sponsorship-grid .sponsorship .sponsorship-icon:hover { + opacity: 0.8; + } + + .sponsorship-grid .sponsorship .sponsorship-icon svg { + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + height: 6em; + width: 6em; + margin: auto; + max-width: 100%; + max-height: 100%; + } + + .sponsorship-grid .sponsorship .sponsorship-title { + display: block; + padding: 0 1.5em; + text-decoration: none; + } + + .sponsorship-grid .sponsorship .sponsorship-title > h3 { + font-weight: 500; + margin: 0; + } + + @media (max-width: 48em) { + .sponsorship-grid .sponsorship .sponsorship-title > h3 { + font-size: 1.25em; + } + } + + .sponsorship-grid .sponsorship .sponsorship-title:not(:hover) { + color: inherit; + } + + .sponsorship-grid .sponsorship .sponsorship-description { + padding: 0.5em 1.5em; + } + + .sponsorship-grid .sponsorship .sponsorship-description > :last-child { + margin-bottom: 0; + } + + .sponsorship-grid .sponsorship .sponsorship-links { + margin-top: auto; + padding-bottom: 1.125em; + } + + .sponsorship-grid .sponsorship .sponsorship-links > a { + color: #0055dc; + padding: 0.375em 1.5em; + display: block; + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + text-decoration: none; + font-weight: 500; + } + + .sponsorship-grid .sponsorship .sponsorship-links > a:hover { + background: #0055dc; + color: #fff; + } +