chore(tidyup): tidy up

public/manifest.json

@@ -1,21 +1,11 @@
 {
-  "short_name": "TanStack App",
-  "name": "Create TanStack App Sample",
+  "short_name": "pengwu",
+  "name": "pengwu",
   "icons": [
     {
       "src": "favicon.ico",
       "sizes": "64x64 32x32 24x24 16x16",
       "type": "image/x-icon"
-    },
-    {
-      "src": "logo192.png",
-      "type": "image/png",
-      "sizes": "192x192"
-    },
-    {
-      "src": "logo512.png",
-      "type": "image/png",
-      "sizes": "512x512"
     }
   ],
   "start_url": ".",

src/client/components/Footer.tsx

@@ -17,22 +17,28 @@ export function Footer() {
 						href="https://github.com/Zefty"
 						target="_blank"
 						className="transition-colors duration-350 ease-out hover:text-muted"
+						aria-label="github"
 					>
 						<IconBrandGithubFilled className="size-12" />
+						<span className="sr-only hidden">Github</span>
 					</ALink>
 					<ALink
 						href="https://www.linkedin.com/in/jwu153/"
 						target="_blank"
 						className="transition-colors duration-350 ease-out hover:text-muted"
+						aria-label="linkedin"
 					>
 						<IconBrandLinkedinFilled className="size-12" />
+						<span className="sr-only hidden">Linkedin</span>
 					</ALink>
 					<ALink
 						href="mailto:jaime.wu011@gmail.com"
 						target="_blank"
 						className="transition-colors duration-350 ease-out hover:text-muted"
+						aria-label="email"
 					>
 						<IconMailFilled className="size-12" />
+						<span className="sr-only hidden">Email</span>
 					</ALink>
 				</div>
 			</div>

src/client/components/Timeline.tsx

@@ -139,9 +139,9 @@ function TimelineContent({
 		<Collapsible className="hover:bg-muted/50 data-open:bg-muted/50 rounded-lg p-4 w-full">
 			<CollapsibleTrigger className="group flex justify-between text-start w-full gap-4">
 				<div>
-					<h3 className="text-xl md:text-2xl lg:text-3xl font-semibold tracking-[-0.01em] text-start">
+					<span className="text-xl md:text-2xl lg:text-3xl font-semibold tracking-[-0.01em] text-start">
 						{title}
-					</h3>
+					</span>
 					<div className="flex items-center gap-2 mt-2 text-md font-semibold">
 						<IconCalendar className="h-4 w-4" />
 						<span>{date}</span>

src/client/components/three/ThreeLoader.tsx

@@ -22,8 +22,14 @@ export function ThreeLoader({ minDuration = 1000 }: { minDuration?: number }) {
 				hidden ? "opacity-0" : "opacity-100",
 			)}
 		>
-			<Progress value={progress} className="w-1/4 bg-transparent">
-				<h1 className="text-center w-full font-bold text-xl">Loading...</h1>
+			<Progress
+				value={progress}
+				className="w-1/4 bg-transparent"
+				aria-label="loading"
+			>
+				<h1 id="loading-label" className="text-center w-full font-bold text-xl">
+					Loading...
+				</h1>
 			</Progress>
 			<OceanBackground className="-z-10" />
 		</div>

src/core/types/index.ts

@@ -1,6 +1,8 @@
 export type Success<T> = { data: T; error: null };
+
 export type Failure<E> = {
 	data: null;
 	error: E;
 };
+
 export type Result<T, E> = Success<T> | Failure<E>;