diff --git a/web/public/logos/png/aiven-icon.png b/web/public/logos/png/aiven-icon.png new file mode 100644 index 0000000..1348545 Binary files /dev/null and b/web/public/logos/png/aiven-icon.png differ diff --git a/web/public/logos/png/amazonaurora.png b/web/public/logos/png/amazonaurora.png new file mode 100644 index 0000000..657a4f7 Binary files /dev/null and b/web/public/logos/png/amazonaurora.png differ diff --git a/web/public/logos/png/amazonrds.png b/web/public/logos/png/amazonrds.png new file mode 100644 index 0000000..d8d83dd Binary files /dev/null and b/web/public/logos/png/amazonrds.png differ diff --git a/web/public/logos/png/azure.png b/web/public/logos/png/azure.png new file mode 100644 index 0000000..36e233f Binary files /dev/null and b/web/public/logos/png/azure.png differ diff --git a/web/public/logos/png/clickhouse.png b/web/public/logos/png/clickhouse.png new file mode 100644 index 0000000..0e679d1 Binary files /dev/null and b/web/public/logos/png/clickhouse.png differ diff --git a/web/public/logos/png/cloudnativepg-icon.png b/web/public/logos/png/cloudnativepg-icon.png new file mode 100644 index 0000000..f8740d9 Binary files /dev/null and b/web/public/logos/png/cloudnativepg-icon.png differ diff --git a/web/public/logos/png/crunchybridge.png b/web/public/logos/png/crunchybridge.png new file mode 100644 index 0000000..93c46b1 Binary files /dev/null and b/web/public/logos/png/crunchybridge.png differ diff --git a/web/public/logos/png/digitalocean.png b/web/public/logos/png/digitalocean.png new file mode 100644 index 0000000..126186c Binary files /dev/null and b/web/public/logos/png/digitalocean.png differ diff --git a/web/public/logos/png/googlealloydb.png b/web/public/logos/png/googlealloydb.png new file mode 100644 index 0000000..a482955 Binary files /dev/null and b/web/public/logos/png/googlealloydb.png differ diff --git a/web/public/logos/png/googlecloudsql.png b/web/public/logos/png/googlecloudsql.png new file mode 100644 index 0000000..1a8278d Binary files /dev/null and b/web/public/logos/png/googlecloudsql.png differ diff --git a/web/public/logos/png/ibm.png b/web/public/logos/png/ibm.png new file mode 100644 index 0000000..eee0418 Binary files /dev/null and b/web/public/logos/png/ibm.png differ diff --git a/web/public/logos/png/neon.png b/web/public/logos/png/neon.png new file mode 100644 index 0000000..8f59b14 Binary files /dev/null and b/web/public/logos/png/neon.png differ diff --git a/web/public/logos/png/oracle.png b/web/public/logos/png/oracle.png new file mode 100644 index 0000000..a953363 Binary files /dev/null and b/web/public/logos/png/oracle.png differ diff --git a/web/public/logos/png/percona.png b/web/public/logos/png/percona.png new file mode 100644 index 0000000..5ec04d2 Binary files /dev/null and b/web/public/logos/png/percona.png differ diff --git a/web/public/logos/png/planetscale.png b/web/public/logos/png/planetscale.png new file mode 100644 index 0000000..b12055a Binary files /dev/null and b/web/public/logos/png/planetscale.png differ diff --git a/web/public/logos/png/stackgres.png b/web/public/logos/png/stackgres.png new file mode 100644 index 0000000..41384fd Binary files /dev/null and b/web/public/logos/png/stackgres.png differ diff --git a/web/public/logos/png/supabase.png b/web/public/logos/png/supabase.png new file mode 100644 index 0000000..ae960a3 Binary files /dev/null and b/web/public/logos/png/supabase.png differ diff --git a/web/public/logos/png/tiger.png b/web/public/logos/png/tiger.png new file mode 100644 index 0000000..d6412fd Binary files /dev/null and b/web/public/logos/png/tiger.png differ diff --git a/web/public/logos/png/ubicloud.png b/web/public/logos/png/ubicloud.png new file mode 100644 index 0000000..68835e8 Binary files /dev/null and b/web/public/logos/png/ubicloud.png differ diff --git a/web/public/logos/png/yugabyte-icon.png b/web/public/logos/png/yugabyte-icon.png new file mode 100644 index 0000000..8fd19ee Binary files /dev/null and b/web/public/logos/png/yugabyte-icon.png differ diff --git a/web/public/logos/png/zalando.png b/web/public/logos/png/zalando.png new file mode 100644 index 0000000..e6bd0d3 Binary files /dev/null and b/web/public/logos/png/zalando.png differ diff --git a/web/src/pages/index.astro b/web/src/pages/index.astro index 4c86426..9d11d47 100644 --- a/web/src/pages/index.astro +++ b/web/src/pages/index.astro @@ -156,10 +156,12 @@ const cell = (v) => /* * "Runs on" platform wall. Every mark is the REAL official, full-colour brand - * logo, saved under /public/logos/ and rendered as an in its native - * colours — no mask, no recolour. Each logo sits on a subtle neutral chip so - * pure-white (Aiven), pure-dark (PlanetScale) and dark-navy (CloudNativePG) - * marks stay legible on both the parchment-light and deep-dusk-dark themes. + * logo, saved as a high-resolution transparent PNG under /public/logos/png/ + * and rendered as an in its native colours — no mask, no recolour. Each + * logo sits on a subtle neutral chip so pure-white (Aiven), pure-dark + * (PlanetScale) and dark-navy (CloudNativePG) marks stay legible on both the + * parchment-light and deep-dusk-dark themes. Tiger Data gets a dark chip + * (.plat-chip--dark) because its pale-yellow badge vanishes on a light chip. * * Trademark notice: each mark is used nominatively — solely to indicate that * PgQue is compatible with these platforms (they ship pg_cron, so PgQue's @@ -167,9 +169,11 @@ const cell = (v) => * implied; every mark stays the property of its respective owner. Each tile * uses the platform's correct PRODUCT-SPECIFIC official icon (e.g. the RDS * service icon, not the generic AWS logo). Full-colour logo sources: - * amazonrds / amazonaurora — AWS Architecture service icons (official AWS) + * amazonrds / amazonaurora — AWS Architecture-Service-Icons package, the + * current Arch_Amazon-RDS / Arch_Amazon-Aurora 64@5x service icons + * (aws.amazon.com/architecture/icons official zip) * googlecloudsql / googlealloydb — official Google Cloud product icons - * (cloud.google.com/icons → core-products-icons.zip) + * (cloud.google.com/icons → core-products-icons.zip, distinct marks) * azure — Azure "Database for PostgreSQL Server" service icon * (learn.microsoft.com/azure/architecture/icons official package) * supabase / planetscale — gilbarbara/logos (vendor brands) @@ -200,8 +204,8 @@ const platformGroups = [ { name: 'DigitalOcean', logo: 'digitalocean' }, { name: 'PlanetScale', logo: 'planetscale' }, { name: 'Crunchy Bridge', logo: 'crunchybridge' }, - { name: 'Tiger Data', logo: 'tiger' }, - { name: 'ClickHouse Cloud', logo: 'clickhouse' }, + { name: 'Tiger Data', logo: 'tiger', darkChip: true }, + { name: 'ClickHouse Cloud', logo: 'clickhouse', darkChip: true }, { name: 'IBM Cloud', logo: 'ibm' }, { name: 'Oracle OCI', logo: 'oracle' }, { name: 'Ubicloud', logo: 'ubicloud' }, @@ -458,8 +462,8 @@ const platformGroups = [
{g.items.map((p) => (
-
@@ -1102,6 +1106,17 @@ const platformGroups = [ transition: box-shadow 0.18s ease; } .plat-logo { display: block; width: 26px; height: 26px; object-fit: contain; } + /* Tiger Data's badge is a pale yellow circle with a white tiger cutout — + it vanishes on the light neutral chip. Give just that tile a dark chip + so the badge reads clearly in both the light and dark themes. */ + .plat-chip--dark { + background: #1c2230; + border-color: color-mix(in srgb, #1c2230 70%, transparent); + box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.08); + } + .plat-tile:hover .plat-chip--dark { + box-shadow: 0 4px 12px -6px var(--glow), inset 0 0 0 1px rgba(255, 255, 255, 0.08); + } .plat-tile:hover .plat-chip { box-shadow: 0 4px 12px -6px var(--glow), inset 0 0 0 1px rgba(255, 255, 255, 0.5); }