// Refined SF Golden Gate motif — single thin-line drawing.
// Replaces the previous busy illustrated bridge + starry sky.
// Uses currentColor so it tints with the theme.
const BridgeBackdrop = () => {
// Vertical suspender lines following catenary between towers
const T1 = 380; // left tower x
const T2 = 1060; // right tower x
const TOP = 130; // tower top y
const ROAD = 290; // roadway y
const SAG = 250; // bottom of cable sag (between towers)
// y on a parabola: y = a*(x-mid)^2 + minY, with cable peaking at TOP at towers and reaching SAG at midpoint
const mid = (T1 + T2) / 2;
const a = (TOP - SAG) / Math.pow(T1 - mid, 2);
const cableY = (x) => a * Math.pow(x - mid, 2) + SAG;
const suspenders = [];
const N = 30;
for (let i = 1; i < N; i++) {
const x = T1 + (i * (T2 - T1)) / N;
suspenders.push(
);
}
// Side cables (tower to anchorage on shore)
const sideCableLeft = `M 0 250 Q 200 200 ${T1} ${TOP}`;
const sideCableRight = `M ${T2} ${TOP} Q 1240 200 1440 250`;
// Center span cable
const centerCable = `M ${T1} ${TOP} Q ${mid} ${SAG + 30} ${T2} ${TOP}`;
return (
);
};
window.BridgeBackdrop = BridgeBackdrop;