Pas page

src/assets/locales/en.json

@@ -253,7 +253,8 @@
       "register": "Register",
       "settings": "Settings",
       "migration": "Migrate Account",
-      "jip": "Jip"
+      "jip": "Jip",
+      "pas": "Pas"
     },
     "keyboardShortcuts": {
       "title": "Keyboard Shortcuts",
@@ -1107,15 +1108,11 @@
   },
   "jip": {
     "title": "Jip",
-    "text": "P-Stream didn't fall out of a coconut tree, it was made mostly by a single person (a very epic one at that).",
+    "text": "movie-web didn't fall out of a coconut tree, it was made mostly by a single person (a very epic one at that)."
-    "q1": {
+  },
-      "body": "You can join the official <0>P-Stream fluxer</0> and ask questions there or you can email the one provided at the bottom of this page.",
+  "pas": {
-      "title": "Where can I get help?"
+    "title": "Pas",
-    },
+    "text": "P-Stream was a dream and Pas made it a reality."
-    "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": {
     "legal": {

src/pages/Pas.tsx

@@ -0,0 +1,59 @@
+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 PasPage() {
+  const { t } = useTranslation();
+
+  return (
+    <SubPageLayout>
+      <PageTitle subpage k="global.pages.pas" />
+      <ThinContainer>
+        <Heading1>{t("pas.title")}</Heading1>
+        <Paragraph className="flex flex-col gap-6">
+          <Trans
+            i18nKey="pas.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/Pasithea0", "_blank")
+            }
+          >
+            Pasithea0 on GitHub
+          </Button>
+        </Paragraph>
+      </ThinContainer>
+    </SubPageLayout>
+  );
+}

src/setup/App.tsx

@@ -39,6 +39,7 @@ import { MigrationUploadPage } from "@/pages/migration/MigrationUpload";
 import { OnboardingPage } from "@/pages/onboarding/Onboarding";
 import { OnboardingExtensionPage } from "@/pages/onboarding/OnboardingExtension";
 import { OnboardingProxyPage } from "@/pages/onboarding/OnboardingProxy";
+import { PasPage } from "@/pages/Pas";
 import { RegisterPage } from "@/pages/Register";
 import { SupportPage } from "@/pages/Support";
 import { WatchHistory } from "@/pages/watchHistory/WatchHistory";
@@ -190,6 +191,7 @@ function App() {
           {/* Support page */}
           <Route path="/support" element={<SupportPage />} />
           <Route path="/jip" element={<JipPage />} />
+          <Route path="/pas" element={<PasPage />} />
           {/* Discover pages */}
           <Route path="/discover" element={<Discover />} />
           <Route