Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Stripe pricing table again #420

Open
wants to merge 6 commits into
base: main
Choose a base branch
from
Open

Stripe pricing table again #420

Show file tree
Hide file tree
Changes from 5 commits
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
9d77fbe
add stripe pricing table to homepage
robertwpaul Jul 6, 2024
9452fb7
update button styles on Who We Are
robertwpaul Jul 6, 2024
0ef5a37
limit button width on Donate page
robertwpaul Jul 6, 2024
88bfb9a
Remove Nexudus pricing config
robertwpaul Jul 6, 2024
fde81c4
Use *live* pricing table
robertwpaul Jul 12, 2024
74bc8e6
pr feedback
robertwpaul Jul 12, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
48 changes: 0 additions & 48 deletions _config.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -44,51 +44,3 @@ officers:
twitter: "awflwafl"
linkedin: "artemiy-kondratiev"
github: "awflwafl"
membership_tiers:
monthly:
- name: Casual
description: For students and those who are occasionally in the space.
price: 20
benefits:
- 🏪 24/7 access
- 🤖 Fair use of workshop facilities (training may be required)
- 🎟️ Free entry to Farset Labs events
url: "https://farsetlabs.spaces.nexudus.com/signup?tariff_guid=2bbe61f6-f61c-43ae-955b-447d3f5694a4"
- name: Standard
description: For those who regularly use the space.
price: 35
benefits:
- 🏪 24/7 access
- 🤖 Fair use of workshop facilities (training may be required)
- 🎟️ Free entry to Farset Labs events
url: "https://farsetlabs.spaces.nexudus.com/signup?tariff_guid=19b169ca-f352-46fb-9b6c-d7c0c5b00385"
- name: Professional
description: For those consistently in the space with ongoing long term projects.
price: 50
benefits:
- 🏪 24/7 access
- 🤖 Fair use of workshop facilities (training may be required)
- 🎟️ Free entry to Farset Labs events
url: "https://farsetlabs.spaces.nexudus.com/signup?tariff_guid=ec3a5718-ab0d-4814-b276-9a637b0e9468"
desk_rental_tiers:
- name: Standard + Desk
description: For those who regularly use the space and want a dedicated desk to work from.
price: 135
period: monthly
benefits:
- 🖥️ Dedicated desk rental
- 🏪 24/7 access
- 🤖 Fair use of workshop facilities (training may be required)
- 🎟️ Free entry to Farset Labs events
url: "https://farsetlabs.spaces.nexudus.com/signup?tariff_guid=02662296-c46f-49fd-b3ed-0dd0e0f01c92"
- name: Standard + Desk (Annual)
description: For those who regularly use the space and want a dedicated desk to work from.
price: 1,485
period: annual
benefits:
- 🆓 1 Month Free
- 🖥️ Dedicated desk rental
- 🏪 24/7 access
- 🤖 Fair use of workshop facilities (training may be required)
- 🎟️ Free entry to Farset Labs events
url: "https://farsetlabs.spaces.nexudus.com/signup?tariff_guid=bd6e3095-6286-4ae9-b9d4-2e28a21bd8d9"
9 changes: 4 additions & 5 deletions about/who_we_are.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -37,8 +37,8 @@ <h4 style="margin-bottom: 0">{{officer.name}}</h4>
<p>{{officer.pronouns}}</p>
<h5 class="subheader">{{officer.title}} ({{officer.year}} )</h5>
{{ officer.blurb | unindent | markdownify }}
<ul class="small button-group round right">
{% if officer.email %}<li><a class="small button" href="mailto:{{officer.email}}">{{officer.email}} <i class="general foundicon-mail"></i></a></li>{% endif %}
<ul class="small button-group right">
{% if officer.email %}<li><a class="small button round" href="mailto:{{officer.email}}">{{officer.email}} <i class="general foundicon-mail"></i></a></li>{% endif %}
</ul>
</div>
</div>
Expand Down Expand Up @@ -70,8 +70,8 @@ <h5 class="subheader">{{officer.title}} ({{officer.year}} )</h5>
{% if officer.blurb %}
{{ officer.blurb | unindent | markdownify }}
{% endif %}
<ul class="small button-group round right">
{% if officer.email %}<li><a class="small button" href="mailto:{{officer.email}}">{{officer.email}} <i class="general foundicon-mail"></i></a></li>{% endif %}
<ul class="small button-group right">
{% if officer.email %}<li><a class="small button round" href="mailto:{{officer.email}}">{{officer.email}} <i class="general foundicon-mail"></i></a></li>{% endif %}
</ul>

</div>
Expand Down Expand Up @@ -122,4 +122,3 @@ <h2>Acknowledgements</h2>
<p>We would like to thank our <a href="/support/corporates">corporate members</a>, who are actively encouraging the next generation of experimenters and revolutionaries; Tibus Connect, and Weavers Court Business Park, for believing in us from day one.</p>
</div>
</div>

8 changes: 8 additions & 0 deletions assets/css/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -271,3 +271,11 @@ a:hover {
}
}
}

.row {
max-width: 65rem;
}

.button.round {
border-radius: 6px;
}
3 changes: 1 addition & 2 deletions assets/iridium/iridium.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -129,7 +129,7 @@ ul.posts li .title {
color: rgb(100, 10, 100);
}
.user-content h3, .user-content h4, .user-content h5, .user-content h6 {
font-size: 1.1em
font-size: 1.1em;
font-weight: bold;
text-transform: uppercase;
}
Expand All @@ -145,4 +145,3 @@ div.block p {
div.block .th-container {
padding-top: 10px;
}

80 changes: 6 additions & 74 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -18,92 +18,24 @@
</div>

<div class="row">
<div class="small-12 columns">
Copy link
Member

@alistairjcbrown alistairjcbrown Jul 12, 2024 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

❓ Does removing this class do anything?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I don't remember why I removed this specifically (likely faffing around with the pricing table width), though small-12 is just width: 100%, so I think it only makes sense if you're setting different widths at different breakpoints, right? Otherwise the div's width is always 100%.

<div class=" columns">
<fieldset class="block">
<legend>
<h4>Get Involved</h4>
</legend>
<div>
<p class="text-center">Becoming a member of the Labs
<p class="">Becoming a member of the Labs
<a href="/about/facility">opens the doors to our resources and space</a>
any time, as well as
<a href="/events">free access to events</a>.
Long-term desk rental is also available for members.
</p>
</div>
<div class="membership-carousel">
{% for tier in site.membership_tiers.monthly %}
<div class="membership-tier">
<div class="header">
<h3>
{{ tier.name }}
</h3>
<sub>
£{{ tier.price }} per month
</sub>
</div>
<div class="description-box">
<p>
{{ tier.description }}
</p>
</div>
<div class="benefits-list">
<ul>
{% for benefit in tier.benefits %}
<li>{{ benefit }}</li>
{% endfor %}
</ul>
</div>
<div>
<a href="{{ tier.url }}" class="button expand round">
<b>Join</b>
</a>
</div>
</div>
{% endfor %}
</div>
<div style="font-size: 1.2rem; padding: 1.25rem; text-align: center;">
Click <a href="https://farsetlabs.spaces.nexudus.com">here</a> to check out annual plans
</div>
<script async src="https://js.stripe.com/v3/pricing-table.js"></script>
<stripe-pricing-table pricing-table-id="prctbl_1PYSAdHVcZRgX183ab67RI0g"
publishable-key="pk_live_1sIaEOF4fdxq136517FMhqG0">
</stripe-pricing-table>
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

NAB: Do we need to do anything in case the Pricing Table doesn't load (for whatever reason)?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Yeah, good question. I didn't see anything in the Stripe documentation about it, so...no? It loads a custom element so we could check with something like

const pricingTableLoaded = !!customElements.get('stripe-pricing-table');

if (!pricingTableLoaded) {
  // insert fallback
}

</fieldset>

<fieldset class="block">
<legend>
<h4>Desk Rental</h4>
</legend>
<div class="membership-carousel">
{% for tier in site.desk_rental_tiers %}
<div class="membership-tier">
<div class="header">
<h3>
{{ tier.name }}
</h3>
<sub>
£{{ tier.price }} per {% if tier.period == "monthly" %} month {% else %} year {% endif %}
</sub>
</div>
<div class="description-box">
<p>
{{ tier.description }}
</p>
</div>
<div class="benefits-list">
<ul>
{% for benefit in tier.benefits %}
<li>{{ benefit }}</li>
{% endfor %}
</ul>
</div>
<div>
<a href="{{ tier.url }}" class="button expand round">
<b>Join</b>
</a>
</div>
</div>
{% endfor %}
</div>
</fieldset>

<fieldset class="block">
<legend>
<h4>Support Us</h4>
Expand Down
26 changes: 15 additions & 11 deletions support/donate.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,9 @@ for charitable donations.

If you'd like to support our work in this way, follow the link below! Thanks!

<a href="https://www.paypal.com/gb/fundraiser/charity/113209" class="large button expand round">Donate</a>
<p style="text-align: center;">
<a href="https://www.paypal.com/gb/fundraiser/charity/113209" class="large button expand round" style="max-width: 30rem;">Donate</a>
</p>

For larger donations, it may be easier to
[contact us](mailto:donate@farsetlabs.org.uk) to arrange a BACS payment and
Expand All @@ -31,8 +33,10 @@ including many of the world's largest companies such as Microsoft, Coca-Cola,
and Google. If your employer is one of them, you can support the work of the
charity below.

<a class="large button round expand" type="button" href="https://causes.benevity.org/causes/826-NI_102754">Support
us via Benevity</a>
<p style="text-align: center;">
<a class="large button round expand" style="max-width: 30rem;" type="button" href="https://causes.benevity.org/causes/826-NI_102754">Support
us via Benevity</a>
</P>

## Friends of Farset

Expand All @@ -42,14 +46,14 @@ towards the upkeep of the space and it's community and if you want to support
anything in particular, you can say so in the form!

<div class="btn-group" role="group" aria-label="support-group" style="text-align:center">
<a class="large button round expand" type="button" href="https://www.patreon.com/bePatron?u=11068558">Support us via Patreon</a>
<form class="text-center" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="6E5VFUY63DKLS">
<input type="hidden" src="https://www.paypalobjects.com/en_GB/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online.">
<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
<input type="submit" name="submit" class="large button round expand" value="Support us via PayPal">
</form>
<a class="large button round expand" style="max-width: 30rem;" type="button" href="https://www.patreon.com/bePatron?u=11068558">Support us via Patreon</a>
<form class="text-center" action="https://www.paypal.com/cgi-bin/webscr" method="post" target="_top">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="6E5VFUY63DKLS">
<input type="hidden" src="https://www.paypalobjects.com/en_GB/i/btn/btn_donate_SM.gif" border="0" name="submit" alt="PayPal – The safer, easier way to pay online.">
<img alt="" border="0" src="https://www.paypalobjects.com/en_GB/i/scr/pixel.gif" width="1" height="1">
<input type="submit" name="submit" style="max-width: 30rem;" class="large button round expand" value="Support us via PayPal">
</form>
</div>

Please [contact us](mailto:donate@farsetlabs.org.uk) if you'd like to make a
Expand Down