Merge pull request #419 from FarsetLabs/revert-418-stripe-pricing-table

Revert "Add Stripe pricing table to homepage"
FarsetLabs · Jul 8, 2024 · c26049c · c26049c
2 parents 9bfdba7 + 0f69b8a
commit c26049c
Show file tree

Hide file tree

Showing 6 changed files with 140 additions and 36 deletions.
diff --git a/_config.yml b/_config.yml
@@ -44,3 +44,51 @@ 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"
diff --git a/about/who_we_are.html b/about/who_we_are.html
@@ -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 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 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>
         </div>
     </div>
@@ -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 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 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>
 
         </div>
@@ -122,3 +122,4 @@ <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>
+
diff --git a/assets/css/main.css b/assets/css/main.css
@@ -271,11 +271,3 @@ a:hover {
     }
   }
 }
-
-.row {
-  max-width: 65rem;
-}
-
-.button.round {
-  border-radius: 6px;
-}
diff --git a/assets/iridium/iridium.css b/assets/iridium/iridium.css
@@ -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;
 }
@@ -145,3 +145,4 @@ div.block p {
 div.block .th-container {
     padding-top: 10px;
 }
+
diff --git a/index.html b/index.html
@@ -18,26 +18,92 @@
 </div>
 
 <div class="row">
-  <div class=" columns">
+  <div class="small-12 columns">
     <fieldset class="block">
       <legend>
         <h4>Get Involved</h4>
       </legend>
       <div>
-        <p class="">Becoming a member of the Labs
+        <p class="text-center">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>
-      <script async src="https://js.stripe.com/v3/pricing-table.js"></script>
-      <stripe-pricing-table
-        pricing-table-id="prctbl_1PZ0c9HVcZRgX183kprpwXUW"
-        publishable-key="pk_test_9dkmuy8HPCFSagCYIsN5yA3M"
-      >
-      </stripe-pricing-table>
+      <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>
     </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>

diff --git a/support/donate.md b/support/donate.md
@@ -16,9 +16,7 @@ for charitable donations.
 
 If you'd like to support our work in this way, follow the link below! Thanks!
 
-<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>
+<a href="https://www.paypal.com/gb/fundraiser/charity/113209" class="large button expand round">Donate</a>
 
 For larger donations, it may be easier to
 [contact us](mailto:[email protected]) to arrange a BACS payment and
@@ -33,10 +31,8 @@ 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.
 
-<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>
+<a class="large button round expand" type="button" href="https://causes.benevity.org/causes/826-NI_102754">Support
+us via Benevity</a>
 
 ## Friends of Farset
 
@@ -46,14 +42,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" 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>
+<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>
 </div>
 
 Please [contact us](mailto:[email protected]) if you'd like to make a