Add weapon library dropdown and restyle UI

templates/calculator.html

@@ -33,14 +33,14 @@
         <div>
             <h1>Build a baseline weapon profile</h1>
             <p>
-                Anomaly Front is still unreleased, so this calculator starts from scratch. Add your own
-                placeholder values to explore pacing, time-to-eliminate, and reload cadence.
+                Start from a library weapon or add your own values to explore pacing, time-to-eliminate, and
+                reload cadence.
             </p>
         </div>
         <div class="af-status">
             <div>
                 <p class="af-status-label">Stats library</p>
-                <p class="af-status-value">No official stats yet</p>
+                <p class="af-status-value">Community draft data</p>
             </div>
             <div>
                 <p class="af-status-label">Modifier stack</p>
@@ -48,7 +48,7 @@
             </div>
             <div>
                 <p class="af-status-label">Version</p>
-                <p class="af-status-value">Foundation v0.1</p>
+                <p class="af-status-value">Foundation v0.2</p>
             </div>
         </div>
     </section>
@@ -60,6 +60,14 @@
                 <p>Enter a prototype loadout and tweak values to see combat pacing.</p>
             </div>
             <form class="af-form" id="af-calculator">
+                <label>
+                    Weapon library
+                    <select name="weaponSelect" id="af-weapon-select"
+                            data-source="{{ url_for('static', filename='json/data.json') }}">
+                        <option value="">Custom entry</option>
+                    </select>
+                    <span class="af-field-hint">Select a weapon to prefill values. You can still edit every field.</span>
+                </label>
                 <label>
                     Weapon name
                     <input type="text" name="weaponName" placeholder="Prototype AR" autocomplete="off">