viewof tableLookup = { const outerContainer = html`

${style()}

` const instructions = html`

Look up your representative's self-reported vaccination status

` const helperText = html`

Find your elected officials here, or use the column headers to sort the tables.

` const tables = html`

` const houseTitle = html`

Representative District

` const houseSearch = viewof searchHouseRep; const houseTable = Inputs.table(searchHouseRep, {sort: 'District', align: { Name: 'left', District: 'center', Party: 'center', 'Vaccination status': 'center'}, layout: 'auto'}); const senateTitle = html`

Senate District

` const senateSearch = viewof searchSenate; const senateTable = Inputs.table(searchSenate, {sort: 'District', align: { Name: 'left', District: 'center', Party: 'center', 'Vaccination status': 'center'}, layout: 'auto'}); const sourceLang = `Legislators' responses to WBEZ email surveys, texts and calls that inquired about their COVID-19 vaccination status.` const sourceText = html`

Source: ${sourceLang}

` const creditText = html`

Visualization: ${vizCredit}/WBEZ.

` tables.appendChild(houseTitle); tables.appendChild(houseSearch); tables.appendChild(html`
`); tables.appendChild(houseTable); tables.appendChild(html`
`); tables.appendChild(senateTitle); tables.appendChild(senateSearch); tables.appendChild(html`
`); tables.appendChild(senateTable); outerContainer.appendChild(instructions); outerContainer.appendChild(helperText); outerContainer.appendChild(tables); outerContainer.appendChild(html`
`); outerContainer.appendChild(sourceText); outerContainer.appendChild(creditText); return outerContainer; }