colorKey = { let sharrowLink = 'sharrows'; let paintAintEnough = 'painted bike lanes'; let red = `Red ${ simpleColors ? `bike lanes are shared with cars: ${sharrowLink} or ${paintAintEnough}.` : `are ${sharrowLink}, which might actually be more dangerous than roads with no special bike markings.` }`; let yellow = `Yellow are ${paintAintEnough}, where cars can constantly put vulnerable road users in danger.`; let green = `Green is a 'delineator'/flexpost/bollard protected lane. (Better than nothing, but usually cars just swerve between the bollards when they want to put VRUs in danger.)`; let blue = `Blue lanes are physically separated from car traffic in some fashion: ${ simpleColors ? `bollards, ` : `` } concrete curbs, planters, continuous metal rails, …. Sadly, until the city reduces reckless driver behavior even this often isn't enough to feel safe outside of a car.`; let purple = `Purple signifies an off-road bike trail or parkway.`; return true ? md` ${red} ${simpleColors ? '' : `${yellow} `} ${simpleColors ? '' : `${green} `} ${blue} ${purple} ` : md`(Not sure why this is here, but if I change the ternary structure observable errors out)`; }