Skip to content

Commit 33c4f6c

Browse files
jemgillamjemgillam
committed
Reflect changes made in Crystal PR
1 parent c715d9e commit 33c4f6c

File tree

12 files changed

+316
-105
lines changed

12 files changed

+316
-105
lines changed

‎website/src/components/Sponsors/styles.module.css‎

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,5 @@
11
.sponsorContainer {
2+
composes: wide from global;
23
display: flex;
34
flex-wrap: wrap;
45
align-items: space-around;

‎website/src/components/TierPlusButtons/index.js‎

Lines changed: 25 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,25 @@
1+
import Link from "@docusaurus/Link";
2+
import styles from "@site/src/components/TierPlusButtons/styles.module.css";
3+
import clsx from "clsx";
4+
import React from "react";
5+
6+
export default function TierPlusButtons() {
7+
return (
8+
<div className={clsx(styles.sponsorbuttons)}>
9+
<Link
10+
className={clsx(
11+
"button button--primary button--lg",
12+
styles.sponsorbutton,
13+
)}
14+
to="https://github.com/users/benjie/sponsorship"
15+
></Link>
16+
<Link
17+
className={clsx(
18+
"button button--primary button--lg",
19+
styles.borderbutton,
20+
)}
21+
to="mailto:[email protected]?subject=Private%20Advisor%20enquiry"
22+
></Link>
23+
</div>
24+
);
25+
}

‎website/src/components/TierPlusButtons/styles.module.css‎

Lines changed: 69 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,69 @@
1+
.sponsorbuttons {
2+
display: flex;
3+
justify-content: center;
4+
margin-top: 2rem;
5+
margin-bottom: 1.5rem;
6+
}
7+
8+
.borderbutton {
9+
color: white;
10+
text-transform: uppercase;
11+
max-width: 100%;
12+
margin-left: 1rem;
13+
border: 1px solid var(--ifm-color-primary);
14+
}
15+
16+
.borderbutton:hover {
17+
border-radius: 7px;
18+
border: 1px solid var(--ifm-color-primary-darkest);
19+
background-color: var(--ifm-color-primary-darkest);
20+
}
21+
22+
.sponsorbutton {
23+
text-transform: uppercase;
24+
max-width: 100%;
25+
border: 1px solid var(--ifm-color-primary-darker);
26+
background-color: var(--ifm-color-primary-darker);
27+
}
28+
29+
.sponsorbutton:before {
30+
content: "Start Monthly Plan";
31+
}
32+
33+
.borderbutton:before {
34+
content: "Contact Graphile";
35+
}
36+
37+
.sponsorbutton:hover {
38+
background-color: var(--ifm-color-primary-darkest);
39+
border: 1px solid var(--ifm-color-primary-darkest);
40+
}
41+
42+
[data-theme="dark"] .sponsorbutton {
43+
border: 1px solid var(--ifm-color-primary);
44+
background-color: var(--ifm-color-primary);
45+
}
46+
47+
[data-theme="dark"] .sponsorbutton:hover {
48+
border: 1px solid var(--ifm-color-primary-lightest);
49+
background-color: var(--ifm-color-primary-lightest);
50+
}
51+
52+
[data-theme="dark"] .borderbutton:hover {
53+
border: 1px solid var(--ifm-color-primary-lightest);
54+
color: var(--ifm-color-lightest);
55+
}
56+
57+
@media screen and (max-width: 995px) {
58+
.sponsorbuttons {
59+
display: flex;
60+
flex-direction: column;
61+
}
62+
.borderbutton {
63+
margin-top: 1rem;
64+
margin-left: 0rem;
65+
}
66+
.borderbutton:before {
67+
content: "Contact";
68+
}
69+
}

‎website/src/components/Tiers/index.js‎

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -131,14 +131,12 @@ function Tier({ title, tagline, link, buttonText, description, pricing }) {
131131

132132
export default function List() {
133133
return (
134-
<section className={clsx("padding-vert--md")}>
135-
<div className={clsx("", styles.tiers)}>
136-
<div className={clsx(styles.tierRow)}>
137-
{TierList.map((props, idx) => (
138-
<Tier key={idx} {...props} />
139-
))}
140-
</div>
134+
<div className={clsx("", styles.tiers)}>
135+
<div className={clsx(styles.tierRow)}>
136+
{TierList.map((props, idx) => (
137+
<Tier key={idx} {...props} />
138+
))}
141139
</div>
142-
</section>
140+
</div>
143141
);
144142
}

‎website/src/components/Tiers/styles.module.css‎

Lines changed: 3 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,8 +1,10 @@
11
.tiers {
2+
composes: wide from global;
23
display: flex;
34
width: 100%;
45
flex-direction: row;
5-
padding-bottom: 1rem;
6+
padding-top: 0.5rem;
7+
padding-bottom: 0.5rem;
68
}
79

810
.tierRow {
@@ -19,7 +21,6 @@
1921
align-items: flex-start;
2022
font-weight: normal;
2123
font-size: 0.9rem;
22-
margin: 0.5rem;
2324
padding: 1rem;
2425
border: 2px solid var(--ifm-color-primary-darker);
2526
border-radius: 12px;

‎website/src/components/TiersPlus/index.js‎

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -118,14 +118,12 @@ function Tier({
118118

119119
export default function List() {
120120
return (
121-
<section className="padding-vert--lg">
122-
<div className={styles.tiers}>
123-
<div className={clsx(styles.tierRow)}>
124-
{TierList.map((props, idx) => (
125-
<Tier key={idx} {...props} />
126-
))}
127-
</div>
121+
<div className={styles.tiers}>
122+
<div className={clsx(styles.tierRow)}>
123+
{TierList.map((props, idx) => (
124+
<Tier key={idx} {...props} />
125+
))}
128126
</div>
129-
</section>
127+
</div>
130128
);
131129
}

‎website/src/components/TiersPlus/styles.module.css‎

Lines changed: 41 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,9 @@
11
.tiers {
2+
composes: wide from global;
23
display: flex;
34
flex-direction: column;
5+
padding-top: 2rem;
6+
padding-bottom: 2rem;
47
}
58

69
.tierRow {
@@ -9,7 +12,8 @@
912
display: flex;
1013
}
1114

12-
.tier {
15+
.tier,
16+
.tierSupport {
1317
position: relative;
1418
display: flex;
1519
flex-direction: column;
@@ -18,7 +22,6 @@
1822
align-items: flex-start;
1923
font-weight: normal;
2024
font-size: 0.9rem;
21-
margin: 0.5rem;
2225
padding: 1rem;
2326
border: 2px solid var(--ifm-color-primary-darker);
2427
border-radius: 12px;
@@ -28,6 +31,28 @@
2831
}
2932
}
3033

34+
[data-theme="dark"] .tier,
35+
[data-theme="dark"] .tierSupport {
36+
border: 2px solid var(--ifm-color-primary-light);
37+
&.featured {
38+
background-color: #000a15;
39+
border: 3px solid var(--ifm-color-primary);
40+
}
41+
}
42+
43+
.tierSupport {
44+
flex: 0 0 100%;
45+
&.featured {
46+
background-color: transparent;
47+
}
48+
}
49+
50+
[data-theme="dark"] .tierSupport {
51+
&.featured {
52+
background-color: transparent;
53+
}
54+
}
55+
3156
.hint {
3257
background: rgb(230, 246, 230);
3358
color: rgb(0, 49, 0);
@@ -39,10 +64,6 @@
3964
}
4065

4166
.badge {
42-
/* position: absolute;
43-
left: 50%;
44-
top: 0%;
45-
transform: translate(-50%, -50%); */
4667
margin: -1.8rem 0 0;
4768
background-color: white;
4869
border-radius: calc(infinity * 1px);
@@ -107,14 +128,19 @@
107128
font-size: 1rem;
108129
}
109130

110-
.priceline {
131+
.priceline,
132+
.pricelineSupport {
111133
font-weight: var(--ifm-heading-font-weight);
112134
text-align: center;
113135
font-size: 2rem;
114136
display: flex;
115137
align-items: center;
116138
}
117139

140+
.pricelineSupport {
141+
align-items: baseline;
142+
}
143+
118144
.price {
119145
font-weight: bold;
120146
}
@@ -127,6 +153,14 @@
127153
}
128154
}
129155

156+
[data-theme="dark"] .pricesub {
157+
color: var(--ifm-color-primary-lighter);
158+
}
159+
160+
[data-theme="dark"] .featured .pricesub {
161+
color: var(--ifm-color-primary);
162+
}
163+
130164
.was {
131165
color: var(--ifm-color-gray-400);
132166
text-decoration: line-through;

‎website/src/css/custom.css‎

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -59,3 +59,11 @@ figcaption {
5959
.prettyDivide path {
6060
fill: var(--ifm-color-primary);
6161
}
62+
63+
.mdx-wrapper {
64+
article > :not(.wide) {
65+
max-width: 49rem;
66+
margin-left: auto;
67+
margin-right: auto;
68+
}
69+
}

‎website/src/pages/pricing.mdx‎

Lines changed: 20 additions & 20 deletions
Original file line numberDiff line numberDiff line change
@@ -16,12 +16,12 @@ and &ldquo;quality of life&rdquo; features which can help your team to save
1616
development costs and removes the need to scale to zero while upgrading Worker
1717
versions.
1818

19-
Worker Pro is available as a perk for
20-
[Graphile sponsors](https://graphile.org/sponsor/). Businesses which use
21-
Graphile Worker should explore sponsorship as the first option to obtain Worker
22-
Pro, as sponsorship also helps to fund development and maintenance of the entire
23-
Graphile suite, as well as enabling us to advance the software they rely on. At
24-
the time of writing, there are no other ways to obtain Worker Pro.
19+
Worker Pro is available as a perk for [Graphile sponsors](/sponsor).
20+
**Businesses which use Graphile Worker should explore sponsorship as the first
21+
option to obtain Worker Pro, as sponsorship also helps to fund development and
22+
maintenance of the entire Graphile suite, as well as enabling us to advance the
23+
software they rely on**. At the time of writing, there are no other ways to
24+
obtain Worker Pro.
2525

2626
:::tip Launch Offer
2727

@@ -39,9 +39,9 @@ offer ends; saving you a minimum of $1300 over the regular price of $100 /month.
3939
Sponsor&rdquo; tier (<strong>Sponsor+</strong>) is suitable for many small and
4040
medium businesses while the &ldquo;Private Advisor Tier&rdquo; (
4141
<strong>Enterprise</strong>) gives access to a complimentary{" "}
42-
<a href="https://www.graphile.org/support/">Development Support </a> contract
43-
and discounted consultancy packages, perfect for enterprises and those who
44-
need bespoke advice and support on their project.
42+
<a href="/support">Development Support </a> contract and discounted
43+
consultancy packages, perfect for enterprises and those who need bespoke
44+
advice and support on their project.
4545
</p>
4646

4747
<p className={pricingStyles.showFull}>
@@ -51,9 +51,9 @@ offer ends; saving you a minimum of $1300 over the regular price of $100 /month.
5151
businesses with some perks such as free access to the database tool{" "}
5252
<a href="https://pgrita.com">pgRITA </a> and discounted consultancy calls. The
5353
&ldquo;Private Advisor Tier&rdquo; gives access to a complimentary{" "}
54-
<a href="https://www.graphile.org/support/">Development Support </a> contract
55-
and discounted consultancy packages, perfect for enterprises and those who
56-
need bespoke advice and support on their project.
54+
<a href="/support">Development Support </a> contract and discounted
55+
consultancy packages, perfect for enterprises and those who need bespoke
56+
advice and support on their project.
5757
</p>
5858

5959
<table className={pricingStyles.pricingTable}>
@@ -507,7 +507,7 @@ offer ends; saving you a minimum of $1300 over the regular price of $100 /month.
507507
<td>
508508
<span className={styles.small}>From</span>{" "}
509509
<strong>
510-
$999<small>/mo USD</small>
510+
$899<small>/mo USD</small>
511511
</strong>
512512
<br />
513513
<span className={clsx(styles.note, pricingStyles.showFull)}>
@@ -542,9 +542,9 @@ offer ends; saving you a minimum of $1300 over the regular price of $100 /month.
542542
<td>
543543
<a
544544
className={clsx("button button--outline", pricingStyles.outlineButton)}
545-
href="mailto:[email protected]?subject=Private%20Advisor%20tier%20question"
545+
href="/support"
546546
>
547-
Get in contact
547+
Find out more
548548
</a>
549549
</td>
550550
</tr>
@@ -600,11 +600,11 @@ through our [Discord Server](https://discord.gg/graphile) where anyone can ask
600600
and answer questions about Worker and the Graphile suite of tools. Sponsors
601601
receive priority support from our maintainers within our Discord Server.
602602

603-
Sponsors on the "Private Advisor" tier or above can enter a complimentary
603+
Sponsors on the “Private Advisor” tier or above can enter a complimentary
604604
Development Support contract and receive support through their company
605-
Slack/GitHub organization. Prices start at $1,500 a month, with no minimum term.
606-
More information can be found at the
607-
[Development Support page](https://graphile.org/support/) or you can
605+
Slack/GitHub organization. Priced at $999 a month, with no minimum term, or
606+
receive a discount with an annual contract. More information can be found at the
607+
[Development Support page](/support) or you can
608608
[get in touch via email](mailto:[email protected]?subject=Enterprise%20enquiry).
609609

610610
### 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.
636636
```
637637

638638
<small>
639-
<em>Last reviewed: July 2025</em>
639+
<em>Last reviewed: August 2025</em>
640640
</small>

0 commit comments

Comments
 (0)