random_donor_card = { // Standard Variables let heading = htl.html`

${getAttribute({prop: "donorNum", label: "Donor Alias", unit: ""})}

` let bank = htl.html`

${getAttribute({prop: "bank", label: "Sperm Bank", unit: ""})}

` let height = htl.html`

${getAttribute({prop: "height", label: "Height", unit: "cm"})}

` let weight = htl.html`

${getAttribute({prop: "weight", label: "Weight", unit: "lbs"})}

` let eyeColor = htl.html`

${getAttribute({prop: "eye-color-original", label: "Eye Color", unit: ""})}

` let hairColor = htl.html`

${getAttribute({prop: "hair-color-original", label: "Hair Color", unit: ""})}

` let race = htl.html`

${getAttribute({prop: "race", label: "Self-described Race", unit: ""})}

` let ethnicity = htl.html`

${getAttribute({prop: "ethnicity", label: "Ethnicity", unit: ""})}

` let skintone = htl.html`

${getAttribute({prop: "skin-tone-original", label: "Skintone", unit: ""})}

` let religion = htl.html`

${getAttribute({prop: "religion", label: "Religion", unit: ""})}

` let bloodType = htl.html`

${getAttribute({prop: "bloodType", label: "Blood Type", unit: ""})}

` // collect them in an array let arr = [heading, bank, eyeColor, hairColor, race, ethnicity, skintone, height, weight, religion]; // Optional Variables let d = random_donor; d.price ? arr.push(htl.html`

${getAttribute({prop: "price", label: "Price per vial", unit: " USD"})}

`): ``; // price per vial d.degree ? arr.push(htl.html`

${getAttribute({prop: "degree", label: "Degree", unit: ""})}

`): ``; // Degree d.occupation ? arr.push(htl.html`

${getAttribute({prop: "occupation", label: "Occupation", unit: ""})}

`): ``; // Degree d.donationAge ? arr.push(htl.html`

${getAttribute({prop: "donationAge", label: "Age at time of donation", unit: " years"})}

`): ``; // age d.sign ? arr.push(htl.html`

${getAttribute({prop: "sign", label: "Astrological Sign", unit: ""})}

`): ``; // age d.description ? arr.push(htl.html`

${getAttribute({prop: "description", label: "Description", unit: ""})}

`): ``; // Description d.faveSubjects ? arr.push(htl.html`

${getAttribute({prop: "faveSubjects", label: "Favorite Subjects", unit: ""})}

`): ``; // Description d.dominantHand ? arr.push(htl.html`

${getAttribute({prop: "dominantHand", label: "Dominant Hand", unit: ""})}

`): ``; // Dominant Hand return htl.html`${arr.map(el => el)}` }