First pass a Stripe Button

Jason3S · Jason3S · commit 60729667b349 · 2024-08-28T23:18:24.000+02:00
diff --git a/.editorconfig b/.editorconfig
@@ -0,0 +1,16 @@
+root = true
+
+[*]
+indent_style = space
+indent_size = 4
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.{yaml,yml,json}]
+indent_size = 2
+
+[*.md]
+indent_size = 2
+trim_trailing_whitespace = false
diff --git a/.gitignore b/.gitignore
@@ -2,3 +2,4 @@ _site/
 .sass-cache/
 .jekyll-cache/
 .jekyll-metadata
+node_modules/
diff --git a/.prettierignore b/.prettierignore
@@ -0,0 +1 @@
+**/*.mdx
diff --git a/.prettierrc.yaml b/.prettierrc.yaml
@@ -0,0 +1,5 @@
+tabWidth: 4
+semi: false
+singleQuote: true
+printWidth": 120
+singleQuote": true
diff --git a/package.json b/package.json
@@ -5,5 +5,8 @@
   "scripts": {
     "serve": "bundle exec jekyll serve",
     "spell-check": "npx cspell --dot \"**\""
+  },
+  "devDependencies": {
+    "prettier": "^3.3.3"
   }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
diff --git a/website/docs/about.md b/website/docs/about.md
diff --git a/website/docs/support.md b/website/docs/support.md
@@ -55,6 +55,6 @@ Options:
 
 -   [support@streetsidesoftware.com](mailto:support@streetsidesoftware.com)
 
-
 [^vat]: All rates and prices exclude VAT/BTW.
+
 [^support_hours]: Support hours do NOT accrue month to month.
diff --git a/website/docusaurus.config.ts b/website/docusaurus.config.ts
@@ -82,14 +82,16 @@ const config: Config = {
         },
         // {to: '/blog', label: 'Blog', position: 'left'},
         {
-          type: 'doc',
+          // type: 'doc',
           docId: 'sponsor',
+          to: '/sponsor',
           label: 'Sponsor',
           position: 'left'
       },
       {
-          type: 'doc',
+          // type: 'doc',
           docId: 'about',
+          to: '/about',
           label: 'About',
           position: 'left'
       },
diff --git a/website/src/components/HomepageFeatures/index.tsx b/website/src/components/HomepageFeatures/index.tsx
@@ -1,5 +1,4 @@
 import Link from '@docusaurus/Link';
-import Button from '@mui/material/Button';
 import clsx from 'clsx';
 import Heading from '@theme/Heading';
 import styles from './styles.module.css';
diff --git a/website/src/components/StripeBuyButton.jsx b/website/src/components/StripeBuyButton.jsx
@@ -0,0 +1,11 @@
+import Reach from 'react'
+
+export const publishableKey =
+    'pk_live_51PnKbmGrYcG8NVg5hH583GvfdZi0FBx45TMymYQxpgTDcYKHUAIFW4n63G1stzqp2TXynE2fAnZc3Bpvo7L9t9f900ZDB0VHOm' // cspell:disable-line
+
+export const StripeBuyButton = ({ buyButtonId }) => (
+    <stripe-buy-button
+        buy-button-id={buyButtonId}
+        publishable-key={publishableKey}
+    ></stripe-buy-button>
+)
diff --git a/website/src/pages/about.md b/website/src/pages/about.md
@@ -1,24 +1,19 @@
 ---
-title: 'Sponsor'
-layout: splash
-id: sponsor
-# classes:
-#     - landing
-#     - dark-theme
+it: about
+title: About
+description: 'About Street Side Software'
 header:
     overlay_color: '#000'
     overlay_filter: '0.5'
-    # overlay_image: /assets/images/late-afternoon.jpg
     overlay_image: /assets/images/sunrise.jpg
-    # actions:
-    #     - label: 'Download'
-    #       url: '#test-link'
 excerpt: 'Making life easier for software developers around the world.'
 ---
 
-# Sponsor Street Side Software
+# About
 
-As the founder of Street Side Software, I would like to thank you for visiting.
+Street Side Software is a small independent company dedicated to creating solutions to everyday problems.
+
+Street Side Software currently maintains a host of open source libraries and applications.
 
 ## History of CSpell
 
@@ -32,29 +27,4 @@ It was a conscious choice from the beginning to Open Source the spell checker.
 
 ## Commitment to Data Privacy and Security
 
-
-
-## Sponsorship
-
-Let's start with a few questions:
-
-- Does the spell checker help you get things done?
-- Does the spell checker help improve the quality of your work?
-- Is avoiding spelling mistakes important to you or your team?
-- Do you have ideas on how it could be better?
-
-In order to dedicate resources to maintaining and improving the CSpell suite of tools, Street Side Software needs your support.
-
-### Ways to Sponsor
-
-**Direct**
-
-- [One Time Donation USD](https://donate.stripe.com/cN201Z4Nn9mi4Ao8wA)
-- [One Time Donation EUR](https://donate.stripe.com/aEUaGDcfP6a6c2Q9AB)
-- Individual [€5.00 EUR / month](https://buy.stripe.com/3cs5mj6Vvcyu3wk9AD)
-- Small Business [€10.00 EUR / month](https://buy.stripe.com/28ocOLenXdCy1oc6oo)
-- Business Subscription [€100.00 EUR / month](https://buy.stripe.com/8wM01Z0x7cyu5Es9AC)
-
-**GitHub Sponsors**
-
-- [![GitHub Sponsors](https://img.shields.io/badge/-black?style=social&logo=githubsponsors&label=GitHub%20Sponsor%3A%20Street%20Side%20Software)](https://github.com/sponsors/streetsidesoftware)
+Made with ❤️ in Holland
diff --git a/website/src/pages/fun/index.mdx b/website/src/pages/fun/index.mdx
@@ -0,0 +1,25 @@
+---
+id: fun
+title: Having Fun
+description: 'No need to be serious all the time.'
+---
+
+export const Highlight = ({children, color}) => (
+  <span
+    style={{
+      backgroundColor: color,
+      borderRadius: '2px',
+      color: '#fff',
+      padding: '0.2rem',
+    }}>
+    {children}
+  </span>
+);
+
+Let have some <Highlight color="#1877F2">FUN</Highlight>
+
+Street Side Software is a small independent company dedicated to creating solutions to everyday problems.
+
+Street Side Software currently maintains a host of open source libraries and applications.
+
+Made with ❤️ in Holland
diff --git a/website/src/pages/markdown-page copy.md b/website/src/pages/markdown-page copy.md
diff --git a/website/src/pages/mdx-page.md b/website/src/pages/mdx-page.md
@@ -0,0 +1,8 @@
+---
+title: MDX page example
+---
+
+
+# MDX page example
+
+You don't need React to write simple standalone pages.
diff --git a/website/src/pages/sponsor.mdx b/website/src/pages/sponsor.mdx
@@ -0,0 +1,64 @@
+---
+title: 'Sponsor'
+layout: splash
+id: sponsor
+---
+
+import { StripeBuyButton } from '@site/src/components/StripeBuyButton';
+
+<head>
+    <script async src="https://js.stripe.com/v3/buy-button.js"></script>
+</head>
+
+{/* cspell:disable-next-line */}
+export const publishableKey = 'pk_live_51PnKbmGrYcG8NVg5hH583GvfdZi0FBx45TMymYQxpgTDcYKHUAIFW4n63G1stzqp2TXynE2fAnZc3Bpvo7L9t9f900ZDB0VHOm';
+export const buttons = [
+"buy_btn_1PsVVRGrYcG8NVg5wVvjZ3CQ",
+"buy_btn_1PnL9HGrYcG8NVg5oLi6p3t7",
+"buy_btn_1PslZyGrYcG8NVg5enjWmYFe"
+]
+
+{ /*
+export const StripeBuyButton = ({ buyButtonId }) => (<><stripe-buy-button buy-button-id={buyButtonId} publishable-key={publishableKey}></stripe-buy-button></>)
+*/
+}
+
+# Sponsor Street Side Software
+
+{/*
+
+## Sponsorship
+
+Let's start with a few questions:
+
+-   Does the spell checker help you get things done?
+-   Does the spell checker help improve the quality of your work?
+-   Is avoiding spelling mistakes important to you or your team?
+-   Do you have ideas on how it could be better?
+
+In order to dedicate resources to maintaining and improving the CSpell suite of tools, Street Side Software needs your support.
+*/}
+
+### Ways to Sponsor
+
+**Direct**
+
+-   [One Time Donation USD](https://donate.stripe.com/cN201Z4Nn9mi4Ao8wA)
+-   [One Time Donation EUR](https://donate.stripe.com/aEUaGDcfP6a6c2Q9AB)
+-   Individual [€5.00 EUR / month](https://buy.stripe.com/3cs5mj6Vvcyu3wk9AD)
+-   Small Business [€10.00 EUR / month](https://buy.stripe.com/28ocOLenXdCy1oc6oo)
+-   Business Subscription [€100.00 EUR / month](https://buy.stripe.com/8wM01Z0x7cyu5Es9AC)
+
+**GitHub Sponsors**
+
+-   [![GitHub Sponsors](https://img.shields.io/badge/-black?style=social&logo=githubsponsors&label=GitHub%20Sponsor%3A%20Street%20Side%20Software)](https://github.com/sponsors/streetsidesoftware)
+
+{buttons.map(buyButtonId => <StripeBuyButton buyButtonId={buyButtonId} />)}
+
+<iframe
+    src="https://github.com/sponsors/streetsidesoftware/card"
+    title="Sponsor streetsidesoftware"
+    height="225"
+    width="600"
+    style={{ border: 0 }}
+></iframe>

Original file line number	Diff line number	Diff line change
`@@ -5,5 +5,8 @@`
`5`	`5`	`"scripts": {`
`6`	`6`	`"serve": "bundle exec jekyll serve",`
`7`	`7`	`"spell-check": "npx cspell --dot \"**\""`
	`8`	`+ },`
	`9`	`+ "devDependencies": {`
	`10`	`+ "prettier": "^3.3.3"`
`8`	`11`	`}`
`9`	`12`	`}`
Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,4 @@`
`1`	`1`	`import Link from '@docusaurus/Link';`
`2`		`-import Button from '@mui/material/Button';`
`3`	`2`	`import clsx from 'clsx';`
`4`	`3`	`import Heading from '@theme/Heading';`
`5`	`4`	`import styles from './styles.module.css';`