site 1.4.0: Pionaarr Mods -- plainer text, player look, moving background, stock switch

- Hero renamed Pionaarr Mods with a short plain explanation; card texts trimmed.
- New before/after shots: stock against every mod incl. those in testing (3-band waveform).
- Look taken from the player: LCD chip, CDJ-style tabs, Chakra Petch/Barlow, a record
  and a 3-band waveform running in the background (static with reduced motion).
- Builder: Stock firmware switch clears and locks the mods, gives the picks back when off.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
This commit is contained in:
Thiemo TizianiandClaude Opus 5.5 committed 2026-10-20 10:21:53 +02:00
1 parent e6351de711
commit be45158e3f
11 files changed
+252 -62

No files matched your search

+15 -11
View File
@@ -3,23 +3,23 @@
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>CDJ-900NXS Mods Builder</title>
<title>Pionaarr Mods Builder</title>
<meta name="description" content="Build your own modded C900NXS.UPD in the browser: upload the official 1.31 update, tick the mods, download the file. Nothing leaves your computer.">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css?v=1.3.0">
<script src="assets/versions.js?v=1.3.0"></script>
<script src="script.js?v=1.3.0"></script>
<script src="builder/data.js?v=1.3.0"></script>
<script src="builder/builder.js?v=1.3.0"></script>
<script src="builder/ui.js?v=1.3.0"></script>
<link href="https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Chakra+Petch:wght@600;700&family=JetBrains+Mono:wght@500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css?v=1.4.0">
<script src="assets/versions.js?v=1.4.0"></script>
<script src="script.js?v=1.4.0"></script>
<script src="builder/data.js?v=1.4.0"></script>
<script src="builder/builder.js?v=1.4.0"></script>
<script src="builder/ui.js?v=1.4.0"></script>
</head>
<body>
<header class="top">
<div class="wrap">
<a class="brand" href="index.html"><span class="disc" aria-hidden="true"></span><span>CDJ-900NXS Mods</span></a>
<a class="brand" href="index.html"><span class="disc" aria-hidden="true"></span><span>Pionaarr Mods</span></a>
<nav class="tabs" aria-label="Sections">
<a href="index.html">Mods</a>
<a href="builder.html" aria-current="page">Builder</a>
@@ -33,7 +33,7 @@
<main class="wrap builder">
<div class="eyebrow">Builder</div>
<h1>Build your update</h1>
<p class="lead">Upload the official CDJ-900NXS <strong>1.31</strong> update, tick the mods and download your <code>C900NXS.UPD</code>. Everything runs in your browser: the file never leaves your computer.</p>
<p class="lead">Choose the official CDJ-900NXS <strong>1.31</strong> update, tick the mods, download your <code>C900NXS.UPD</code>. It all runs in your browser.</p>
<!-- 1 -->
<section class="step" id="step-file">
@@ -54,7 +54,11 @@
<div class="step-n">2</div>
<div class="step-body">
<h2>The mods</h2>
<p>Ticking a mod also ticks what it needs; unticking one unticks what needs it. Tick none for the stock firmware (relabelled so the player takes it).</p>
<p>Ticking a mod also ticks what it needs; unticking one unticks what needs it.</p>
<div class="picks-bar">
<button class="stock-btn" type="button" id="stock" aria-pressed="false"><span class="sw" aria-hidden="true"></span>Stock firmware</button>
<span class="hint">On: no mods, the official 1.31 relabelled so the player takes it — the way back.</span>
</div>
<div class="picks" id="picks"></div>
<p class="hint" id="pick-note"></p>
</div>