+ Access development support for Graphile projects through the Private
+ Advisor tier, giving your organization access to the knowledge and
+ experience of the Graphile team for any issues you have with{" "}
+ PostGraphile, Grafast and the wider Graphile suite, and other tools in
+ the ecosystem such as TypeScript, SQL, Node.js, GraphQL and more. If
+ you’re running any of the Graphile tools, you won’t find anyone more
+ qualified to help.
+
+
+
All the benefits of a Featured Sponsor and...
+
One-to-one access to the Graphile team throughout the year
+
+ Priority support straight from the maintainer
+
+
+ Add the Graphile team to your chat server for timely responses
+
+
Add the Graphile team to your GitHub/GitLab organization
+
Reference your code verbatim
+
Calls arranged as required
+
NDA available
+
+ Access to discounted consultancy packages
+
+
+ The warm feeling that comes from knowing{" "}
+
+ you’re making a significant difference to PostGraphile’s
+ development and sustainability
+
+
+
+ );
+}
diff --git a/website/src/components/TiersPlus/styles.module.css b/website/src/components/TiersPlus/styles.module.css
new file mode 100644
index 00000000..15bad4c9
--- /dev/null
+++ b/website/src/components/TiersPlus/styles.module.css
@@ -0,0 +1,159 @@
+.tiers {
+ display: flex;
+ width: 100%;
+ flex-direction: column;
+}
+
+.tierRow {
+ justify-content: center;
+ gap: 2rem;
+ display: flex;
+ flex-direction: column;
+}
+
+.tier {
+ display: flex;
+ flex-direction: column;
+ flex: 0 0 75%;
+ justify-content: flex-start;
+ align-items: flex-start;
+ font-weight: normal;
+ font-size: 0.9rem;
+ margin: 0.5rem;
+ padding: 1rem;
+ border: 2px solid var(--ifm-color-primary-darker);
+ border-radius: 12px;
+}
+
+[data-theme="dark"] .tier {
+ border: 2px solid var(--ifm-color-primary);
+}
+
+.banner {
+ display: flex;
+ width: 100%;
+ flex: 0 0 33%;
+ justify-content: space-between;
+}
+
+.info {
+ display: flex;
+ flex-direction: column;
+ justify-content: flex-start;
+ align-items: flex-start;
+}
+
+.title {
+ color: var(--ifm-color-primary-darker);
+}
+
+.note {
+ font-size: 0.8rem;
+ color: var(--ifm-color-primary-darker);
+ font-weight: var(--ifm-font-weight-base);
+}
+
+[data-theme="dark"] .title,
+[data-theme="dark"] .note {
+ color: var(--ifm-color-primary);
+}
+
+.tagline {
+ font-weight: var(--ifm-heading-font-weight);
+}
+
+.price {
+ font-weight: bold;
+}
+
+.was {
+ color: var(--ifm-color-gray-400);
+ text-decoration: line-through;
+}
+
+[data-theme="dark"] .was {
+ color: var(--ifm-color-gray-700);
+}
+
+.description {
+ font-size: 1rem;
+ padding: 0.5rem 0 0.5rem 0;
+}
+
+.button {
+ width: 100%;
+ margin: 0 0 1rem 0;
+}
+
+.tier .button {
+ background-color: var(--ifm-color-primary-darker);
+ border-color: var(--ifm-color-primary-darker);
+}
+
+.tier .button:hover {
+ background-color: var(--ifm-color-primary-darkest);
+ border-color: var(--ifm-color-primary-darkest);
+}
+
+[data-theme="dark"] .tier .button {
+ background-color: var(--ifm-color-primary);
+ border-color: var(--ifm-color-primary);
+}
+
+[data-theme="dark"] .tier .button:hover {
+ border: 1px solid var(--ifm-color-primary-lightest);
+ background-color: var(--ifm-color-primary-lightest);
+}
+
+.borderbutton {
+ composes: button;
+}
+
+.tier:nth-child(n) .borderbutton {
+ background-color: transparent;
+ border: 1px solid var(--ifm-color-primary-darker);
+ color: var(--ifm-color-primary-darker);
+}
+
+.tier:nth-child(n) .borderbutton:hover {
+ border: 1px solid var(--ifm-color-primary-darkest);
+ color: var(--ifm-color-primary-darkest);
+}
+
+[data-theme="dark"] .tier:nth-child(n) .borderbutton {
+ border: 1px solid var(--ifm-color-primary-lightest);
+ color: var(--ifm-color-primary-lightest);
+}
+
+[data-theme="dark"] .tier:nth-child(n) .borderbutton:hover {
+ border: 1px solid var(--ifm-color-primary);
+ color: var(--ifm-color-primary);
+ background-color: transparent;
+}
+
+.button:before {
+ content: "Join on GitHub Sponsors";
+}
+
+.borderbutton:before {
+ content: "Contact for bespoke service";
+}
+
+@media screen and (max-width: 1200px) {
+ .tierRow {
+ flex-direction: column;
+ }
+ .tier {
+ font-size: 1rem;
+ margin: 0;
+ }
+ .banner {
+ flex-direction: column;
+ }
+ .button:before {
+ content: "GitHub Sponsors";
+ }
+ .borderbutton:before {
+ content: "Contact";
+ }
+}
diff --git a/website/src/pages/sponsors.mdx b/website/src/pages/sponsors.mdx
index 48a9e5aa..5df81721 100644
--- a/website/src/pages/sponsors.mdx
+++ b/website/src/pages/sponsors.mdx
@@ -7,6 +7,8 @@ import Sponsor from "@site/src/components/Sponsor";
import Sponsors from "@site/src/components/Sponsors";
import SponsorButtons from "@site/src/components/SponsorButtons";
import Link from "@docusaurus/Link";
+import TierList from "@site/src/components/Tiers";
+import TierPlusList from "@site/src/components/TiersPlus";
## Sponsor Graphile’s Open Source Software
@@ -83,3 +85,30 @@ the rate of fixes, documentation improvements, and feature development on these
and other projects.
+
+## Why are Graphile projects “crowd-funded open-source”?
+
+Many of our projects are open-source to give users great freedom in how they use
+the software, and to enable the community to have influence over how the
+projects progress to make it appropriate for a wide range of use-cases. To
+ensure users can rely on these projects for years to come, they need to be well
+directed and financially sustainable.
+
+**The best way to ensure that Graphile software is something you can depend on
+for years to come is through monthly sponsorship.** Crowd-sourced funding
+enables us to spend the most time directly working on improving the software,
+which you and other users then benefit from.
+
+## Sponsor tiers & benefits
+
+As well as ensuring the sustainability and longevity of PostGraphile and the
+wider Graphile suite of developer tooling, sponsorship also gives you or your
+company some additional benefits such as access to security announcements and
+being featured in the README files Graphile’s main open source projects. Choose
+the tier which matches your funding goal, higher tiers come with more benefits.
+
+
+
+## Development Support
+
+
From d5f3fdf5c81523e3b33f7a19a9596d6c851c4418 Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Wed, 23 Jul 2025 15:40:05 +0100
Subject: [PATCH 05/15] Tweak wording for Worker
---
website/src/components/Tiers/index.js | 22 +++++++---------------
website/src/components/TiersPlus/index.js | 6 +++---
website/src/pages/sponsors.mdx | 7 ++++---
3 files changed, 14 insertions(+), 21 deletions(-)
diff --git a/website/src/components/Tiers/index.js b/website/src/components/Tiers/index.js
index 083bdebb..dd6c1ec8 100644
--- a/website/src/components/Tiers/index.js
+++ b/website/src/components/Tiers/index.js
@@ -19,11 +19,8 @@ const TierList = [
Graphile Sponsors page
{" "}
-
- Your name among those randomly featured in the PostGraphile CLI
-
Post job opportunities to our Discord community
-
PostGraphile stickers
+
Graphile Worker stickers
Access to the #supporter-lounge on Discord
The warm feeling from knowing you’re supporting Open Source Software
@@ -46,7 +43,10 @@ const TierList = [
Access to private security announcements
- Free access to PostGraphile V4 Pro
+ Free access to{" "}
+
+ Worker Pro
+
Access to{" "}
@@ -58,13 +58,9 @@ const TierList = [
Your name and avatar/logo featured on our websites,
including this one
-
- Your name more frequently featured in the
- PostGraphile CLI
-
The warm feeling that comes from knowing you’re making a difference
- to PostGraphile’s development and sustainability
+ to Graphile Worker’s development and sustainability
@@ -91,10 +87,6 @@ const TierList = [
Your name and avatar/logo prominently featured on
our websites
-
- Your name even more frequently featured in the
- PostGraphile CLI
-
Access to #vip-lounge on Discord
@@ -107,7 +99,7 @@ const TierList = [
The warm feeling that comes from knowing{" "}
- you’re making a significant difference to PostGraphile’s
+ you’re making a significant difference to Graphile Worker’s
development and sustainability
Access development support for Graphile projects through the Private
Advisor tier, giving your organization access to the knowledge and
- experience of the Graphile team for any issues you have with{" "}
- PostGraphile, Grafast and the wider Graphile suite, and other tools in
+ experience of the Graphile team for any issues you have with Graphile
+ Worker, PostGraphile and the wider Graphile suite, and other tools in
the ecosystem such as TypeScript, SQL, Node.js, GraphQL and more. If
you’re running any of the Graphile tools, you won’t find anyone more
qualified to help.
@@ -44,7 +44,7 @@ const TierList = [
The warm feeling that comes from knowing{" "}
- you’re making a significant difference to PostGraphile’s
+ you’re making a significant difference to Graphile Worker’s
development and sustainability
diff --git a/website/src/pages/sponsors.mdx b/website/src/pages/sponsors.mdx
index 5df81721..35b25e88 100644
--- a/website/src/pages/sponsors.mdx
+++ b/website/src/pages/sponsors.mdx
@@ -101,11 +101,12 @@ which you and other users then benefit from.
## Sponsor tiers & benefits
-As well as ensuring the sustainability and longevity of PostGraphile and the
+As well as ensuring the sustainability and longevity of Graphile Worker and the
wider Graphile suite of developer tooling, sponsorship also gives you or your
company some additional benefits such as access to security announcements and
-being featured in the README files Graphile’s main open source projects. Choose
-the tier which matches your funding goal, higher tiers come with more benefits.
+being featured in the README files of Graphile’s main open source projects.
+Choose the tier which matches your funding goal, higher tiers come with more
+benefits.
From 44e6711458c3a0ce1b5cdc8f960bee558cd17dbd Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Thu, 24 Jul 2025 11:12:55 +0100
Subject: [PATCH 06/15] Update pricing
---
website/src/pages/pricing.mdx | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/website/src/pages/pricing.mdx b/website/src/pages/pricing.mdx
index ea55480b..3e88ae9a 100644
--- a/website/src/pages/pricing.mdx
+++ b/website/src/pages/pricing.mdx
@@ -507,7 +507,7 @@ offer ends; saving you a minimum of $1300 over the regular price of $100 /month.
From{" "}
- $1,500/mo USD
+ $999/mo USD
@@ -636,5 +636,5 @@ CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
```
- Last reviewed: 20th September 2024
+ Last reviewed: July 2025
From 9ef9463ac51f9360313c52377066d716e2673be1 Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Thu, 24 Jul 2025 11:21:49 +0100
Subject: [PATCH 07/15] Update pricing
---
website/src/pages/pricing.mdx | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/website/src/pages/pricing.mdx b/website/src/pages/pricing.mdx
index 3e88ae9a..3fe2ca91 100644
--- a/website/src/pages/pricing.mdx
+++ b/website/src/pages/pricing.mdx
@@ -85,7 +85,7 @@ offer ends; saving you a minimum of $1300 over the regular price of $100 /month.
One-to-one access to the Graphile team throughout the year
+
+ Priority support straight from the maintainer
+
+
+ Add the Graphile team to your chat server for timely responses
+
+
Add the Graphile team to your GitHub/GitLab organization
+
Reference your code verbatim
+
Calls arranged as required
+
NDA available
+
+ Access to discounted consultancy packages
+
+
+ The warm feeling that comes from knowing{" "}
+
+ you’re making a significant difference to Graphile Worker’s
+ development and sustainability
+
+
+
+
+ ),
+ },
+ {
+ title: "Annual Plan",
+ tagline: "Maximum savings with full year commitment",
+ pricing: "$9,999",
+ was: "$11,988",
+ link: "mailto:team@graphile.com?subject=Private%20Advisor%20enquiry",
+ buttonText: "",
+ frequency: "per year",
+ comparison: "That's just $833.25/month",
+ badge: "Best Value - Save $1,999 ",
+ featured: true,
description: (
<>
-
- Access development support for Graphile projects through the Private
- Advisor tier, giving your organization access to the knowledge and
- experience of the Graphile team for any issues you have with Graphile
- Worker, PostGraphile and the wider Graphile suite, and other tools in
- the ecosystem such as TypeScript, SQL, Node.js, GraphQL and more. If
- you’re running any of the Graphile tools, you won’t find anyone more
- qualified to help.
-
All the benefits of a Featured Sponsor and...
One-to-one access to the Graphile team throughout the year
);
diff --git a/website/src/components/TiersPlus/styles.module.css b/website/src/components/TiersPlus/styles.module.css
index 15bad4c9..4ab2b5cd 100644
--- a/website/src/components/TiersPlus/styles.module.css
+++ b/website/src/components/TiersPlus/styles.module.css
@@ -1,20 +1,20 @@
.tiers {
display: flex;
width: 100%;
- flex-direction: column;
+ flex-direction: row;
}
.tierRow {
justify-content: center;
gap: 2rem;
display: flex;
- flex-direction: column;
}
.tier {
+ position: relative;
display: flex;
flex-direction: column;
- flex: 0 0 75%;
+ flex: 0 0 33%;
justify-content: flex-start;
align-items: flex-start;
font-weight: normal;
@@ -23,6 +23,25 @@
padding: 1rem;
border: 2px solid var(--ifm-color-primary-darker);
border-radius: 12px;
+ &.featured {
+ background-color: #fff4ec;
+ border: 3px solid var(--ifm-color-primary);
+ }
+}
+
+.badge {
+ position: absolute;
+ left: 50%;
+ top: 0%;
+ transform: translate(-50%, -50%);
+ background-color: white;
+ border-radius: calc(infinity * 1px);
+ padding: 0.4rem;
+ .featured & {
+ background-color: var(--ifm-color-primary);
+ color: white;
+ font-weight: bold;
+ }
}
[data-theme="dark"] .tier {
@@ -32,8 +51,8 @@
.banner {
display: flex;
width: 100%;
- flex: 0 0 33%;
justify-content: space-between;
+ flex-direction: column;
}
.info {
@@ -105,38 +124,8 @@
background-color: var(--ifm-color-primary-lightest);
}
-.borderbutton {
- composes: button;
-}
-
-.tier:nth-child(n) .borderbutton {
- background-color: transparent;
- border: 1px solid var(--ifm-color-primary-darker);
- color: var(--ifm-color-primary-darker);
-}
-
-.tier:nth-child(n) .borderbutton:hover {
- border: 1px solid var(--ifm-color-primary-darkest);
- color: var(--ifm-color-primary-darkest);
-}
-
-[data-theme="dark"] .tier:nth-child(n) .borderbutton {
- border: 1px solid var(--ifm-color-primary-lightest);
- color: var(--ifm-color-primary-lightest);
-}
-
-[data-theme="dark"] .tier:nth-child(n) .borderbutton:hover {
- border: 1px solid var(--ifm-color-primary);
- color: var(--ifm-color-primary);
- background-color: transparent;
-}
-
.button:before {
- content: "Join on GitHub Sponsors";
-}
-
-.borderbutton:before {
- content: "Contact for bespoke service";
+ content: "Start Plan";
}
@media screen and (max-width: 1200px) {
@@ -153,7 +142,4 @@
.button:before {
content: "GitHub Sponsors";
}
- .borderbutton:before {
- content: "Contact";
- }
}
diff --git a/website/src/pages/sponsors.mdx b/website/src/pages/sponsors.mdx
index 35b25e88..faf31ae4 100644
--- a/website/src/pages/sponsors.mdx
+++ b/website/src/pages/sponsors.mdx
@@ -112,4 +112,11 @@ benefits.
## Development Support
+Access development support for Graphile projects through the Private Advisor
+tier, giving your organization access to the knowledge and experience of the
+Graphile team for any issues you have with Graphile Worker, PostGraphile and the
+wider Graphile suite, and other tools in the ecosystem such as TypeScript, SQL,
+Node.js, GraphQL and more. If you’re running any of the Graphile tools, you
+won’t find anyone more qualified to help.
+
From e025199515044ecddd819946e121e058e38d6697 Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Wed, 30 Jul 2025 17:57:10 +0100
Subject: [PATCH 09/15] Update TiersPlus to include annual plan
---
website/src/components/TiersPlus/index.js | 80 +++++++++---------
.../components/TiersPlus/styles.module.css | 81 +++++++++++++++----
website/src/pages/sponsors.mdx | 23 ++++++
3 files changed, 129 insertions(+), 55 deletions(-)
diff --git a/website/src/components/TiersPlus/index.js b/website/src/components/TiersPlus/index.js
index 80fe5fbc..f5b9801e 100644
--- a/website/src/components/TiersPlus/index.js
+++ b/website/src/components/TiersPlus/index.js
@@ -11,32 +11,28 @@ const TierList = [
was: "$1,500",
link: "https://github.com/sponsors/benjie/sponsorships?tier_id=42012",
buttonText: "",
- frequency: "per month",
- comparison: "",
+ frequency: "/mo",
+ comparison: "Cancel any time",
+ badge: "Updated August 2025",
description: (
<>
-
All the benefits of a Featured Sponsor and...
-
One-to-one access to the Graphile team throughout the year
- Priority support straight from the maintainer
+ Start today with payment through GitHub
- Add the Graphile team to your chat server for timely responses
+ Flexible
+
+
New lower price for 2025
+
+ Predictable monthly cost with no surprises
-
Add the Graphile team to your GitHub/GitLab organization
-
Reference your code verbatim
-
Calls arranged as required
-
NDA available
Access to discounted consultancy packages
- The warm feeling that comes from knowing{" "}
-
- you’re making a significant difference to Graphile Worker’s
- development and sustainability
-
+ Includes a formal contract for your procurement
+ process
@@ -45,38 +41,35 @@ const TierList = [
{
title: "Annual Plan",
tagline: "Maximum savings with full year commitment",
- pricing: "$9,999",
- was: "$11,988",
+ pricing: "$899",
+ hint: "10% discount",
+ //was: "$11,988",
link: "mailto:team@graphile.com?subject=Private%20Advisor%20enquiry",
buttonText: "",
- frequency: "per year",
- comparison: "That's just $833.25/month",
- badge: "Best Value - Save $1,999 ",
+ frequency: "/mo",
+ comparison: "Paid annually — $10,788/yr",
+ badge: "Best Value — Save $1,999",
featured: true,
description: (
<>
-
All the benefits of a Featured Sponsor and...
-
One-to-one access to the Graphile team throughout the year
- Priority support straight from the maintainer
+ Lock in your rate for a full year
+
+
+
+ Save money — pay once, enjoy the lowest rate
- Add the Graphile team to your chat server for timely responses
+ One invoice, one payment — no monthly admin
+ headaches
-
Add the Graphile team to your GitHub/GitLab organization
-
Reference your code verbatim
-
Calls arranged as required
-
NDA available
Access to discounted consultancy packages
- The warm feeling that comes from knowing{" "}
-
- you’re making a significant difference to Graphile Worker’s
- development and sustainability
-
+ Includes a formal contract for your procurement
+ process
{TierList.map((props, idx) => (
diff --git a/website/src/components/TiersPlus/styles.module.css b/website/src/components/TiersPlus/styles.module.css
index a9d6fdcb..5d4f1669 100644
--- a/website/src/components/TiersPlus/styles.module.css
+++ b/website/src/components/TiersPlus/styles.module.css
@@ -177,10 +177,6 @@
background-color: var(--ifm-color-primary-lightest);
}
-.button:before {
- content: "Start Plan";
-}
-
@media screen and (max-width: 1200px) {
.tierRow {
flex-direction: column;
@@ -192,7 +188,4 @@
.banner {
flex-direction: column;
}
- .button:before {
- content: "GitHub Sponsors";
- }
}
diff --git a/website/src/pages/sponsors.mdx b/website/src/pages/sponsors.mdx
index b8c1a990..352766ae 100644
--- a/website/src/pages/sponsors.mdx
+++ b/website/src/pages/sponsors.mdx
@@ -113,10 +113,10 @@ benefits.
## Development Support
Access development support for Graphile projects through the Private Advisor
-tier, giving your organization access to the knowledge and experience of the
-Graphile team for any issues you have with Graphile Worker, PostGraphile and the
-wider Graphile suite, and other tools in the ecosystem such as TypeScript, SQL,
-Node.js, GraphQL and more. If you’re running any of the Graphile tools, you
+sponsor tier, giving your organization access to the knowledge and experience of
+the Graphile team for any issues you have with Graphile Worker, PostGraphile and
+the wider Graphile suite, and other tools in the ecosystem such as TypeScript,
+SQL, Node.js, GraphQL and more. If you’re running any of the Graphile tools, you
won’t find anyone more qualified to help.
@@ -130,9 +130,6 @@ won’t find anyone more qualified to help.
Reference your code verbatim
Calls arranged as required
NDA available
-
- Access to discounted consultancy packages
-
The warm feeling that comes from knowing{" "}
From 33c4f6c4c350684e17173c25af004eff208f7184 Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Fri, 1 Aug 2025 18:18:30 +0100
Subject: [PATCH 12/15] Reflect changes made in Crystal PR
---
.../src/components/Sponsors/styles.module.css | 1 +
.../src/components/TierPlusButtons/index.js | 25 +++++
.../TierPlusButtons/styles.module.css | 69 ++++++++++++++
website/src/components/Tiers/index.js | 14 ++-
.../src/components/Tiers/styles.module.css | 5 +-
website/src/components/TiersPlus/index.js | 14 ++-
.../components/TiersPlus/styles.module.css | 48 ++++++++--
website/src/css/custom.css | 8 ++
website/src/pages/pricing.mdx | 40 ++++----
website/src/pages/pricing.module.css | 14 +--
website/src/pages/sponsors.mdx | 92 +++++++++----------
website/src/pages/support.mdx | 91 ++++++++++++++++++
12 files changed, 316 insertions(+), 105 deletions(-)
create mode 100644 website/src/components/TierPlusButtons/index.js
create mode 100644 website/src/components/TierPlusButtons/styles.module.css
create mode 100644 website/src/pages/support.mdx
diff --git a/website/src/components/Sponsors/styles.module.css b/website/src/components/Sponsors/styles.module.css
index 7d3d67ee..97eef7a2 100644
--- a/website/src/components/Sponsors/styles.module.css
+++ b/website/src/components/Sponsors/styles.module.css
@@ -1,4 +1,5 @@
.sponsorContainer {
+ composes: wide from global;
display: flex;
flex-wrap: wrap;
align-items: space-around;
diff --git a/website/src/components/TierPlusButtons/index.js b/website/src/components/TierPlusButtons/index.js
new file mode 100644
index 00000000..4bd02c4c
--- /dev/null
+++ b/website/src/components/TierPlusButtons/index.js
@@ -0,0 +1,25 @@
+import Link from "@docusaurus/Link";
+import styles from "@site/src/components/TierPlusButtons/styles.module.css";
+import clsx from "clsx";
+import React from "react";
+
+export default function TierPlusButtons() {
+ return (
+
);
}
diff --git a/website/src/components/TiersPlus/styles.module.css b/website/src/components/TiersPlus/styles.module.css
index 5d4f1669..95dd18d1 100644
--- a/website/src/components/TiersPlus/styles.module.css
+++ b/website/src/components/TiersPlus/styles.module.css
@@ -1,6 +1,9 @@
.tiers {
+ composes: wide from global;
display: flex;
flex-direction: column;
+ padding-top: 2rem;
+ padding-bottom: 2rem;
}
.tierRow {
@@ -9,7 +12,8 @@
display: flex;
}
-.tier {
+.tier,
+.tierSupport {
position: relative;
display: flex;
flex-direction: column;
@@ -18,7 +22,6 @@
align-items: flex-start;
font-weight: normal;
font-size: 0.9rem;
- margin: 0.5rem;
padding: 1rem;
border: 2px solid var(--ifm-color-primary-darker);
border-radius: 12px;
@@ -28,6 +31,28 @@
}
}
+[data-theme="dark"] .tier,
+[data-theme="dark"] .tierSupport {
+ border: 2px solid var(--ifm-color-primary-light);
+ &.featured {
+ background-color: #000a15;
+ border: 3px solid var(--ifm-color-primary);
+ }
+}
+
+.tierSupport {
+ flex: 0 0 100%;
+ &.featured {
+ background-color: transparent;
+ }
+}
+
+[data-theme="dark"] .tierSupport {
+ &.featured {
+ background-color: transparent;
+ }
+}
+
.hint {
background: rgb(230, 246, 230);
color: rgb(0, 49, 0);
@@ -39,10 +64,6 @@
}
.badge {
- /* position: absolute;
- left: 50%;
- top: 0%;
- transform: translate(-50%, -50%); */
margin: -1.8rem 0 0;
background-color: white;
border-radius: calc(infinity * 1px);
@@ -107,7 +128,8 @@
font-size: 1rem;
}
-.priceline {
+.priceline,
+.pricelineSupport {
font-weight: var(--ifm-heading-font-weight);
text-align: center;
font-size: 2rem;
@@ -115,6 +137,10 @@
align-items: center;
}
+.pricelineSupport {
+ align-items: baseline;
+}
+
.price {
font-weight: bold;
}
@@ -127,6 +153,14 @@
}
}
+[data-theme="dark"] .pricesub {
+ color: var(--ifm-color-primary-lighter);
+}
+
+[data-theme="dark"] .featured .pricesub {
+ color: var(--ifm-color-primary);
+}
+
.was {
color: var(--ifm-color-gray-400);
text-decoration: line-through;
diff --git a/website/src/css/custom.css b/website/src/css/custom.css
index 83ee6a15..92b792fb 100644
--- a/website/src/css/custom.css
+++ b/website/src/css/custom.css
@@ -59,3 +59,11 @@ figcaption {
.prettyDivide path {
fill: var(--ifm-color-primary);
}
+
+.mdx-wrapper {
+ article > :not(.wide) {
+ max-width: 49rem;
+ margin-left: auto;
+ margin-right: auto;
+ }
+}
diff --git a/website/src/pages/pricing.mdx b/website/src/pages/pricing.mdx
index 3fe2ca91..cf217bdf 100644
--- a/website/src/pages/pricing.mdx
+++ b/website/src/pages/pricing.mdx
@@ -16,12 +16,12 @@ and “quality of life” features which can help your team to save
development costs and removes the need to scale to zero while upgrading Worker
versions.
-Worker Pro is available as a perk for
-[Graphile sponsors](https://graphile.org/sponsor/). Businesses which use
-Graphile Worker should explore sponsorship as the first option to obtain Worker
-Pro, as sponsorship also helps to fund development and maintenance of the entire
-Graphile suite, as well as enabling us to advance the software they rely on. At
-the time of writing, there are no other ways to obtain Worker Pro.
+Worker Pro is available as a perk for [Graphile sponsors](/sponsor).
+**Businesses which use Graphile Worker should explore sponsorship as the first
+option to obtain Worker Pro, as sponsorship also helps to fund development and
+maintenance of the entire Graphile suite, as well as enabling us to advance the
+software they rely on**. At the time of writing, there are no other ways to
+obtain Worker Pro.
:::tip Launch Offer
@@ -39,9 +39,9 @@ offer ends; saving you a minimum of $1300 over the regular price of $100 /month.
Sponsor” tier (Sponsor+) is suitable for many small and
medium businesses while the “Private Advisor Tier” (
Enterprise) gives access to a complimentary{" "}
- Development Support contract
- and discounted consultancy packages, perfect for enterprises and those who
- need bespoke advice and support on their project.
+ Development Support contract and discounted
+ consultancy packages, perfect for enterprises and those who need bespoke
+ advice and support on their project.
@@ -51,9 +51,9 @@ offer ends; saving you a minimum of $1300 over the regular price of $100 /month.
businesses with some perks such as free access to the database tool{" "}
pgRITA and discounted consultancy calls. The
“Private Advisor Tier” gives access to a complimentary{" "}
- Development Support contract
- and discounted consultancy packages, perfect for enterprises and those who
- need bespoke advice and support on their project.
+ Development Support contract and discounted
+ consultancy packages, perfect for enterprises and those who need bespoke
+ advice and support on their project.
@@ -507,7 +507,7 @@ offer ends; saving you a minimum of $1300 over the regular price of $100 /month.
From{" "}
- $999/mo USD
+ $899/mo USD
@@ -542,9 +542,9 @@ offer ends; saving you a minimum of $1300 over the regular price of $100 /month.
@@ -600,11 +600,11 @@ through our [Discord Server](https://discord.gg/graphile) where anyone can ask
and answer questions about Worker and the Graphile suite of tools. Sponsors
receive priority support from our maintainers within our Discord Server.
-Sponsors on the "Private Advisor" tier or above can enter a complimentary
+Sponsors on the “Private Advisor” tier or above can enter a complimentary
Development Support contract and receive support through their company
-Slack/GitHub organization. Prices start at $1,500 a month, with no minimum term.
-More information can be found at the
-[Development Support page](https://graphile.org/support/) or you can
+Slack/GitHub organization. Priced at $999 a month, with no minimum term, or
+receive a discount with an annual contract. More information can be found at the
+[Development Support page](/support) or you can
[get in touch via email](mailto:team@graphile.org?subject=Enterprise%20enquiry).
### I'm an enterprise user and need X, Y and Z
@@ -636,5 +636,5 @@ CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
```
- Last reviewed: July 2025
+ Last reviewed: August 2025
diff --git a/website/src/pages/pricing.module.css b/website/src/pages/pricing.module.css
index 4926790c..e65c5333 100644
--- a/website/src/pages/pricing.module.css
+++ b/website/src/pages/pricing.module.css
@@ -27,6 +27,7 @@
}
.pricingTable {
+ composes: wide from global;
overflow-x: visible;
overflow-y: visible;
}
@@ -126,12 +127,10 @@
border-top: 1px solid var(--ifm-color-primary-darker);
}
-.showFull {
- display: contents;
-}
-
-.showMobile {
- display: none;
+@media screen and (min-width: 927px) {
+ .showMobile {
+ display: none;
+ }
}
@media screen and (max-width: 926px) {
@@ -205,7 +204,4 @@
.showFull {
display: none;
}
- .showMobile {
- display: contents;
- }
}
diff --git a/website/src/pages/sponsors.mdx b/website/src/pages/sponsors.mdx
index 352766ae..bd4840c8 100644
--- a/website/src/pages/sponsors.mdx
+++ b/website/src/pages/sponsors.mdx
@@ -3,9 +3,12 @@ title: "Sponsor Graphile Open Source Software"
hide_table_of_contents: true
---
+import clsx from "clsx";
+
import Sponsor from "@site/src/components/Sponsor";
import Sponsors from "@site/src/components/Sponsors";
import SponsorButtons from "@site/src/components/SponsorButtons";
+import sponsorStyles from "@site/src/components/TiersPlus/styles.module.css";
import Link from "@docusaurus/Link";
import TierList from "@site/src/components/Tiers";
import TierPlusList from "@site/src/components/TiersPlus";
@@ -78,65 +81,52 @@ to fund ongoing development on Graphile Worker through sponsorship. THANK YOU!
-Graphile has a number of crowd-funded open-source projects, licensed under the
-permissive MIT license, including Graphile Worker, PostGraphile,
-Grafast, Graphile Migrate and Graphile Starter. Sponsorship increases
-the rate of fixes, documentation improvements, and feature development on these
-and other projects.
-
-
-
-## Why are Graphile projects “crowd-funded open-source”?
-
-Many of our projects are open-source to give users great freedom in how they use
-the software, and to enable the community to have influence over how the
-projects progress to make it appropriate for a wide range of use-cases. To
-ensure users can rely on these projects for years to come, they need to be well
-directed and financially sustainable.
+## Sponsor tiers & benefits
-**The best way to ensure that Graphile software is something you can depend on
-for years to come is through monthly sponsorship.** Crowd-sourced funding
-enables us to spend the most time directly working on improving the software,
-which you and other users then benefit from.
+
-## Sponsor tiers & benefits
+
+
+
+
+
+
Development Support
+
+ From
+ $899
+ /mo
+
+
+
+ Find out more
+
+
+
+
+
As well as ensuring the sustainability and longevity of Graphile Worker and the
wider Graphile suite of developer tooling, sponsorship also gives you or your
company some additional benefits such as access to security announcements and
being featured in the README files of Graphile’s main open source projects.
-Choose the tier which matches your funding goal, higher tiers come with more
-benefits.
-
-
-## Development Support
+
-Access development support for Graphile projects through the Private Advisor
-sponsor tier, giving your organization access to the knowledge and experience of
-the Graphile team for any issues you have with Graphile Worker, PostGraphile and
-the wider Graphile suite, and other tools in the ecosystem such as TypeScript,
-SQL, Node.js, GraphQL and more. If you’re running any of the Graphile tools, you
-won’t find anyone more qualified to help.
+## Why are Graphile projects “crowd-funded open-source”?
-
-
All the benefits of a Featured Sponsor and...
-
One-to-one access to the Graphile team throughout the year
-
- Priority support straight from the maintainer
-
-
Add the Graphile team to your chat server for timely responses
-
Add the Graphile team to your GitHub/GitLab organization
-
Reference your code verbatim
-
Calls arranged as required
-
NDA available
-
- The warm feeling that comes from knowing{" "}
-
- you’re making a significant difference to Graphile Worker’s development
- and sustainability
-
-
-
+Many of our projects are open-source under the permissive MIT license to give
+users great freedom in how they use the software, and to enable the community to
+have influence over how the projects progress to make it appropriate for a wide
+range of use-cases. To ensure users can rely on these projects for years to
+come, they need to be well directed and financially sustainable.
-
+**The best way to ensure that Graphile software is something you can depend on
+for years to come is through monthly sponsorship.** Crowd-sourced funding
+enables us to spend the most time directly working on improving the software,
+which you and other users then benefit from.
diff --git a/website/src/pages/support.mdx b/website/src/pages/support.mdx
new file mode 100644
index 00000000..89e36064
--- /dev/null
+++ b/website/src/pages/support.mdx
@@ -0,0 +1,91 @@
+---
+title: "Sponsor Graphile Open Source Software"
+hide_table_of_contents: true
+---
+
+import clsx from "clsx";
+
+import Link from "@docusaurus/Link";
+import styles from "@site/src/css/common.module.css";
+import TierList from "@site/src/components/Tiers";
+import TierPlusList from "@site/src/components/TiersPlus";
+import TierPlusButtons from "@site/src/components/TierPlusButtons";
+
+## Development Support
+
+Give your organization access to the knowledge and experience of the Graphile
+team for any issues you have with PostGraphile, Graphile Worker and the wider
+Graphile suite, and other tools in the ecosystem such as TypeScript, SQL,
+Node.js, GraphQL and more. If you’re running any of the Graphile tools,
+you won’t find anyone more qualified to help.
+
+
+
+## Benefits of Development Support
+
+
+
One-to-one access to the Graphile team throughout the year
+
+ Priority support straight from the maintainer
+
+
Add the Graphile team to your chat server for timely responses
+
Add the Graphile team to your GitHub/GitLab organization
+
Reference your code verbatim
+
Calls arranged as required
+
NDA available
+
+
+Plus, receive recognition as a Featured Sponsor:
+
+
+
+ Access to private security announcements
+
+
+ Name and logo{" "}
+ featured in the READMEs of Graphile’s main OSS projects{" "}
+ (shown on GitHub and npm)
+
+
+ Name and logo prominently featured on our
+ websites
+
+
+ Access to #vip-lounge on Graphile’s Discord
+
+
+ Free access to{" "}
+
+ pgRITA
+
+
+
+
+ Access to PostGraphile V4 Pro and{" "}
+
+ graphile-pro sponsors only project repository
+
+
+
+ The warm feeling that comes from knowing{" "}
+
+ you’re making a significant difference to Graphile Worker’s development
+ and sustainability
+
+
+
+
+
+
+## Graphile projects are “crowd-funded open-source”
+
+Many of our projects are open-source to give users great freedom in how they use
+the software, and to enable the community to have influence over how the
+projects progress to make it appropriate for a wide range of use-cases. To
+ensure users can rely on these projects for years to come, they need to be well
+directed and financially sustainable.
+
+**The best way to ensure that Graphile software is something you can depend on
+for years to come is through monthly sponsorship.** Crowd-sourced funding
+enables us to spend the most time directly working on improving the software,
+which you and other users then benefit from.
From 9a0b5ed295e29cce9144d28df7077a8a67883376 Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Fri, 1 Aug 2025 18:19:57 +0100
Subject: [PATCH 13/15] Add support to navbar
---
website/docusaurus.config.js | 5 +++++
1 file changed, 5 insertions(+)
diff --git a/website/docusaurus.config.js b/website/docusaurus.config.js
index b5d219f2..81cb1c5e 100644
--- a/website/docusaurus.config.js
+++ b/website/docusaurus.config.js
@@ -171,6 +171,11 @@ const config = {
label: "Sponsor",
position: "right",
},
+ {
+ to: "support",
+ label: "Support",
+ position: "right",
+ },
{
to: "pricing",
label: "Go Pro",
From a733d7e7d317d4320b05a772aa33607baea0f29a Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Fri, 1 Aug 2025 18:37:09 +0100
Subject: [PATCH 14/15] tweak dark styles
---
.../TierPlusButtons/styles.module.css | 10 +++++--
.../components/TiersPlus/styles.module.css | 30 ++++++++++++++++---
2 files changed, 33 insertions(+), 7 deletions(-)
diff --git a/website/src/components/TierPlusButtons/styles.module.css b/website/src/components/TierPlusButtons/styles.module.css
index 0eaed0ef..b1da2c5f 100644
--- a/website/src/components/TierPlusButtons/styles.module.css
+++ b/website/src/components/TierPlusButtons/styles.module.css
@@ -40,8 +40,12 @@
}
[data-theme="dark"] .sponsorbutton {
- border: 1px solid var(--ifm-color-primary);
- background-color: var(--ifm-color-primary);
+ border: 1px solid var(--ifm-color-primary-light);
+ background-color: var(--ifm-color-primary-light);
+}
+
+[data-theme="dark"] .borderbutton {
+ color: black;
}
[data-theme="dark"] .sponsorbutton:hover {
@@ -51,7 +55,7 @@
[data-theme="dark"] .borderbutton:hover {
border: 1px solid var(--ifm-color-primary-lightest);
- color: var(--ifm-color-lightest);
+ background-color: var(--ifm-color-primary-lightest);
}
@media screen and (max-width: 995px) {
diff --git a/website/src/components/TiersPlus/styles.module.css b/website/src/components/TiersPlus/styles.module.css
index 95dd18d1..8f0e27d2 100644
--- a/website/src/components/TiersPlus/styles.module.css
+++ b/website/src/components/TiersPlus/styles.module.css
@@ -54,8 +54,8 @@
}
.hint {
- background: rgb(230, 246, 230);
- color: rgb(0, 49, 0);
+ background: rgb(221, 245, 221);
+ color: #059669;
padding: 0 0.8rem 0.1rem;
font-size: 0.8rem;
border-radius: calc(infinity * 1px);
@@ -63,6 +63,11 @@
height: 1.5rem;
}
+[data-theme="dark"] .hint {
+ background: #059669;
+ color: rgb(230, 246, 230);
+}
+
.badge {
margin: -1.8rem 0 0;
background-color: white;
@@ -78,8 +83,15 @@
}
}
-[data-theme="dark"] .tier {
- border: 2px solid var(--ifm-color-primary);
+[data-theme="dark"] .badge {
+ background-color: var(--ifm-color-primary-light);
+ border-color: var(--ifm-color-primary-light);
+ color: black;
+}
+
+[data-theme="dark"] .featured .badge {
+ background-color: var(--ifm-color-primary);
+ border-color: var(--ifm-color-primary);
}
.banner {
@@ -120,6 +132,11 @@
[data-theme="dark"] .title,
[data-theme="dark"] .note {
+ color: var(--ifm-color-primary-light);
+}
+
+[data-theme="dark"] .featured .title,
+[data-theme="dark"] .featured .note {
color: var(--ifm-color-primary);
}
@@ -202,6 +219,11 @@
}
[data-theme="dark"] .button {
+ background-color: var(--ifm-color-primary-light);
+ border-color: var(--ifm-color-primary-light);
+}
+
+[data-theme="dark"] .featured .button {
background-color: var(--ifm-color-primary);
border-color: var(--ifm-color-primary);
}
From 6b9df1fbe618d94bcafdc4b202706d702a555f5c Mon Sep 17 00:00:00 2001
From: Jem Gillam <6413628+jemgillam@users.noreply.github.com>
Date: Thu, 18 Sep 2025 11:07:17 +0100
Subject: [PATCH 15/15] Update date and color contrast of dev support boxes
---
website/src/components/Sponsor/index.js | 38 +++++++++++------------
website/src/components/TiersPlus/index.js | 2 +-
2 files changed, 20 insertions(+), 20 deletions(-)
diff --git a/website/src/components/Sponsor/index.js b/website/src/components/Sponsor/index.js
index 3103e5fe..17392703 100644
--- a/website/src/components/Sponsor/index.js
+++ b/website/src/components/Sponsor/index.js
@@ -6,6 +6,24 @@ import React, { useContext } from "react";
import { SponsorContext } from "../../contexts/sponsor";
+function Avatar({ src }) {
+ return src ? (
+
+ ) : (
+
+ );
+}
+
+function LinkTo({ href, name }) {
+ return href ? (
+
+ {name}
+
+ ) : (
+