31:[] 2f:{"title":"Survey Slate | Admin UI","cells":[{"id":0,"value":"# Survey Slate | Admin UI\n\n_A simple user interface for Survey Slate's [Admin Tools](https://observablehq.com/@categorise/surveyslate-admin-tools)._","pinned":false,"hidden":false,"mode":"md"},{"id":191,"value":"md`\n

👋 Welcome! This notebook is about **Survey Slate**—an [assemblage of Observable web-based notebooks](https://observablehq.com/collection/@categorise/survey-slate) allowing organizations to host custom surveys for end users on their own AWS infrastructure. Check out the [Technical Overview](https://observablehq.com/@categorise/surveyslate-docs) to get started! ✨

\n\n\n`","pinned":false,"hidden":false,"mode":"ojs"},{"id":134,"value":"viewof loginView = html`

\n ${pageHeader([\"GESI Survey\", \"Admin\", \"Users\"])}\n

\n ${Inputs.text({label: \"Secret Access Key\"})}\n ${Inputs.button(\"Login\")}\n

${pageFooter()}

\n` ","pinned":true,"hidden":false,"mode":"ojs"},{"id":20,"value":"viewof usersPage = html`

\n ${pageHeader([\"GESI Survey\", \"Admin\", \"Users\"])}\n ${nav([\n {label: \"Users\", href:\"#users\", active: true},\n {label: \"Accounts\", href:\"#accounts\"},\n {label: \"Surveys\", href:\"#surveys\"},\n ])}\n

\n \n\n

${usersTable}

${pageFooter()}

\n` ","pinned":true,"hidden":false,"mode":"ojs"},{"id":159,"value":"usersTable = md`|User | Accounts |\n|:--|:--|\n|[James Moriarty](#)| BM-ABC, UO-MATH|\n|[John Watson](#)| BE-SY|\n|[Mycroft Holmes](#)| BE-SY|`","pinned":true,"hidden":false,"mode":"ojs"},{"id":55,"value":"## Components","pinned":false,"hidden":false,"mode":"md"},{"id":58,"value":"### Navigation","pinned":false,"hidden":false,"mode":"md"},{"id":65,"value":"nav([\n {label: \"Users\", href:\"#\", active: true},\n {label: \"Accounts\", href:\"#\"},\n {label: \"Surveys\", href:\"#\"},\n])","pinned":true,"hidden":false,"mode":"ojs"},{"id":53,"value":"nav = (links = []) => {\n const linkClasses = \"[ nav nav-1 dib ph3 pv2 nowrap ][ link pointer no-underline text-on-brand hover-text-on-brand hover-bg-accent ]\";\n const activeLinkClasses = \"[ bg-accent active ]\";\n \n return html`\n`\n}","pinned":true,"hidden":false,"mode":"ojs"},{"id":113,"value":"## Styles\n\n`stylesForNotebooks` contains styles to show the demos within Observable notebooks properly. It corrects some Observable CSS interfering with Tachyons CSS.","pinned":false,"hidden":false,"mode":"md"},{"id":116,"value":"stylesForNotebooks = html`\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":42,"value":"tachyonsExt({\n colors: {\n brand: mainColors[900], // or, provide and color hex code\n accent: accentColors[900], // or, provide and color hex code\n // The color of text which are usually displayed on top of the brand or accent colors.\n \"text-on-brand\": \"#ffffff\",\n },\n fonts: {\n \"brand-font\": `\"Roboto\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\"`\n }\n})","pinned":true,"hidden":false,"mode":"ojs"},{"id":94,"value":"styles","pinned":true,"hidden":false,"mode":"ojs"},{"id":170,"value":"prototypeStyles = html``","pinned":true,"hidden":false,"mode":"ojs"},{"id":6,"value":"## Imports","pinned":false,"hidden":false,"mode":"md"},{"id":22,"value":"import {view} from \"@tomlarkworthy/view\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":12,"value":"import {mainColors, accentColors} from \"@categorise/brand\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":14,"value":"import {tachyonsExt} from \"@categorise/tachyons-and-some-extras\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":16,"value":"import {pageHeader, pageFooter, buttonLabel, styles} from \"@categorise/surveyslate-common-components\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":203,"value":"---","pinned":false,"hidden":false,"mode":"md"},{"id":201,"value":"import { substratum } from \"@categorise/substratum\"","pinned":false,"hidden":false,"mode":"ojs"},{"id":199,"value":"substratum({ invalidation })","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W31","stdlib":"1","titling":"auto"}