Expand backlog list and refresh quick table copy

calculators_list.md

@@ -439,6 +439,30 @@ Whenever a new calculator is published via the REST API, it must be appended her
 - [x] Zeptograms to yoctograms
 
 ### New Conversions Backlog (from brainstorm expansion)
+
+#### Next 20 ready conversions (no additional input needed)
+- [ ] Cubic Feet to Gallons (1 cubic foot = 7.48052 US gallons)
+- [ ] Cubic Meters to Cubic Feet (1 m^3 = 35.3147 ft^3)
+- [ ] Foot-candles to Lux (1 fc = 10.7639 lux)
+- [ ] Foot-pounds (energy) to Joules (1 ft-lb ~ 1.35582 J)
+- [ ] Foot-Pounds to Inch-Pounds (1 ft-lb = 12 in-lb)
+- [ ] Fortnights to Days (1 fortnight = 14 days)
+- [ ] Furlongs per fortnight to m/s (1 furlong/fortnight ~ 0.00001336 m/s)
+- [ ] Furlongs to Meters (1 furlong = 201.168 m)
+- [ ] Furlongs to Miles (1 furlong = 0.125 miles)
+- [ ] Gallons per minute to CFS (1 gpm ~ 0.00222801 cubic feet per second)
+- [ ] Gallons per minute to Liters per minute (1 gpm = 3.78541 L/min)
+- [ ] Gallons to Barrel (US oil) (42 US gallons per barrel)
+- [ ] Gallons to Cubic Feet (1 gal ~ 0.133681 ft^3)
+- [ ] Gallons to Cubic Meters (1 gal ~ 0.00378541 m^3)
+- [ ] Gallons to Cups (1 gal = 16 cups)
+- [ ] Gallons to Fluid Ounces (1 gal = 128 fl oz)
+- [ ] Gallons to Pints (1 gal = 8 pints)
+- [ ] Gallons to Quarts (1 gal = 4 quarts)
+- [ ] Gamma (mass) to Micrograms (1 gamma = 1 microgram)
+- [ ] Gauss to Tesla (1 G = 1e-4 T)
+
+#### Remaining backlog items
 - [x] Abamperes to Amperes
 - [x] Abvolts to Volts
 - [x] Acre-feet to Liters
@@ -537,13 +561,11 @@ Whenever a new calculator is published via the REST API, it must be appended her
 - [x] Coulombs to Ampere-hours
 - [x] Counts per minute to Becquerel
 - [x] Cubic feet to Board feet
-- [ ] Cubic Feet to Gallons
 - [x] Cubic Feet to Liters
 - [x] Cubic Inches to Cubic Centimeters
 - [x] Cubic inches to Liters
 - [x] Cubic meters to Board feet
 - [x] Cubic meters to Cord
-- [ ] Cubic Meters to Cubic Feet
 - [x] Cubic meters to Cubic yards
 - [x] Cubic Meters to Gallons
 - [x] Cubic yards to Cubic meters
@@ -606,24 +628,6 @@ Whenever a new calculator is published via the REST API, it must be appended her
 - [x] Fluid Ounces to Tablespoons
 - [x] Fluid Ounces to Teaspoons
 - [ ] Focal length to Angle of view
-- [ ] Foot-candles to Lux
-- [ ] Foot-pounds (energy) to Joules
-- [ ] Foot-Pounds to Inch-Pounds
-- [ ] Fortnights to Days
-- [ ] Furlongs per fortnight to m/s
-- [ ] Furlongs to Meters
-- [ ] Furlongs to Miles
-- [ ] Gallons per minute to CFS
-- [ ] Gallons per minute to Liters per minute
-- [ ] Gallons to Barrel (US oil)
-- [ ] Gallons to Cubic Feet
-- [ ] Gallons to Cubic Meters
-- [ ] Gallons to Cups
-- [ ] Gallons to Fluid Ounces
-- [ ] Gallons to Pints
-- [ ] Gallons to Quarts
-- [ ] Gamma (mass) to Micrograms
-- [ ] Gauss to Tesla
 - [ ] Gbps to Mbps
 - [ ] Gibibytes to Gigabytes
 - [ ] Gigabits to Megabits

hdyc-svelte/src/lib/components/QuickConversionTable.svelte

@@ -18,11 +18,15 @@
 
   let rows: Row[] = [];
   let supportsTable = false;
+  let inputLabel = 'source units';
+  let outputLabel = 'target units';
 
   $: supportsTable = ['standard', 'inverse'].includes(config.type);
   $: rows = supportsTable
     ? numericSamples.map(buildRow)
     : [];
+  $: inputLabel = config.labels?.in1 ?? 'source units';
+  $: outputLabel = config.labels?.in2 ?? 'target units';
 </script>
 
 {#if supportsTable && rows.length}
@@ -36,9 +40,13 @@
     <div class="chart-grid">
       {#each rows as row}
         <div class="chart-row">
-          <span class="chart-input">{row.input}</span>
+          <p class="chart-problem">
-          <span class="chart-divider">→</span>
+            If you convert {row.input} {inputLabel} into {outputLabel}, how many {outputLabel} will you record?
-          <span class="chart-output">{row.output} {config.labels.in2}</span>
+          </p>
+          <p class="chart-answer">
+            <span class="chart-answer-value">{row.output}</span>
+            <span class="chart-answer-unit">{outputLabel}</span>
+          </p>
         </div>
       {/each}
     </div>
@@ -69,25 +77,33 @@
   .chart-grid {
     display: flex;
     flex-direction: column;
-    gap: 0.35rem;
+    gap: 0.75rem;
   }
 
   .chart-row {
-    display: flex;
-    align-items: baseline;
-    gap: 0.35rem;
     font-size: 0.95rem;
+    line-height: 1.4;
   }
 
-  .chart-input {
+  .chart-problem {
+    margin: 0;
     font-weight: 600;
   }
 
-  .chart-divider {
+  .chart-answer {
+    margin: 0.15rem 0 0;
+    font-size: 0.95rem;
+    font-weight: 500;
     color: var(--text-muted);
   }
 
-  .chart-output {
+  .chart-answer-value {
-    font-weight: 500;
+    margin-right: 0.25rem;
+    font-weight: 600;
+    color: var(--text);
+  }
+
+  .chart-answer-unit {
+    font-variant: petite-caps;
   }
 </style>