30:[] 2e:{"title":"Banner","cells":[{"id":240,"value":"banner(\"Banner\", \"#BEDCDA\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":282,"value":"md`A reusable banner for our content pages.\n\nBe mindful of how long you make the title: since it’s an SVG the text won’t automatically wrap at mobile sizes and the thumbnail could cut off the sides.`","pinned":false,"hidden":false,"mode":"ojs"},{"id":261,"value":"banner(\"Meetup – April 1, 2021\", \"pink\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":301,"value":"banner(\"Jobs\", \"hsl(189, 29%, 82%)\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":334,"value":"banner2(\"Something really long for a title:\", \"It works, but not recommended\", \"hsl(189, 29%, 82%)\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":342,"value":"md `## Contact\nIf you have ideas or suggestions, feel free to contact us at community@observablehq.com.\n`","pinned":true,"hidden":false,"mode":"ojs"},{"id":0,"value":"banner = (title, color, pageTitle = title) => {\n const {id, href} = DOM.uid(\"banner\");\n return html`\n

${pageTitle}

\n \n \n `;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":339,"value":"blmBanner(\"Celebrating Black\", \"History Month\")","pinned":true,"hidden":false,"mode":"ojs"},{"id":351,"value":"bannerflip(\"Communications Lead\", \"hsl(189, 29%, 82%)\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":348,"value":"bannerflip = (title, color, pageTitle = title) => {\n const {id, href} = DOM.uid(\"banner\");\n return html`\n

${pageTitle}

\n\n \n \n `;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":332,"value":"banner2 = (title1, title2, color, pageTitle = title1 + \" \" + title2) => {\n const { id, href } = DOM.uid(\"banner\");\n return html`\n

${pageTitle}

\n \n \n `;\n}","pinned":false,"hidden":false,"mode":"ojs"},{"id":118,"value":"wordmarkWidth = +logoAndWordmark.getAttribute(\"width\")","pinned":false,"hidden":false,"mode":"ojs"},{"id":172,"value":"height = 200","pinned":false,"hidden":false,"mode":"ojs"},{"id":26,"value":"import { logoAndWordmark } from '@observablehq/logo'","pinned":false,"hidden":false,"mode":"ojs"},{"id":368,"value":"import {logoAndWordmarksm} from '@observablehq/logo'","pinned":false,"hidden":false,"mode":"ojs"},{"id":336,"value":"blmBanner = (title1, title2) => html`\n`","pinned":false,"hidden":false,"mode":"ojs"}],"files":"$W30","stdlib":"1","titling":"auto"}

${pageTitle}

${pageTitle}

${pageTitle}

${title1} ${title2}