site 1.5.0 (local): every built mod on the main page and in the docs, new shots

- Main page: cue names, played tracks, end warning, quick search and USB auto
  load as cards marked in testing (not in the builder yet); the 1.0.1 fixes and
  the phase meter's additions on their cards.
- New before/after shots at the same spot as before (3-band waveform, cue
  name, countdown clear of the meter) and new card images from the current build.
- Docs: sections and status rows for the new mods; Upcoming keeps Stems.

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

index.html

@@ -6,9 +6,9 @@
   <title>Pionaarr Mods</title>
   <meta name="description" content="Firmware mods for the Pioneer CDJ-900NXS (firmware 1.31): RGB waveform, extended BPM, phase meter, cue colours, hot cues on the beat divide keys and more — compared with stock, built in your browser.">
   <link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
-  <link rel="stylesheet" href="style.css?v=1.4.6">
-  <script src="assets/versions.js?v=1.4.6"></script>
-  <script src="script.js?v=1.4.6"></script>
+  <link rel="stylesheet" href="style.css?v=1.5.0">
+  <script src="assets/versions.js?v=1.5.0"></script>
+  <script src="script.js?v=1.5.0"></script>
 </head>
 <body>
 
@@ -46,7 +46,7 @@
         <span class="handle" aria-hidden="true"></span>
         <input type="range" min="0" max="100" value="50" aria-label="Drag to compare stock and modded screen">
       </div>
-      <div class="caption">Same track, same spot, in the emulator. Right: every mod, including the ones still in testing (the 3-band waveform is one of them).</div>
+      <div class="caption">Same track, same spot, in the emulator. Right: every mod, the ones in testing too: 3-band waveform, the next cue's name, hot cues, the key in colour, the countdown clear of the phase meter.</div>
     </div>
   </div>
 
@@ -68,6 +68,7 @@
       <div class="legend">
         <span class="state stable">stable</span>
         <span class="state experimental">experimental</span>
+        <span class="state testing">in testing</span>
       </div>
 
       <div class="grid">
@@ -80,8 +81,9 @@
           </div>
           <div class="by">Pionaarr mod · <code>advanced_waveforms</code></div>
           <figure class="tshot"><img src="assets/card-wave-rgb.png" alt="RGB waveform" loading="lazy"><figcaption>RGB</figcaption></figure>
-          <figure class="tshot"><img src="assets/card-wave-3band.png" alt="3-band waveform: blue lows, amber mids, white highs" loading="lazy"><figcaption>3-band · in testing, not in the builder yet</figcaption></figure>
-          <p>rekordbox's RGB colours on the big waveform, a red-to-white overview. 3-band (lows, mids, highs as in rekordbox) comes next, switched in UTILITY › WAVEFORM.</p>
+          <figure class="tshot"><img src="assets/card-wave-3band.png" alt="3-band waveform: blue lows, amber mids, white highs" loading="lazy"><figcaption>3-band · in testing</figcaption></figure>
+          <p>rekordbox's RGB colours on the big waveform, a red-to-white overview. 1.0.1 takes colour data that is a little short too. In testing: UTILITY › WAVEFORM with BLUE, RGB and 3-band (lows, mids, highs).</p>
+          <a class="more" href="docs.html#advanced_waveforms">More →</a>
         </article>
 
         <!-- cuecolours -->
@@ -92,7 +94,7 @@
           </div>
           <div class="by">Pionaarr mod · <code>cuecolours</code></div>
           <figure class="tshot"><img src="assets/card-cues.png" alt="Overview with coloured memory cues and hot cue boxes A to F" loading="lazy"></figure>
-          <p>Memory cues in their rekordbox colours, hot cues A–H as lettered boxes.</p>
+          <p>Memory cues in their rekordbox colours, hot cues A–H as lettered boxes. 1.0.1 keeps a hot cue's colour when it has a comment.</p>
           <a class="more" href="docs.html#cuecolours">More →</a>
         </article>
 
@@ -126,11 +128,69 @@
             <div class="meta"><span class="state experimental">experimental</span></div>
           </div>
           <div class="by">Pionaarr mod · <code>keynotation</code></div>
-          <figure class="tshot"><img src="assets/card-key.png" alt="Title bar with the key 4A in its wheel colour" loading="lazy"></figure>
+          <figure class="tshot"><img src="assets/card-key.png" alt="The key 4A in its wheel colour" loading="lazy"></figure>
           <p>Every key in Camelot, Open Key or classic, in its Camelot wheel colour.</p>
           <a class="more" href="docs.html#keynotation">More →</a>
         </article>
 
+        <!-- cuenames -->
+        <article class="card">
+          <div class="card-head">
+            <h3>Cue names</h3>
+            <div class="meta"><span class="state testing">in testing</span></div>
+          </div>
+          <div class="by">Pionaarr mod · <code>cuenames</code></div>
+          <figure class="tshot"><img src="assets/card-cuenames.png" alt="Title bar with the next cue: C Break in green" loading="lazy"></figure>
+          <p>The comment you give a cue in rekordbox ("Drop") in the title bar, in the cue's colour: always the next named cue ahead.</p>
+          <a class="more" href="docs.html#cuenames">More →</a>
+        </article>
+
+        <!-- played -->
+        <article class="card">
+          <div class="card-head">
+            <h3>Played tracks</h3>
+            <div class="meta"><span class="state testing">in testing</span></div>
+          </div>
+          <div class="by">Pionaarr mod · <code>played</code></div>
+          <figure class="tshot"><img src="assets/played.png" alt="Track list: [1] Lunatica in green, loaded on player 1" loading="lazy"></figure>
+          <p>Tracks loaded tonight turn green in BROWSE. Over Pro DJ Link modded players share theirs, and a track on another deck right now shows [1] or [1][3].</p>
+          <a class="more" href="docs.html#played">More →</a>
+        </article>
+
+        <!-- endwarn -->
+        <article class="card">
+          <div class="card-head">
+            <h3>End warning</h3>
+            <div class="meta"><span class="state testing">in testing</span></div>
+          </div>
+          <div class="by">Pionaarr mod · <code>endwarn</code></div>
+          <figure class="tshot"><img src="assets/endwarn.png" alt="Overview with the bar under it in red" loading="lazy"></figure>
+          <p>In the last 30 seconds the bar under the overview blinks red instead of white.</p>
+          <a class="more" href="docs.html#endwarn">More →</a>
+        </article>
+
+        <!-- quicksearch -->
+        <article class="card">
+          <div class="card-head">
+            <h3>Quick search</h3>
+            <div class="meta"><span class="state testing">in testing</span></div>
+          </div>
+          <div class="by">Pionaarr mod · <code>quicksearch</code></div>
+          <p>BROWSE held opens SEARCH; BROWSE twice goes to the list the playing track came from.</p>
+          <a class="more" href="docs.html#quicksearch">More →</a>
+        </article>
+
+        <!-- usbautoload -->
+        <article class="card">
+          <div class="card-head">
+            <h3>USB auto load</h3>
+            <div class="meta"><span class="state testing">in testing</span></div>
+          </div>
+          <div class="by">Pionaarr mod · <code>usbautoload</code></div>
+          <p>MY SETTINGS on a stick are loaded the moment the player finds them. UTILITY › USB AUTO LOAD.</p>
+          <a class="more" href="docs.html#usbautoload">More →</a>
+        </article>
+
         <!-- extended_bpm -->
         <article class="card">
           <div class="card-head">
@@ -148,9 +208,10 @@
             <h3>Phase meter</h3>
             <div class="meta"><span class="state stable">stable</span></div>
           </div>
-          <div class="by">by arnoldasr · <code>phasemeter</code></div>
-          <figure class="tshot"><img src="assets/card-phase.png" alt="Two-line phase meter" loading="lazy"></figure>
-          <p>Two lines instead of four boxes: master and this deck.</p>
+          <div class="by">by arnoldasr · additions by us · <code>phasemeter</code></div>
+          <figure class="tshot"><img src="assets/card-phase.png" alt="Two-line phase meter, the bar countdown beside it" loading="lazy"></figure>
+          <p>Two lines instead of four boxes: master and this deck. In testing: UTILITY › PHASE METER REVERSE, and the bar countdown moved clear of the lines.</p>
+          <a class="more" href="docs.html#phasemeter">More →</a>
         </article>
 
         <!-- ledsaver -->
@@ -176,7 +237,7 @@
         </article>
 
       </div>
-      <p class="caption">In testing: cue names, played tracks over Pro DJ Link, the end warning, quick search, USB auto load, a reversed phase meter and the 3-band waveform — see <a href="upcoming.html">Upcoming</a>.</p>
+      <p class="caption"><span class="state testing">in testing</span> means built and working in the emulator, not in the builder yet. Still to come: <a href="upcoming.html">Upcoming</a>.</p>
     </div>
   </section>