ben/HowDoYouConvert
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Add power conversion entries and responsive nav tweaks

Browse Source
This commit is contained in:
Codex
2026-03-07 20:33:28 +00:00
parent dc6bedfc47
commit 0586b35fe7
6 changed files with 280 additions and 103 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
hdyc-svelte/src/app.css
View File

@@ -468,11 +468,15 @@ a:hover {
}
.category-grid {
width: min(1160px, 100%);
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 220px));
gap: clamp(0.75rem, 1.3vw, 1.25rem);
display: flex;
flex-wrap: wrap;
justify-content: center;
justify-items: stretch;
gap: clamp(0.75rem, 1.3vw, 1.25rem);
}
.category-grid .category-card {
flex: 0 1 clamp(180px, 22vw, 220px);
min-width: 180px;
max-width: 220px;
}
/* ─── Calculator List (category page) ────────────────────── */
@@ -600,10 +604,17 @@ a:hover {
/* ─── Responsive ─────────────────────────────────────────── */
@media (max-width: 768px) {
@media (max-width: 1024px) {
.hamburger {
display: block;
}
.site-body {
gap: 1rem;
padding-inline: 1rem;
}
}
@media (max-width: 768px) {
.main-content {
padding: 1.25rem;
}
@@ -618,8 +629,11 @@ a:hover {
}
.category-grid {
width: min(960px, 100%);
grid-template-columns: repeat(auto-fit, minmax(150px, 200px));
justify-content: center;
}
.category-grid .category-card {
flex: 0 1 clamp(150px, 40vw, 200px);
min-width: 150px;
max-width: 200px;
}
.stats-row {
gap: 1.5rem;

21
hdyc-svelte/src/lib/components/Calculator.svelte
View File

@@ -13,6 +13,8 @@
let val2 = '';
let val3 = '';
let activeField: 1 | 2 | 3 = 1;
let swapSnapshot: { val1: string; val2: string } | null = null;
let isSwapFlipped = false;
$: has3 = ['3col', '3col-mul'].includes(config.type) || !!config.labels.in3;
$: isTextInput = ['base', 'text-bin', 'bin-text', 'dec-frac', 'dms-dd', 'dd-dms'].includes(config.type);
@@ -24,7 +26,13 @@
let paramsInitializing = true;
function resetSwapState() {
swapSnapshot = null;
isSwapFlipped = false;
}
function handleInput(source: 1 | 2 | 3) {
resetSwapState();
activeField = source;
const result = solve(config, source, val1, val2, val3);
if (source !== 1) val1 = result.val1;
@@ -33,14 +41,23 @@
}
function swap() {
[val1, val2] = [val2, val1];
handleInput(1);
if (isSwapFlipped && swapSnapshot) {
val1 = swapSnapshot.val1;
val2 = swapSnapshot.val2;
resetSwapState();
} else {
swapSnapshot = { val1, val2 };
[val1, val2] = [val2, val1];
isSwapFlipped = true;
}
activeField = activeField === 1 ? 2 : 1;
}
function clear() {
val1 = '';
val2 = '';
val3 = '';
resetSwapState();
}
onMount(() => {

4
hdyc-svelte/src/lib/components/Sidebar.svelte
View File

@@ -64,7 +64,7 @@
export let open = false;
</script>
<aside class="sidebar" class:open>
<aside class="sidebar" class:open id="site-navigation" aria-hidden={open ? 'false' : 'true'}>
<div class="sidebar-header">
<h3>All Converters</h3>
<button class="close-btn" on:click={() => (open = false)} aria-label="Close sidebar">✕</button>
@@ -298,7 +298,7 @@
display: none;
}
@media (max-width: 768px) {
@media (max-width: 1024px) {
.sidebar {
position: fixed;
top: 0;

50
hdyc-svelte/src/lib/data/calculators.ts
View File

@@ -254,7 +254,7 @@ export const calculators: CalculatorDef[] = [
{"slug": "boiler-horsepower-to-kilowatts", "name": "Boiler Horsepower to Kilowatts", "category": "power", "type": "standard", "teaser": "Express boiler horsepower on the kilowatt scale.", "labels": {"in1": "Boiler Horsepower", "in2": "Kilowatts"}, "factor": 9.8095},
{"slug": "boiler-horsepower-to-lusec", "name": "Boiler Horsepower to Lusec", "category": "power", "type": "standard", "teaser": "Translate boiler horsepower into Lusecs.", "labels": {"in1": "Boiler Horsepower", "in2": "Lusec"}, "factor": 73577504.0878},
{"slug": "boiler-horsepower-to-mechanical-hp", "name": "Boiler Horsepower to Mechanical HP", "category": "power", "type": "standard", "teaser": "Compare boiler horsepower with mechanical HP.", "labels": {"in1": "Boiler Horsepower", "in2": "Mechanical HP"}, "factor": 13.1547561805},
{"slug": "boiler-horsepower-to-megawatts", "name": "Boiler Horsepower to Megawatts", "category": "power", "type": "standard", "teaser": "Express boiler horsepower as megawatts.", "labels": {"in1": "Boiler Horsepower", "in2": "Megawatts"}, "factor": 0.0098095},
{"slug": "boiler-horsepower-to-megawatts", "name": "Boiler Horsepower to Megawatts", "category": "power", "type": "standard", "teaser": "Express boiler horsepower as megawatts.", "labels": {"in1": "Boiler Horsepower", "in2": "Megawatts"}, "factor": 0.0098095, "hidden": true},
{"slug": "boiler-horsepower-to-metric-horsepower-ps", "name": "Boiler Horsepower to Metric Horsepower (ps)", "category": "power", "type": "standard", "teaser": "Convert boiler output into metric horsepower.", "labels": {"in1": "Boiler Horsepower", "in2": "Metric Horsepower (ps)"}, "factor": 13.3372082549},
{"slug": "boiler-horsepower-to-tons-of-refrigeration", "name": "Boiler Horsepower to Tons Of Refrigeration", "category": "weight", "type": "standard", "teaser": "Link boiler power to refrigeration tons.", "labels": {"in1": "Boiler Horsepower", "in2": "Tons Of Refrigeration"}, "factor": 2.78928361415},
{"slug": "btuhour-to-boiler-horsepower", "name": "BTU/hour to Boiler Horsepower", "category": "energy", "type": "standard", "teaser": "Turn BTU per hour into boiler horsepower.", "labels": {"in1": "BTU/hour", "in2": "Boiler Horsepower"}, "factor": 2.9876249554e-05},
@@ -273,16 +273,54 @@ export const calculators: CalculatorDef[] = [
{"slug": "electrical-horsepower-to-btumin", "name": "Electrical Horsepower to BTU/min", "category": "energy", "type": "standard", "teaser": "Express electrical horsepower as BTUs per minute.", "labels": {"in1": "Electrical Horsepower", "in2": "BTU/min"}, "factor": 42.4242943302},
{"slug": "electrical-horsepower-to-calories-per-second", "name": "Electrical Horsepower to Calories Per Second", "category": "speed", "type": "standard", "teaser": "Translate electrical horsepower into calories per second.", "labels": {"in1": "Electrical Horsepower", "in2": "Calories Per Second"}, "factor": 178.298279159},
{"slug": "electrical-horsepower-to-horsepower", "name": "Electrical Horsepower to Horsepower", "category": "power", "type": "standard", "teaser": "Compare electrical horsepower with mechanical horsepower.", "labels": {"in1": "Electrical Horsepower", "in2": "Horsepower"}, "factor": 1.00040247828},
{"slug": "electrical-horsepower-to-kilowatts", "name": "Electrical Horsepower to Kilowatts", "category": "power", "type": "standard", "teaser": "Convert electrical horsepower into kilowatts.", "labels": {"in1": "Electrical Horsepower", "in2": "Kilowatts"}, "factor": 0.746},
{"slug": "electrical-horsepower-to-kilowatts", "name": "Electrical Horsepower to Kilowatts", "category": "power", "type": "standard", "teaser": "Convert electrical horsepower into kilowatts.", "labels": {"in1": "Electrical Horsepower", "in2": "Kilowatts"}, "factor": 0.746, "hidden": true},
{"slug": "electrical-horsepower-to-lusec", "name": "Electrical Horsepower to Lusec", "category": "power", "type": "standard", "teaser": "Express electrical horsepower as Lusecs.", "labels": {"in1": "Electrical Horsepower", "in2": "Lusec"}, "factor": 5595475.61543},
{"slug": "electrical-horsepower-to-megawatts", "name": "Electrical Horsepower to Megawatts", "category": "power", "type": "standard", "teaser": "Bring electrical horsepower onto the megawatt scale.", "labels": {"in1": "Electrical Horsepower", "in2": "Megawatts"}, "factor": 0.000746},
{"slug": "electrical-horsepower-to-megawatts", "name": "Electrical Horsepower to Megawatts", "category": "power", "type": "standard", "teaser": "Bring electrical horsepower onto the megawatt scale.", "labels": {"in1": "Electrical Horsepower", "in2": "Megawatts"}, "factor": 0.000746, "hidden": true},
{"slug": "electrical-horsepower-to-metric-horsepower-ps", "name": "Electrical Horsepower to Metric Horsepower (ps)", "category": "power", "type": "standard", "teaser": "Convert electrical horsepower into metric horsepower.", "labels": {"in1": "Electrical Horsepower", "in2": "Metric Horsepower (ps)"}, "factor": 1.01427772651},
{"slug": "electrical-horsepower-to-tons-of-refrigeration", "name": "Electrical Horsepower to Tons Of Refrigeration", "category": "weight", "type": "standard", "teaser": "Link electrical horsepower to refrigeration tons.", "labels": {"in1": "Electrical Horsepower", "in2": "Tons Of Refrigeration"}, "factor": 0.212121471651},
{"slug": "electrical-horsepower-to-tons-of-refrigeration", "name": "Electrical Horsepower to Tons Of Refrigeration", "category": "weight", "type": "standard", "teaser": "Link electrical horsepower to refrigeration tons.", "labels": {"in1": "Electrical Horsepower", "in2": "Tons Of Refrigeration"}, "factor": 0.212121471651, "hidden": true},
{"slug": "electrical-horsepower-to-watts", "name": "Electrical Horsepower to Watts", "category": "power", "type": "standard", "teaser": "Express electrical horsepower in watts.", "labels": {"in1": "Electrical Horsepower", "in2": "Watts"}, "factor": 746.0},
{"slug": "horsepower-to-boiler-horsepower", "name": "Horsepower to Boiler Horsepower", "category": "power", "type": "standard", "teaser": "Compare mechanical horsepower to boiler horsepower.", "labels": {"in1": "Horsepower", "in2": "Boiler Horsepower"}, "factor": 0.0760181326265, "hidden": true},
{"slug": "horsepower-to-btumin", "name": "Horsepower to BTU/min", "category": "energy", "type": "standard", "teaser": "Get BTUs per minute from mechanical horsepower.", "labels": {"in1": "Horsepower", "in2": "BTU/min"}, "factor": 42.4072263427},
{"slug": "horsepower-to-calories-per-second", "name": "Horsepower to Calories Per Second", "category": "speed", "type": "standard", "teaser": "Translate mechanical horsepower into calories per second.", "labels": {"in1": "Horsepower", "in2": "Calories Per Second"}, "factor": 178.226546845},
{"slug": "horsepower-to-electrical-horsepower", "name": "Horsepower to Electrical Horsepower", "category": "power", "type": "standard", "teaser": "Convert mechanical horsepower into electrical horsepower.", "labels": {"in1": "Horsepower", "in2": "Electrical Horsepower"}, "factor": 0.999597683646, "hidden": true},
{"slug": "kilowatts-to-kva", "name": "Kilowatts to kVA", "category": "power", "type": "standard", "labels": {"in1": "Kilowatts", "in2": "kVA"}},
{"slug": "lusec-to-watts", "name": "Lusec to Watts", "category": "power", "type": "standard", "labels": {"in1": "Lusec", "in2": "Watts"}, "factor": 0.000133322},
{"slug": "watts-to-btumin", "name": "Watts to BTU/min", "category": "energy", "type": "standard", "labels": {"in1": "Watts", "in2": "BTU/min"}, "factor": 0.0568690272522},
{"slug": "calories-per-second-to-metric-horsepower-ps", "name": "Calories Per Second to Metric Horsepower (ps)", "category": "speed", "type": "standard", "labels": {"in1": "Calories Per Second", "in2": "Metric Horsepower (ps)"}, "factor": 0.0056886568468},
{"slug": "horsepower-to-lusec", "name": "Horsepower to Lusec", "category": "power", "type": "standard", "labels": {"in1": "Horsepower", "in2": "Lusec"}, "factor": 5593224.46408},
{"slug": "horsepower-to-mechanical-hp", "name": "Horsepower to Mechanical Hp", "category": "power", "type": "standard", "labels": {"in1": "Horsepower", "in2": "Mechanical Hp"}},
{"slug": "horsepower-to-megawatts", "name": "Horsepower to Megawatts", "category": "power", "type": "standard", "labels": {"in1": "Horsepower", "in2": "Megawatts"}, "factor": 0.000745699872, "hidden": true},
{"slug": "horsepower-to-metric-horsepower-ps", "name": "Horsepower to Metric Horsepower (ps)", "category": "power", "type": "standard", "labels": {"in1": "Horsepower", "in2": "Metric Horsepower (ps)"}, "factor": 1.01386966599},
{"slug": "kilowatts-to-boiler-horsepower", "name": "Kilowatts to Boiler Horsepower", "category": "power", "type": "standard", "labels": {"in1": "Kilowatts", "in2": "Boiler Horsepower"}, "factor": 0.101941995005, "hidden": true},
{"slug": "kilowatts-to-electrical-horsepower", "name": "Kilowatts to Electrical Horsepower", "category": "power", "type": "standard", "labels": {"in1": "Kilowatts", "in2": "Electrical Horsepower"}, "factor": 1.34048257373},
{"slug": "kilowatts-to-metric-horsepower-ps", "name": "Kilowatts to Metric Horsepower (ps)", "category": "power", "type": "standard", "labels": {"in1": "Kilowatts", "in2": "Metric Horsepower (ps)"}, "factor": 1.3596216173},
{"slug": "lusec-to-boiler-horsepower", "name": "Lusec to Boiler Horsepower", "category": "power", "type": "standard", "labels": {"in1": "Lusec", "in2": "Boiler Horsepower"}, "factor": 1.3591110658e-08, "hidden": true},
{"slug": "lusec-to-electrical-horsepower", "name": "Lusec to Electrical Horsepower", "category": "power", "type": "standard", "labels": {"in1": "Lusec", "in2": "Electrical Horsepower"}, "factor": 1.78715817694e-07, "hidden": true},
{"slug": "lusec-to-horsepower", "name": "Lusec to Horsepower", "category": "power", "type": "standard", "labels": {"in1": "Lusec", "in2": "Horsepower"}, "factor": 1.78787746929e-07, "hidden": true},
{"slug": "lusec-to-metric-horsepower-ps", "name": "Lusec to Metric Horsepower (ps)", "category": "power", "type": "standard", "labels": {"in1": "Lusec", "in2": "Metric Horsepower (ps)"}, "factor": 1.81267473262e-07},
{"slug": "mechanical-hp-to-boiler-horsepower", "name": "Mechanical Hp to Boiler Horsepower", "category": "power", "type": "standard", "labels": {"in1": "Mechanical Hp", "in2": "Boiler Horsepower"}, "factor": 0.0760181326265, "hidden": true},
{"slug": "mechanical-hp-to-electrical-horsepower", "name": "Mechanical Hp to Electrical Horsepower", "category": "power", "type": "standard", "labels": {"in1": "Mechanical Hp", "in2": "Electrical Horsepower"}, "factor": 0.999597683646, "hidden": true},
{"slug": "mechanical-hp-to-horsepower", "name": "Mechanical Hp to Horsepower", "category": "power", "type": "standard", "labels": {"in1": "Mechanical Hp", "in2": "Horsepower"}, "hidden": true},
{"slug": "mechanical-hp-to-metric-horsepower-ps", "name": "Mechanical Hp to Metric Horsepower (ps)", "category": "power", "type": "standard", "labels": {"in1": "Mechanical Hp", "in2": "Metric Horsepower (ps)"}, "factor": 1.01386966599},
{"slug": "megawatts-to-boiler-horsepower", "name": "Megawatts to Boiler Horsepower", "category": "power", "type": "standard", "labels": {"in1": "Megawatts", "in2": "Boiler Horsepower"}, "factor": 101.941995005},
{"slug": "megawatts-to-electrical-horsepower", "name": "Megawatts to Electrical Horsepower", "category": "power", "type": "standard", "labels": {"in1": "Megawatts", "in2": "Electrical Horsepower"}, "factor": 1340.48257373},
{"slug": "megawatts-to-horsepower", "name": "Megawatts to Horsepower", "category": "power", "type": "standard", "labels": {"in1": "Megawatts", "in2": "Horsepower"}, "factor": 1341.02208884},
{"slug": "megawatts-to-metric-horsepower-ps", "name": "Megawatts to Metric Horsepower (ps)", "category": "power", "type": "standard", "labels": {"in1": "Megawatts", "in2": "Metric Horsepower (ps)"}, "factor": 1359.6216173},
{"slug": "metric-horsepower-ps-to-boiler-horsepower", "name": "Metric Horsepower (ps) to Boiler Horsepower", "category": "power", "type": "standard", "labels": {"in1": "Metric Horsepower (ps)", "in2": "Boiler Horsepower"}, "factor": 0.0749782098986},
{"slug": "metric-horsepower-ps-to-btuhour", "name": "Metric Horsepower (ps) to BTU/hour", "category": "energy", "type": "standard", "labels": {"in1": "Metric Horsepower (ps)", "in2": "BTU/hour"}, "factor": 2509.62590746},
{"slug": "metric-horsepower-ps-to-btumin", "name": "Metric Horsepower (ps) to BTU/min", "category": "energy", "type": "standard", "labels": {"in1": "Metric Horsepower (ps)", "in2": "BTU/min"}, "factor": 41.8270984577},
{"slug": "metric-horsepower-ps-to-calories-per-second", "name": "Metric Horsepower (ps) to Calories Per Second", "category": "speed", "type": "standard", "labels": {"in1": "Metric Horsepower (ps)", "in2": "Calories Per Second"}, "factor": 175.788420172},
{"slug": "metric-horsepower-ps-to-electrical-horsepower", "name": "Metric Horsepower (ps) to Electrical Horsepower", "category": "power", "type": "standard", "labels": {"in1": "Metric Horsepower (ps)", "in2": "Electrical Horsepower"}, "factor": 0.985923257373},
{"slug": "metric-horsepower-ps-to-horsepower", "name": "Metric Horsepower (ps) to Horsepower", "category": "power", "type": "standard", "labels": {"in1": "Metric Horsepower (ps)", "in2": "Horsepower"}, "factor": 0.986320070067},
{"slug": "metric-horsepower-ps-to-kilowatts", "name": "Metric Horsepower (ps) to Kilowatts", "category": "power", "type": "standard", "labels": {"in1": "Metric Horsepower (ps)", "in2": "Kilowatts"}, "factor": 0.73549875},
{"slug": "metric-horsepower-ps-to-lusec", "name": "Metric Horsepower (ps) to Lusec", "category": "power", "type": "standard", "labels": {"in1": "Metric Horsepower (ps)", "in2": "Lusec"}, "factor": 5516709.54531},
{"slug": "metric-horsepower-ps-to-mechanical-hp", "name": "Metric Horsepower (ps) to Mechanical Hp", "category": "power", "type": "standard", "labels": {"in1": "Metric Horsepower (ps)", "in2": "Mechanical Hp"}, "factor": 0.986320070067},
{"slug": "metric-horsepower-ps-to-megawatts", "name": "Metric Horsepower (ps) to Megawatts", "category": "power", "type": "standard", "labels": {"in1": "Metric Horsepower (ps)", "in2": "Megawatts"}, "factor": 0.00073549875},
{"slug": "metric-horsepower-ps-to-tons-of-refrigeration", "name": "Metric Horsepower (ps) to Tons Of Refrigeration", "category": "weight", "type": "standard", "labels": {"in1": "Metric Horsepower (ps)", "in2": "Tons Of Refrigeration"}, "factor": 0.209135492289},
{"slug": "tons-of-refrigeration-to-boiler-horsepower", "name": "Tons Of Refrigeration to Boiler Horsepower", "category": "weight", "type": "standard", "labels": {"in1": "Tons Of Refrigeration", "in2": "Boiler Horsepower"}, "factor": 0.358514994648, "hidden": true},
{"slug": "tons-of-refrigeration-to-electrical-horsepower", "name": "Tons Of Refrigeration to Electrical Horsepower", "category": "weight", "type": "standard", "labels": {"in1": "Tons Of Refrigeration", "in2": "Electrical Horsepower"}, "factor": 4.71427994638},
{"slug": "tons-of-refrigeration-to-metric-horsepower-ps", "name": "Tons Of Refrigeration to Metric Horsepower (ps)", "category": "weight", "type": "standard", "labels": {"in1": "Tons Of Refrigeration", "in2": "Metric Horsepower (ps)"}, "factor": 4.78158914614},
{"slug": "watts-to-electrical-horsepower", "name": "Watts to Electrical Horsepower", "category": "power", "type": "standard", "labels": {"in1": "Watts", "in2": "Electrical Horsepower"}, "factor": 0.00134048257373, "hidden": true},
{"slug": "hours-to-days", "name": "Hours to Days", "category": "time", "type": "standard", "labels": {"in1": "Hours", "in2": "Days"}, "factor": 0.0416666667, "hidden": true},
{"slug": "hours-to-minutes", "name": "Hours to Minutes", "category": "time", "type": "standard", "labels": {"in1": "Hours", "in2": "Minutes"}, "factor": 60.0},
{"slug": "inches-of-mercury-to-pascals", "name": "Inches of Mercury to Pascals", "category": "length", "type": "standard", "labels": {"in1": "Inches of Mercury", "in2": "Pascals"}, "factor": 3386.389},
@@ -853,7 +891,7 @@ export const calculators: CalculatorDef[] = [
{"slug": "kpa-to-bar", "name": "kPa to Bar", "category": "pressure", "type": "standard", "teaser": "Convert kilopascals to bar.", "labels": {"in1": "kPa", "in2": "Bar"}, "factor": 0.01, "hidden": true},
{"slug": "kpa-to-pascal", "name": "kPa to Pascal", "category": "pressure", "type": "standard", "teaser": "Convert kilopascals to pascals.", "labels": {"in1": "kPa", "in2": "Pascal"}, "factor": 1000.0},
{"slug": "kpa-to-psi", "name": "kPa to PSI", "category": "pressure", "type": "standard", "teaser": "Convert kilopascals to pounds per square inch.", "labels": {"in1": "kPa", "in2": "PSI"}, "factor": 0.1450377377, "hidden": true},
{"slug": "kva-to-kilowatts", "name": "kVA to Kilowatts", "category": "power", "type": "standard", "teaser": "Convert apparent power to real power assuming unity power factor.", "labels": {"in1": "kVA", "in2": "Kilowatts"}},
{"slug": "kva-to-kilowatts", "name": "kVA to Kilowatts", "category": "power", "type": "standard", "teaser": "Convert apparent power to real power assuming unity power factor.", "labels": {"in1": "kVA", "in2": "Kilowatts"}, "hidden": true},
{"slug": "leagues-per-hour-to-kmh", "name": "Leagues per Hour to Kilometers per Hour", "category": "length", "type": "standard", "teaser": "Convert leagues per hour into kilometers per hour.", "labels": {"in1": "Leagues per Hour", "in2": "Kilometers per Hour"}, "factor": 4.82803},
{"slug": "leagues-to-kilometers", "name": "Leagues to Kilometers", "category": "length", "type": "standard", "teaser": "Convert leagues to kilometers.", "labels": {"in1": "Leagues", "in2": "Kilometers"}, "factor": 4.82803},
{"slug": "leagues-to-miles", "name": "Leagues to Miles", "category": "length", "type": "standard", "teaser": "Convert leagues to miles.", "labels": {"in1": "Leagues", "in2": "Miles"}, "factor": 3.0},
@@ -971,7 +1009,7 @@ export const calculators: CalculatorDef[] = [
{"slug": "kpa-to-bar", "name": "kPa to Bar", "category": "pressure", "type": "standard", "teaser": "Convert kilopascals to bar.", "labels": {"in1": "kPa", "in2": "Bar"}, "factor": 0.01, "hidden": true},
{"slug": "kpa-to-pascal", "name": "kPa to Pascal", "category": "pressure", "type": "standard", "teaser": "Convert kilopascals to pascals.", "labels": {"in1": "kPa", "in2": "Pascal"}, "factor": 1000.0},
{"slug": "kpa-to-psi", "name": "kPa to PSI", "category": "pressure", "type": "standard", "teaser": "Convert kilopascals to pounds per square inch.", "labels": {"in1": "kPa", "in2": "PSI"}, "factor": 0.1450377377, "hidden": true},
{"slug": "kva-to-kilowatts", "name": "kVA to Kilowatts", "category": "power", "type": "standard", "teaser": "Convert apparent power to real power assuming unity power factor.", "labels": {"in1": "kVA", "in2": "Kilowatts"}},
{"slug": "kva-to-kilowatts", "name": "kVA to Kilowatts", "category": "power", "type": "standard", "teaser": "Convert apparent power to real power assuming unity power factor.", "labels": {"in1": "kVA", "in2": "Kilowatts"}, "hidden": true},
{"slug": "leagues-per-hour-to-kmh", "name": "Leagues per Hour to Kilometers per Hour", "category": "length", "type": "standard", "teaser": "Convert leagues per hour into kilometers per hour.", "labels": {"in1": "Leagues per Hour", "in2": "Kilometers per Hour"}, "factor": 4.82803},
{"slug": "leagues-to-kilometers", "name": "Leagues to Kilometers", "category": "length", "type": "standard", "teaser": "Convert leagues to kilometers.", "labels": {"in1": "Leagues", "in2": "Kilometers"}, "factor": 4.82803},
{"slug": "leagues-to-miles", "name": "Leagues to Miles", "category": "length", "type": "standard", "teaser": "Convert leagues to miles.", "labels": {"in1": "Leagues", "in2": "Miles"}, "factor": 3.0},

31
hdyc-svelte/src/routes/+layout.svelte
View File

@@ -307,12 +307,28 @@
updateTheme(event.matches ? 'dark' : 'light');
};
const navBreakpoint = window.matchMedia('(max-width: 1024px)');
const handleNavBreakpoint = (event: MediaQueryListEvent) => {
if (event.matches) {
sidebarOpen = false;
}
};
if (navBreakpoint.matches) {
sidebarOpen = false;
}
const cleanup = () => {
if ('removeEventListener' in mediaQuery) {
mediaQuery.removeEventListener('change', handlePreferenceChange);
} else {
mediaQuery.removeListener(handlePreferenceChange);
}
if ('removeEventListener' in navBreakpoint) {
navBreakpoint.removeEventListener('change', handleNavBreakpoint);
} else {
navBreakpoint.removeListener(handleNavBreakpoint);
}
};
if ('addEventListener' in mediaQuery) {
@@ -321,6 +337,12 @@
mediaQuery.addListener(handlePreferenceChange);
}
if ('addEventListener' in navBreakpoint) {
navBreakpoint.addEventListener('change', handleNavBreakpoint);
} else {
navBreakpoint.addListener(handleNavBreakpoint);
}
return cleanup;
});
</script>
@@ -343,7 +365,14 @@
<header class="site-header">
<div style="display:flex;align-items:center;gap:0.75rem;">
{#if !isHomepage}
<button class="hamburger" on:click={() => (sidebarOpen = !sidebarOpen)} aria-label="Toggle menu">
<button
type="button"
class="hamburger"
on:click={() => (sidebarOpen = !sidebarOpen)}
aria-label="Toggle menu"
aria-controls="site-navigation"
aria-expanded={sidebarOpen ? 'true' : 'false'}
>
☰
</button>
{/if}