From 4d2c72c14f66e7086c32a719bbaaa40b3f7ed8ac Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Mon, 11 Jul 2022 23:38:21 +0300
Subject: [PATCH] Add contributions page

---
 app/components/layout/Footer.tsx |  6 ++--
 app/routes/contributions.tsx     | 56 ++++++++++++++++++++++++++++++++
 app/utils/urls.ts                |  5 +++
 3 files changed, 65 insertions(+), 2 deletions(-)
 create mode 100644 app/routes/contributions.tsx

diff --git a/app/components/layout/Footer.tsx b/app/components/layout/Footer.tsx
index cde72e704..c76e7e030 100644
--- a/app/components/layout/Footer.tsx
+++ b/app/components/layout/Footer.tsx
@@ -2,10 +2,12 @@ import { Link, useLoaderData } from "@remix-run/react";
 import type { RootLoaderData } from "~/root";
 import { discordFullName } from "~/utils/strings";
 import {
+  CONTRIBUTIONS_PAGE,
   FAQ_PAGE,
   SENDOU_INK_DISCORD_URL,
   SENDOU_INK_GITHUB_URL,
   SENDOU_INK_PATREON_URL,
+  SENDOU_INK_TWITTER_URL,
   SENDOU_TWITTER_URL,
   userPage,
 } from "~/utils/urls";
@@ -24,7 +26,7 @@ export function Footer() {
         <a href={SENDOU_TWITTER_URL} target="_blank" rel="noreferrer">
           sendou.ink by Sendou
         </a>
-        <Link to={"/"}>Contributors</Link>
+        <Link to={CONTRIBUTIONS_PAGE}>Contributors</Link>
         <Link to={FAQ_PAGE}>FAQ</Link>
       </div>
       <div className="layout__footer__socials">
@@ -41,7 +43,7 @@ export function Footer() {
         </a>
         <a
           className="layout__footer__social-link"
-          href={SENDOU_TWITTER_URL}
+          href={SENDOU_INK_TWITTER_URL}
           target="_blank"
           rel="noreferrer"
         >
diff --git a/app/routes/contributions.tsx b/app/routes/contributions.tsx
new file mode 100644
index 000000000..4e908bd81
--- /dev/null
+++ b/app/routes/contributions.tsx
@@ -0,0 +1,56 @@
+import type { MetaFunction } from "@remix-run/node";
+import { Main } from "~/components/Main";
+import { makeTitle } from "~/utils/remix";
+import {
+  BORZOIC_TWITTER,
+  GITHUB_CONTRIBUTORS_URL,
+  LEAN_TWITTER,
+  SENDOU_TWITTER_URL,
+  UBERU_TWITTER,
+} from "~/utils/urls";
+
+export const meta: MetaFunction = () => {
+  return {
+    title: makeTitle("Contributions"),
+  };
+};
+
+export default function ContributionsPage() {
+  return (
+    <Main>
+      <p>
+        Sendou.ink is a project by{" "}
+        <a href={SENDOU_TWITTER_URL} target="_blank" rel="noreferrer">
+          Sendou
+        </a>{" "}
+        with help from contributors.
+      </p>
+      <ul className="mt-2">
+        <li>
+          <a href={GITHUB_CONTRIBUTORS_URL} target="_blank" rel="noreferrer">
+            Several made commits to the code
+          </a>
+        </li>
+        <li>
+          <a href={LEAN_TWITTER} target="_blank" rel="noreferrer">
+            Lean
+          </a>{" "}
+          - Helped with uncovering Splatoon internals and created the Lanista
+          bot
+        </li>
+        <li>
+          <a href={BORZOIC_TWITTER} target="_blank" rel="noreferrer">
+            borzoic
+          </a>{" "}
+          - Made badges, icons and front page art
+        </li>
+        <li>
+          <a href={UBERU_TWITTER} target="_blank" rel="noreferrer">
+            uberu
+          </a>{" "}
+          - Drew mini Judd holding heart emoji
+        </li>
+      </ul>
+    </Main>
+  );
+}
diff --git a/app/utils/urls.ts b/app/utils/urls.ts
index b4f5fa730..4bbbf61b4 100644
--- a/app/utils/urls.ts
+++ b/app/utils/urls.ts
@@ -5,12 +5,17 @@ export const SENDOU_TWITTER_URL = "https://twitter.com/sendouc";
 export const SENDOU_INK_TWITTER_URL = "https://twitter.com/sendouink";
 export const SENDOU_INK_PATREON_URL = "https://patreon.com/sendou";
 export const SENDOU_INK_GITHUB_URL = "https://github.com/Sendouc/sendou.ink";
+export const GITHUB_CONTRIBUTORS_URL =
+  "https://github.com/Sendouc/sendou.ink/graphs/contributors";
 export const BORZOIC_TWITTER = "https://twitter.com/borzoic_";
+export const LEAN_TWITTER = "https://twitter.com/LeanYoshi";
+export const UBERU_TWITTER = "https://twitter.com/uberu5";
 export const LOG_IN_URL = "/auth";
 export const LOG_OUT_URL = "/auth/logout";
 export const PLUS_SUGGESTIONS_PAGE = "/plus/suggestions";
 export const ADMIN_PAGE = "/admin";
 export const FAQ_PAGE = "/faq";
+export const CONTRIBUTIONS_PAGE = "/contributions";
 export const BADGES_PAGE = "/badges";
 export const STOP_IMPERSONATING_URL = "/auth/impersonate/stop";