+14 -1

src/assets/locales/en.json

··· 111 111 "onboarding": "Setup", 112 112 "pagetitle": "{{title}} - sudo-flix", 113 113 "register": "Register", 114 114 - "settings": "Settings" 114 114 + "settings": "Settings", 115 115 + "jip": "Jip" 115 116 } 116 117 }, 117 118 "home": { ··· 472 473 "support": { 473 474 "title": "Support", 474 475 "text": "sudo-flix is designed to be as user-friendly as possible. However, people still have questions and issues. This page is here to help resolve these shortcomings", 476 476 + "q1": { 477 477 + "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.", 478 478 + "title": "Where can I get help?" 479 479 + }, 480 480 + "q2": { 481 481 + "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.", 482 482 + "title": "How can I report a bug or issue?" 483 483 + } 484 484 + }, 485 485 + "jip": { 486 486 + "title": "Jip", 487 487 + "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).", 475 488 "q1": { 476 489 "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.", 477 490 "title": "Where can I get help?"

+1 -1

src/components/media/MediaBookmark.tsx

··· 41 41 <IconPatch 42 42 onClick={toggleBookmark} 43 43 icon={isBookmarked ? Icons.BOOKMARK : Icons.BOOKMARK_OUTLINE} 44 44 - className={`${buttonOpacityClass} p-2 opacity-75 transition-opacity transition-transform duration-300 hover:scale-110`} 44 44 + className={`${buttonOpacityClass} p-2 opacity-75 transition-opacity transition-transform duration-300 hover:scale-110 hover:cursor-pointer`} 45 45 /> 46 46 ); 47 47 }

+57

src/pages/Jip.tsx

··· 1 1 + import classNames from "classnames"; 2 2 + import { Trans, useTranslation } from "react-i18next"; 3 3 + 4 4 + import { ThinContainer } from "@/components/layout/ThinContainer"; 5 5 + import { Heading1, Paragraph } from "@/components/utils/Text"; 6 6 + import { PageTitle } from "@/pages/parts/util/PageTitle"; 7 7 + 8 8 + import { SubPageLayout } from "./layouts/SubPageLayout"; 9 9 + 10 10 + // too lazy to import the actual button component 11 11 + function Button(props: { 12 12 + className: string; 13 13 + onClick?: () => void; 14 14 + children: React.ReactNode; 15 15 + disabled?: boolean; 16 16 + }) { 17 17 + return ( 18 18 + <button 19 19 + className={classNames( 20 20 + "font-bold rounded h-10 w-40 scale-90 hover:scale-95 transition-all duration-200", 21 21 + props.className, 22 22 + )} 23 23 + type="button" 24 24 + onClick={props.onClick} 25 25 + disabled={props.disabled} 26 26 + > 27 27 + {props.children} 28 28 + </button> 29 29 + ); 30 30 + } 31 31 + 32 32 + export function JipPage() { 33 33 + const { t } = useTranslation(); 34 34 + 35 35 + return ( 36 36 + <SubPageLayout> 37 37 + <PageTitle subpage k="global.pages.jip" /> 38 38 + <ThinContainer> 39 39 + <Heading1>{t("jip.title")}</Heading1> 40 40 + <Paragraph className="flex flex-col gap-6"> 41 41 + <Trans 42 42 + i18nKey="jip.text" 43 43 + components={{ 44 44 + bold: <span className="font-bold" style={{ color: "#cfcfcf" }} />, 45 45 + }} 46 46 + /> 47 47 + <Button 48 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 49 + onClick={() => window.open("https://github.com/jipfr", "_blank")} 50 50 + > 51 51 + Jipfr on GitHub 52 52 + </Button> 53 53 + </Paragraph> 54 54 + </ThinContainer> 55 55 + </SubPageLayout> 56 56 + ); 57 57 + }

+2

src/setup/App.tsx

··· 20 20 import MaintenancePage from "@/pages/errors/MaintenancePage"; 21 21 import { NotFoundPage } from "@/pages/errors/NotFoundPage"; 22 22 import { HomePage } from "@/pages/HomePage"; 23 23 + import { JipPage } from "@/pages/Jip"; 23 24 import { LoginPage } from "@/pages/Login"; 24 25 import { OnboardingPage } from "@/pages/onboarding/Onboarding"; 25 26 import { OnboardingExtensionPage } from "@/pages/onboarding/OnboardingExtension"; ··· 150 151 ) : null} 151 152 {/* Support page */} 152 153 <Route path="/support" element={<SupportPage />} /> 154 154 + <Route path="/jip" element={<JipPage />} /> 153 155 {/* Discover page */} 154 156 <Route path="/discover" element={<Discover />} /> 155 157 {/* Settings page */}