finalize

packages/i18n/strings/en.json

@@ -44,7 +44,7 @@
 
     "branches": {
       "beta": "Beta",
-      "development": "Development",
+      "development": "Post Malone Edition",
       "opentest": "OpenTest",
       "preview": "Preview",
       "production": "Production"
@@ -992,7 +992,7 @@
 
     "footer": {
       "motto": "Everything World of Tanks Blitz",
-      "copyright": "Unaffiliated with Wargaming or any service",
+      "association": "An Open Collective Project",
 
       "about": {
         "title": "About",

packages/website/src/components/Beg/index.tsx

@@ -1,4 +1,6 @@
+import { HeartFilledIcon } from "@radix-ui/react-icons";
 import { Button, Em, Flex, Strong, Text } from "@radix-ui/themes";
+import { donationTiers } from "../../config/donations";
 import styles from "./index.module.css";
 
 export function Beg() {
@@ -24,26 +26,21 @@ export function Beg() {
           </Text>
 
           <Text>
-            But paying out of pocket makes than impossible.{" "}
-            <Strong>We are a non-profit and don't run ads</Strong>, so consider
-            donating to make the above possible. 100% of your money goes back
-            into BlitzKit.
+            But paying out of pocket makes that impossible. We are an earnest
+            non-profit, so consider donating to make the above possible. 100% of
+            your money goes back into BlitzKit.
           </Text>
         </Flex>
 
         <Flex gap="3">
-          <Button size="3" color="crimson">
-            $5
-          </Button>
-          <Button size="3" color="crimson">
-            $10
-          </Button>
-          <Button size="3" color="crimson">
-            $25
-          </Button>
-          <Button size="3" color="crimson">
-            Custom
-          </Button>
+          {donationTiers.map(({ name, value, link }) => (
+            <a target="_blank" key={name} href={link}>
+              <Button size="3" color="crimson">
+                {value === null && <HeartFilledIcon />}
+                {value === null ? "Custom" : `$${value}`}
+              </Button>
+            </a>
+          ))}
         </Flex>
       </Flex>
     </Flex>

packages/website/src/components/Footer.astro

@@ -43,9 +43,9 @@ const strings = getStrings(locale);
       }}
     >
       <Heading>BlitzKit</Heading>
-      <Text color="gray">{strings.website.footer.motto}</Text>
-      <Text size="1" color="gray">
-        {strings.website.footer.copyright}
+      <Text size="2" color="gray">{strings.website.footer.motto}</Text>
+      <Text size="2" color="gray">
+        {strings.website.footer.association}
       </Text>
 
       <Box mt="2">

packages/website/src/config/donations.ts

@@ -1,12 +1,23 @@
+// TODO: source this from the open collective api, if even possible
 export const donationTiers = [
   {
     name: "The Backer",
     value: 5,
-    id: 106312,
+    link: "https://opencollective.com/blitzkit/contribute/backers-106312/checkout",
   },
   {
-    name: "The Backer",
-    value: 5,
-    id: 106312,
+    name: "The Engineer",
+    value: 10,
+    link: "https://opencollective.com/blitzkit/contribute/the-engineer-107057/checkout",
+  },
+  {
+    name: "The Patron",
+    value: 25,
+    link: "https://opencollective.com/blitzkit/contribute/the-patron-107056/checkout",
+  },
+  {
+    name: "The Sponsor",
+    value: null,
+    link: "https://opencollective.com/blitzkit/donate",
   },
 ];