Add contributions page

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"
         >

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>
+  );
+}

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";