diff --git a/.claude/skills/add-sponsor/SKILL.md b/.claude/skills/add-sponsor/SKILL.md index d794ad46..8af5e4d1 100644 --- a/.claude/skills/add-sponsor/SKILL.md +++ b/.claude/skills/add-sponsor/SKILL.md @@ -151,10 +151,13 @@ rsvg-convert -w 800 -b '#0d1117' ~/tmp/badge-darkmode.svg -o ~/tmp/badge-darkmod View both PNGs. The new logo must be visible, in proportion with its neighbors, and not cut off. A badge route that fails to build usually means `sharp` could not read the SVG, so go back to step 2. Then check `/#supporters` -on the dev server in both themes, using the theme toggle in the header. If the -logo looks too large or small there next to the others, add a Tailwind height -class for it to `nudges` in `src/components/FeaturedSponsors.astro`, keyed by -`name`. +on the dev server in both themes, using the theme toggle in the header, at +desktop and phone width. If the logo looks too large there next to the others, +add padding to its `viewBox` as in step 2 and set `height` to match, which also +shrinks it in the badges. Only a logo that must look larger than its tight +`viewBox` allows gets an entry in `nudges` in +`src/components/FeaturedSponsors.astro`, keyed by `name`, with a height for +phones and one from `sm` up, such as `h-10 sm:h-15`. ## 6. Commit diff --git a/public/logos/apache.svg b/public/logos/apache.svg index a3ca448e..240fdc68 100644 --- a/public/logos/apache.svg +++ b/public/logos/apache.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/public/logos/craft-cms.svg b/public/logos/craft-cms.svg index 657256a0..b6622b89 100644 --- a/public/logos/craft-cms.svg +++ b/public/logos/craft-cms.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/public/logos/dark-lullabot.svg b/public/logos/dark-lullabot.svg index 80363421..d96cc6cf 100644 --- a/public/logos/dark-lullabot.svg +++ b/public/logos/dark-lullabot.svg @@ -1,8 +1,8 @@ + \ No newline at end of file diff --git a/public/logos/lullabot.svg b/public/logos/lullabot.svg index 8d6b71d1..d009dfb7 100644 --- a/public/logos/lullabot.svg +++ b/public/logos/lullabot.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/public/logos/mariadb.svg b/public/logos/mariadb.svg new file mode 100644 index 00000000..54e2fae0 --- /dev/null +++ b/public/logos/mariadb.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/logos/mysql.svg b/public/logos/mysql.svg index 0f7e9ca4..650edc4a 100644 --- a/public/logos/mysql.svg +++ b/public/logos/mysql.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/public/logos/nginx.svg b/public/logos/nginx.svg index 6ec682d3..62508ff1 100644 --- a/public/logos/nginx.svg +++ b/public/logos/nginx.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/public/logos/node.svg b/public/logos/node.svg index 917bc251..9a70e6d1 100644 --- a/public/logos/node.svg +++ b/public/logos/node.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/public/logos/php.svg b/public/logos/php.svg index c9edee57..5d2e755e 100644 --- a/public/logos/php.svg +++ b/public/logos/php.svg @@ -1 +1 @@ - \ No newline at end of file + \ No newline at end of file diff --git a/public/logos/postgresql.svg b/public/logos/postgresql.svg index 1d81fbb9..eff27cc7 100644 --- a/public/logos/postgresql.svg +++ b/public/logos/postgresql.svg @@ -1,4 +1 @@ - + \ No newline at end of file diff --git a/public/logos/redis.svg b/public/logos/redis.svg index d8095e76..251a6d42 100644 --- a/public/logos/redis.svg +++ b/public/logos/redis.svg @@ -1,10 +1 @@ - - - - - - - - - - + \ No newline at end of file diff --git a/public/logos/solr.svg b/public/logos/solr.svg new file mode 100644 index 00000000..f1e01d13 --- /dev/null +++ b/public/logos/solr.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/logos/symfony.svg b/public/logos/symfony.svg new file mode 100644 index 00000000..794d0520 --- /dev/null +++ b/public/logos/symfony.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/public/logos/tag1.svg b/public/logos/tag1.svg index d67c9380..da12930a 100644 --- a/public/logos/tag1.svg +++ b/public/logos/tag1.svg @@ -1,4 +1,4 @@ - + diff --git a/src/components/AppLogos.astro b/src/components/AppLogos.astro index 9cbc66c0..35b74988 100644 --- a/src/components/AppLogos.astro +++ b/src/components/AppLogos.astro @@ -1,34 +1,54 @@ --- /** - * Supported framework names and logos used on the homepage. + * Quickstarts for popular CMSes and frameworks, as named logos, used on the + * homepage: the six project types used most on /usage-stats/, in that order, + * which "App Ready" in Features.astro names in the same order. */ +const QUICKSTART_URL = "https://docs.ddev.com/en/stable/users/quickstart/" + const logos = [ { name: "Drupal", src: "/logos/drupal.svg", quickstart: "drupal", extraClasses: [] }, { name: "WordPress", src: "/logos/wordpress.svg", quickstart: "wordpress", extraClasses: [] }, + { name: "Laravel", src: "/logos/laravel.svg", quickstart: "laravel", extraClasses: ["w-7"] }, { name: "TYPO3", src: "/logos/typo3.svg", quickstart: "typo3", extraClasses: [] }, - { name: "Magento 2", src: "/logos/magento.svg", quickstart: "magento-2",extraClasses: [] }, - { name: "Backdrop", src: "/logos/backdrop.svg", quickstart: "backdrop", extraClasses: [] }, { name: "Craft CMS", src: "/logos/craft.svg", quickstart: "craft-cms", extraClasses: ["w-7"] }, - { name: "Laravel", src: "/logos/laravel.svg", quickstart: "laravel", extraClasses: ["w-7"] }, + { name: "Symfony", src: "/logos/symfony.svg", quickstart: "symfony", extraClasses: [] }, ] --- -
-
-
- { - logos.map((logo) => ( -
- - {`${logo.name} - -
- )) - } -
-
+
+

Quickstarts

+

+ Your CMS or framework, ready to go. +

+

+ Step-by-step setup for these and many more, for new and existing projects. +

+ + + All quickstarts → +
diff --git a/src/components/Benefits.astro b/src/components/Benefits.astro index 59edbdc5..0e5e239f 100644 --- a/src/components/Benefits.astro +++ b/src/components/Benefits.astro @@ -40,13 +40,13 @@ const features = [ ---
-
+
-

Benefits

-

+

Benefits

+

Made for people that make websites. - -

+

+

DDEV handles Docker so you and your team can focus on your work.

diff --git a/src/components/BlogFeatures.astro b/src/components/BlogFeatures.astro index bdfa24d3..834951da 100644 --- a/src/components/BlogFeatures.astro +++ b/src/components/BlogFeatures.astro @@ -14,12 +14,13 @@ const recentPosts = posts .slice(0, 3) --- -
+
-

- Latest Blog Posts -

+

Blog

+

+ Latest from the blog. +

{recentPosts.map((post) => )} diff --git a/src/components/Contributors.astro b/src/components/Contributors.astro index a91bb760..2cebdce8 100644 --- a/src/components/Contributors.astro +++ b/src/components/Contributors.astro @@ -8,30 +8,35 @@ import Sponsors from "./Sponsors.astro" const contributors = await getContributors() --- -
+
-
-

- Our Wonderful Supporters -

+
+

Supporters

+

+ Our wonderful supporters. +

+

+ These organizations and people keep DDEV free and open source.{" "} + Join them. +

-

- Featured Sponsors +

+ Featured Sponsors

-

- GitHub Sponsors +

+ GitHub Sponsors

-

- GitHub Contributors +

+ GitHub Contributors

{ diff --git a/src/components/FeaturedSponsors.astro b/src/components/FeaturedSponsors.astro index bc97fa2a..7836d679 100644 --- a/src/components/FeaturedSponsors.astro +++ b/src/components/FeaturedSponsors.astro @@ -2,20 +2,14 @@ import featuredSponsors from "../featured-sponsors.json" /** - * Sketchy array of classes that should be applied to specific logos - * in this context. Match the name from `featured-sponsors.json` if - * you need to add one. + * Heights for logos that must render larger than the rest, keyed by the name + * in `featured-sponsors.json`, for phones and from `sm` up. A logo that should + * look smaller gets padding in its SVG `viewBox` instead, which the README + * badges also respect. */ const nudges = { - Tag1: "h-9 self-center", // Added self-center to align it vertically - "Oliver Wand": "h-12 w-12", - DrupalEasy: "h-10", - "Redfin Solutions": "h-16 w-16", - MacStadium: "h-15", - Lullabot: "h-9", - "Craft CMS": "h-11", - undpaul: "h-9", - "1xINTERNET": "h-11", + "Redfin Solutions": "h-11 w-11 sm:h-16 sm:w-16", + MacStadium: "h-10 sm:h-15", } // Separate lead sponsors from regular sponsors @@ -36,7 +30,7 @@ regularSponsors.map((sponsor) => {
{leadSponsors.map((sponsor) => ( { {/* Regular Sponsors Section */}
{regularSponsors.map((sponsor) => ( +
-

Features

-

+

Features

+

Running in minutes, ready for the long haul.

-

+

Start new DDEV projects in seconds. Customize, share, and extend with ease.

diff --git a/src/components/RepoCard.astro b/src/components/RepoCard.astro index 1955c705..a043560c 100644 --- a/src/components/RepoCard.astro +++ b/src/components/RepoCard.astro @@ -19,10 +19,10 @@ const repoData = await getRepoDetails(name)
-
+

{name}

-
-
- { - logos.map((logo) => ( - - {`${logo.title} - - )) - } -
+
+

Stack

+

+ Your stack, your versions. +

+

+ Choose PHP and Node.js versions, a database, a web server, and extra + services for each project. +

+
+ { + rows.map((row) => ( +
+ {row.map((logo) => ( + + {logo.title} + + ))} +
+ )) + }
diff --git a/src/pages/index.astro b/src/pages/index.astro index d8038588..405f3736 100644 --- a/src/pages/index.astro +++ b/src/pages/index.astro @@ -33,9 +33,18 @@ const jsonUrl = new URL(`/blog/feed.json`, Astro.site).toString()
-
+
+
+

Repositories

+

+ Explore the code. +

+

+ DDEV and its tools are developed in the open on GitHub. +

+