Merge fix/focus-sliders-default-3: apply-form focus sliders default to 3

This commit is contained in:
webmaster committed 2026-11-03 13:41:43 +00:00
commit d440d3fa15
1 file changed
+17 -17
+17 -17
View File
@@ -1416,42 +1416,42 @@
<div class="focus-sliders" id="apFocusSliders" hidden>
<div class="focus-axis">
<label for="ap-axis-functional">Functional</label>
<input type="range" id="ap-axis-functional" name="functional" min="0" max="5" step="1" value="0" />
<output for="ap-axis-functional">0</output>
<input type="range" id="ap-axis-functional" name="functional" min="0" max="5" step="1" value="3" />
<output for="ap-axis-functional">3</output>
</div>
<div class="focus-axis">
<label for="ap-axis-system">System</label>
<input type="range" id="ap-axis-system" name="system" min="0" max="5" step="1" value="0" />
<output for="ap-axis-system">0</output>
<input type="range" id="ap-axis-system" name="system" min="0" max="5" step="1" value="3" />
<output for="ap-axis-system">3</output>
</div>
<div class="focus-axis">
<label for="ap-axis-modules">Modules</label>
<input type="range" id="ap-axis-modules" name="modules" min="0" max="5" step="1" value="0" />
<output for="ap-axis-modules">0</output>
<input type="range" id="ap-axis-modules" name="modules" min="0" max="5" step="1" value="3" />
<output for="ap-axis-modules">3</output>
</div>
<div class="focus-axis">
<label for="ap-axis-integration">Integration</label>
<input type="range" id="ap-axis-integration" name="integration" min="0" max="5" step="1" value="0" />
<output for="ap-axis-integration">0</output>
<input type="range" id="ap-axis-integration" name="integration" min="0" max="5" step="1" value="3" />
<output for="ap-axis-integration">3</output>
</div>
<div class="focus-axis">
<label for="ap-axis-ai">AI</label>
<input type="range" id="ap-axis-ai" name="ai" min="0" max="5" step="1" value="0" />
<output for="ap-axis-ai">0</output>
<input type="range" id="ap-axis-ai" name="ai" min="0" max="5" step="1" value="3" />
<output for="ap-axis-ai">3</output>
</div>
<p class="focus-total" id="apFocusTotal" aria-live="polite">0 of 15 points</p>
<p class="focus-total" id="apFocusTotal" aria-live="polite">15 of 15 points</p>
<p class="focus-warn" id="apFocusWarn" role="alert"></p>
<p class="focus-scale">Each axis is <strong>how much of your work it is</strong>, not how good you are. 0 means “I don’t do this”; 5 means it is most of what I do. Five areas at 5 each would be 25, so a budget of 15 means you cannot be maximum everywhere — you choose where your work actually is. (Your own assessment — we verify nothing.)</p>
<p class="focus-scale">Each axis is <strong>how much of your work it is</strong>, not how good you are. 0 means “I don’t do this”; 5 means it is most of what I do. Five areas at 5 each would be 25, so a budget of 15 means you cannot be maximum everywhere. You start at 3 on each axis — 15 in total — so raising one area forces you to lower another: the trade-off is the point. (Your own assessment — we verify nothing.)</p>
</div>
<noscript>
<div class="focus-noscript">
<p>Without JavaScript the sliders cannot total themselves, so enter five numbers from 0 to 5 that add up to exactly 15. 0 means “I don’t do this”; 5 means it is most of what I do. (Your own assessment.)</p>
<div class="focus-num-row">
<label>Functional <input type="number" name="functional" min="0" max="5" step="1" value="0" /></label>
<label>System <input type="number" name="system" min="0" max="5" step="1" value="0" /></label>
<label>Modules <input type="number" name="modules" min="0" max="5" step="1" value="0" /></label>
<label>Integration <input type="number" name="integration" min="0" max="5" step="1" value="0" /></label>
<label>AI <input type="number" name="ai" min="0" max="5" step="1" value="0" /></label>
<label>Functional <input type="number" name="functional" min="0" max="5" step="1" value="3" /></label>
<label>System <input type="number" name="system" min="0" max="5" step="1" value="3" /></label>
<label>Modules <input type="number" name="modules" min="0" max="5" step="1" value="3" /></label>
<label>Integration <input type="number" name="integration" min="0" max="5" step="1" value="3" /></label>
<label>AI <input type="number" name="ai" min="0" max="5" step="1" value="3" /></label>
</div>
</div>
</noscript>