Fix whitespace issues due to JSX whitespace change, small deploy improvements

.gitea/workflows/deploy.yaml

@@ -22,7 +22,9 @@ jobs:
           path: |
             node_modules/.astro/
             node_modules/.vite/
-          key: ${{ runner.os }}-buildcache
+          key: ${{ runner.os }}-buildcache-${{ hashFiles('package-lock.json') }}
+          restore-keys: |
+            ${{ runner.os }}-buildcache-
 
       - name: Setup Node
         uses: actions/setup-node@v5
@@ -33,11 +35,15 @@ jobs:
       - name: Install
         shell: "bash"
         working-directory: .
-        run: npm install
+        run: npm ci
 
       - name: Build
         shell: "bash"
         working-directory: .
+        env:
+          # Bound libuv/sharp thread usage: the builder is small and
+          # full parallelism OOMs it. Raise if the host grows.
+          UV_THREADPOOLSIZE: 4
         run: npm run build
 
       - name: Set up SSH

src/components/Player.astro

@@ -171,12 +171,14 @@ const playerArtworkOpacity = 0.4;
             </span>
           </div>
         </div>
-        <div class="flex flex-grow flex-col text-sm">
+        <div class="flex min-w-0 flex-grow flex-col text-sm">
           <span
             id="player:metadata:title"
-            class="w-full text-right font-semibold"></span>
-          <span id="player:metadata:subtitle" class="w-full text-right"></span>
-          <span id="player:metadata:extra" class="w-full text-right"></span>
+            class="w-full truncate text-right font-semibold"></span>
+          <span id="player:metadata:subtitle" class="w-full truncate text-right"
+          ></span>
+          <span id="player:metadata:extra" class="w-full truncate text-right"
+          ></span>
         </div>
       </div>
     </div>

src/components/ProjectCard.astro

@@ -171,7 +171,7 @@ const link = `/projects/${slugify(project.data.type)}/${slugify(project.data.slu
           {project.data.keyFigure.map((figure) => {
             return (
               <div>
-                <span class="font-bold">{figure.title}:</span>
+                <span class="font-bold">{figure.title}: </span>
                 <span>
                   {figure.href && (
                     <TextLink href={figure.href}>{figure.name}</TextLink>

src/layouts/MainLayout.astro

@@ -26,7 +26,7 @@ import MainHead from "@layouts/MainHead.astro";
 <!doctype html>
 <html lang="en">
   <MainHead {title} {subtitle} {description} {image} />
-  <body class="flex min-h-svh flex-col">
+  <body class="flex min-h-svh flex-col overflow-x-clip">
     <Navbar {navbarDisplay} />
     <main class="grow bg-white dark:bg-gray-950">
       <slot />

src/pages/index.astro

@@ -53,7 +53,7 @@ const tracks = (
 ---
 
 <MainLayout navbarDisplay="transparent">
-  <div class="h-screen w-full flex-row">
+  <div class="min-h-svh w-full flex-row">
     <div class="absolute inset-0 h-full w-full bg-black">
       <ImageCarousel
         id="hero"
@@ -68,8 +68,7 @@ const tracks = (
       <h1
         class="font-header pb-8 text-5xl font-medium text-white uppercase text-shadow-lg/75 md:text-7xl lg:text-9xl"
       >
-        {person.names.first}
-        {person.names.last}
+        {person.names.first}{" "}{person.names.last}
       </h1>
       <h2
         class="font-header text-2xl font-medium text-gray-300 uppercase text-shadow-lg/75 md:text-2xl lg:text-4xl"

src/pages/projects/[type]/[slug].astro

@@ -94,7 +94,7 @@ import P from "@components/MDX/P.astro";
                     {project.data.keyFigure.map((figure) => {
                       return (
                         <div>
-                          <span class="font-bold">{figure.title}:</span>
+                          <span class="font-bold">{figure.title}: </span>
                           <span>
                             {figure.href && (
                               <TextLink href={figure.href}>