pstream is dead; long live pstream taciturnaxolotl.github.io/pstream-ng/

Pas page

Pas 83f8a385 77f91276

+68 -10
+7 -10
src/assets/locales/en.json
··· 253 253 "register": "Register", 254 254 "settings": "Settings", 255 255 "migration": "Migrate Account", 256 - "jip": "Jip" 256 + "jip": "Jip", 257 + "pas": "Pas" 257 258 }, 258 259 "keyboardShortcuts": { 259 260 "title": "Keyboard Shortcuts", ··· 1107 1108 }, 1108 1109 "jip": { 1109 1110 "title": "Jip", 1110 - "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).", 1111 - "q1": { 1112 - "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.", 1113 - "title": "Where can I get help?" 1114 - }, 1115 - "q2": { 1116 - "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.", 1117 - "title": "How can I report a bug or issue?" 1118 - } 1111 + "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)." 1112 + }, 1113 + "pas": { 1114 + "title": "Pas", 1115 + "text": "P-Stream was a dream and Pas made it a reality." 1119 1116 }, 1120 1117 "screens": { 1121 1118 "legal": {
+59
src/pages/Pas.tsx
··· 1 + import classNames from "classnames"; 2 + import { Trans, useTranslation } from "react-i18next"; 3 + 4 + import { ThinContainer } from "@/components/layout/ThinContainer"; 5 + import { Heading1, Paragraph } from "@/components/utils/Text"; 6 + import { PageTitle } from "@/pages/parts/util/PageTitle"; 7 + 8 + import { SubPageLayout } from "./layouts/SubPageLayout"; 9 + 10 + // too lazy to import the actual button component 11 + function Button(props: { 12 + className: string; 13 + onClick?: () => void; 14 + children: React.ReactNode; 15 + disabled?: boolean; 16 + }) { 17 + return ( 18 + <button 19 + className={classNames( 20 + "font-bold rounded h-10 w-40 scale-90 hover:scale-95 transition-all duration-200", 21 + props.className, 22 + )} 23 + type="button" 24 + onClick={props.onClick} 25 + disabled={props.disabled} 26 + > 27 + {props.children} 28 + </button> 29 + ); 30 + } 31 + 32 + export function PasPage() { 33 + const { t } = useTranslation(); 34 + 35 + return ( 36 + <SubPageLayout> 37 + <PageTitle subpage k="global.pages.pas" /> 38 + <ThinContainer> 39 + <Heading1>{t("pas.title")}</Heading1> 40 + <Paragraph className="flex flex-col gap-6"> 41 + <Trans 42 + i18nKey="pas.text" 43 + components={{ 44 + bold: <span className="font-bold" style={{ color: "#cfcfcf" }} />, 45 + }} 46 + /> 47 + <Button 48 + 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" 49 + onClick={() => 50 + window.open("https://github.com/Pasithea0", "_blank") 51 + } 52 + > 53 + Pasithea0 on GitHub 54 + </Button> 55 + </Paragraph> 56 + </ThinContainer> 57 + </SubPageLayout> 58 + ); 59 + }
+2
src/setup/App.tsx
··· 39 39 import { OnboardingPage } from "@/pages/onboarding/Onboarding"; 40 40 import { OnboardingExtensionPage } from "@/pages/onboarding/OnboardingExtension"; 41 41 import { OnboardingProxyPage } from "@/pages/onboarding/OnboardingProxy"; 42 + import { PasPage } from "@/pages/Pas"; 42 43 import { RegisterPage } from "@/pages/Register"; 43 44 import { SupportPage } from "@/pages/Support"; 44 45 import { WatchHistory } from "@/pages/watchHistory/WatchHistory"; ··· 190 191 {/* Support page */} 191 192 <Route path="/support" element={<SupportPage />} /> 192 193 <Route path="/jip" element={<JipPage />} /> 194 + <Route path="/pas" element={<PasPage />} /> 193 195 {/* Discover pages */} 194 196 <Route path="/discover" element={<Discover />} /> 195 197 <Route