Update the site for MPCkit 0.5.3

New screenshots with the MPCkit title and A1 pad labels (local path
painted out of the status bar), version 0.5.3, and the README's
wording for the 0.5 betas.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

public/index.html

@@ -12,8 +12,8 @@
   <meta property="og:title" content="MPCkit: kit editor for the Akai MPC Sample">
   <meta property="og:description" content="Build Akai MPC Sample projects on your computer: pads, tuning, mute groups and sequences, exported for the device.">
   <meta property="og:image" content="https://mpckit.monoexp.com/images/pads.png">
-  <meta property="og:image:width" content="1182">
-  <meta property="og:image:height" content="867">
+  <meta property="og:image:width" content="1582">
+  <meta property="og:image:height" content="892">
   <meta name="twitter:card" content="summary_large_image">
   <link rel="icon" href="/favicon.svg" type="image/svg+xml">
   <link rel="stylesheet" href="/style.css">
@@ -32,7 +32,7 @@
 
   <main class="wrap">
     <section class="about" aria-labelledby="about-title">
-      <p class="eyebrow"><span class="badge">Beta</span> Version 0.5.0</p>
+      <p class="eyebrow"><span class="badge">Beta</span> Version 0.5.3</p>
       <h1 id="about-title">MPCkit</h1>
       <p class="lede">
         Build Akai MPC Sample projects on your computer.
@@ -50,8 +50,8 @@
     </section>
 
     <figure class="shot">
-      <img src="/images/pads.png" width="1182" height="867"
-           alt="The MPCkit window on the Pads tab: bank A's 16 pads, ten of them holding drum samples, with the settings for pad A03 (Closed Hat) on the right: play, tuning sliders and mute group.">
+      <img src="/images/pads.png" width="1582" height="892"
+           alt="The MPCkit window on the Pads tab: bank A's 16 pads, ten of them holding drum samples, with the settings for pad A3 (Closed Hat) on the right: play, tuning sliders and mute group.">
       <figcaption>Pads: eight banks of 16, with the selected pad's settings on the right.</figcaption>
     </figure>
 
@@ -80,8 +80,8 @@
         </li>
       </ul>
       <figure class="shot">
-        <img src="/images/sequences.png" width="1182" height="867" loading="lazy"
-             alt="The MPCkit window on the Sequences tab: six sequences in bank A (Intro, Verse 1, Verse 2, Outro, Chorus, Bridge), with the name, BPM and length of A01 on the right.">
+        <img src="/images/sequences.png" width="1582" height="892" loading="lazy"
+             alt="The MPCkit window on the Sequences tab: six sequences in bank A (Intro, Verse 1, Verse 2, Outro, Chorus, Bridge), with the name, BPM and length of A1 on the right.">
         <figcaption>Sequences: one slot per pad, with name, tempo and length.</figcaption>
       </figure>
     </section>
@@ -89,7 +89,7 @@
     <section id="download" aria-labelledby="download-title">
       <h2 id="download-title" class="section-title">Download</h2>
       <p class="note">
-        <strong>0.5.0 is a beta for testing.</strong> Expect rough edges, and keep
+        <strong>The 0.5 releases are betas for testing.</strong> Expect rough edges, and keep
         copies of projects you care about. Downloads will be listed here;
         until then, MPCkit can be built from source.
       </p>

pull-releases/005-0-5-3-update/README.md

@@ -0,0 +1,17 @@
+Update the site for MPCkit 0.5.3
+
+## What changed
+
+- `public/index.html`:
+  - the badge says Version 0.5.3;
+  - the Download note says "The 0.5 releases are betas for testing", as the app's README does, so it stays right for later 0.5.x releases;
+  - the image descriptions name pads "A3" and "A1", and the image sizes match the new screenshots.
+- `public/images/pads.png`, `sequences.png`: new screenshots of 0.5.3 from the Windows build, with the window title "MPCkit" and the new "A1" pad labels. The local path in the status bar ("Loaded C:\Users\…") was painted out.
+
+## Notes
+
+- Source links and downloads are unchanged; they move to GitHub in a later PR.
+
+## Testing
+
+- Served `public/` locally and checked desktop and mobile screenshots.

pull-releases/README.md

@@ -8,3 +8,4 @@ One folder per pull request, with a README whose first line is the PR title.
 | 002 | [Add link previews](002-link-previews/README.md) | feature/link-previews |
 | 003 | [Use the name MPCkit](003-mpckit-casing/README.md) | feature/mpckit-casing |
 | 004 | [Add a features card for native, small and offline](004-native-offline-card/README.md) | feature/native-offline-card |
+| 005 | [Update the site for MPCkit 0.5.3](005-0-5-3-update/README.md) | feature/0-5-3-update |