Added jip route 😭 and fixed a hover issue on bookmark button

src/assets/locales/en.json

@@ -111,7 +111,8 @@
       "onboarding": "Setup",
       "pagetitle": "{{title}} - sudo-flix",
       "register": "Register",
-      "settings": "Settings"
+      "settings": "Settings",
+      "jip": "Jip"
     }
   },
   "home": {
@@ -481,6 +482,18 @@
       "title": "How can I report a bug or issue?"
     }
   },
+  "jip": {
+    "title": "Jip",
+    "text": "sudo-flix didn't fall out of a coconut tree, it was made mostly by a single person (a very epic one at that).",
+    "q1": {
+      "body": "Well, you can join the official <0>sudo-flix discord</0> and ask questions there or you can email the one provided at the bottom of this page.",
+      "title": "Where can I get help?"
+    },
+    "q2": {
+      "body": "We have a <0>GitHub</0> where you can create a detailed issue in our repository. Additionally, if you wish, you can create a pull request to fix the issue yourself.",
+      "title": "How can I report a bug or issue?"
+    }
+  },
   "screens": {
     "dmca": {
       "text": "Welcome to sudo-flix's DMCA contact page. If you believe your copyrighted work has been improperly used on our platform (😢), please send a detailed DMCA notice to: <bold>{{dmca}}</bold> below. Please include a description of the copyrighted material, your contact details, and a statement of good faith belief. We're committed to resolving these matters promptly and appreciate your cooperation.",

src/components/media/MediaBookmark.tsx

@@ -41,7 +41,7 @@ export function MediaBookmarkButton({ media }: MediaBookmarkProps) {
     <IconPatch
       onClick={toggleBookmark}
       icon={isBookmarked ? Icons.BOOKMARK : Icons.BOOKMARK_OUTLINE}
-      className={`${buttonOpacityClass} p-2 opacity-75 transition-opacity transition-transform duration-300 hover:scale-110`}
+      className={`${buttonOpacityClass} p-2 opacity-75 transition-opacity transition-transform duration-300 hover:scale-110 hover:cursor-pointer`}
     />
   );
 }

src/pages/Jip.tsx

@@ -0,0 +1,57 @@
+import classNames from "classnames";
+import { Trans, useTranslation } from "react-i18next";
+
+import { ThinContainer } from "@/components/layout/ThinContainer";
+import { Heading1, Paragraph } from "@/components/utils/Text";
+import { PageTitle } from "@/pages/parts/util/PageTitle";
+
+import { SubPageLayout } from "./layouts/SubPageLayout";
+
+// too lazy to import the actual button component
+function Button(props: {
+  className: string;
+  onClick?: () => void;
+  children: React.ReactNode;
+  disabled?: boolean;
+}) {
+  return (
+    <button
+      className={classNames(
+        "font-bold rounded h-10 w-40 scale-90 hover:scale-95 transition-all duration-200",
+        props.className,
+      )}
+      type="button"
+      onClick={props.onClick}
+      disabled={props.disabled}
+    >
+      {props.children}
+    </button>
+  );
+}
+
+export function JipPage() {
+  const { t } = useTranslation();
+
+  return (
+    <SubPageLayout>
+      <PageTitle subpage k="global.pages.jip" />
+      <ThinContainer>
+        <Heading1>{t("jip.title")}</Heading1>
+        <Paragraph className="flex flex-col gap-6">
+          <Trans
+            i18nKey="jip.text"
+            components={{
+              bold: <span className="font-bold" style={{ color: "#cfcfcf" }} />,
+            }}
+          />
+          <Button
+            className="box-content w-full py-1 text-lg bg-buttons-secondary hover:bg-buttons-secondaryHover bg-opacity-90 text-buttons-secondaryText justify-center items-center inline-block"
+            onClick={() => window.open("https://github.com/jipfr", "_blank")}
+          >
+            Jipfr on GitHub
+          </Button>
+        </Paragraph>
+      </ThinContainer>
+    </SubPageLayout>
+  );
+}

src/setup/App.tsx

@@ -20,6 +20,7 @@ import { DmcaPage, shouldHaveDmcaPage } from "@/pages/Dmca";
 import MaintenancePage from "@/pages/errors/MaintenancePage";
 import { NotFoundPage } from "@/pages/errors/NotFoundPage";
 import { HomePage } from "@/pages/HomePage";
+import { JipPage } from "@/pages/Jip";
 import { LoginPage } from "@/pages/Login";
 import { OnboardingPage } from "@/pages/onboarding/Onboarding";
 import { OnboardingExtensionPage } from "@/pages/onboarding/OnboardingExtension";
@@ -150,6 +151,7 @@ function App() {
           ) : null}
           {/* Support page */}
           <Route path="/support" element={<SupportPage />} />
+          <Route path="/jip" element={<JipPage />} />
           {/* Discover page */}
           <Route path="/discover" element={<Discover />} />
           {/* Settings page */}