[{"data":1,"prerenderedAt":17},["ShallowReactive",2],{"clay-page:\u002F3.x\u002Fwriting\u002Falerts":3},{"html":4,"toc":5,"description":13,"hero":14,"list":15,"socialImage":16},"\u003Ch1 id=\"alerts\">Alerts\u003C\u002Fh1>\n\u003Cp>Alerts make important information stand out. They use \u003Ca href=\"https:\u002F\u002Fdocs.github.com\u002Fen\u002Fget-started\u002Fwriting-on-github\u002Fgetting-started-with-writing-and-formatting-on-github\u002Fbasic-writing-and-formatting-syntax#alerts\" target=\"_blank\" rel=\"noopener noreferrer\">\u003Ci class=\"fa-solid fa-arrow-up-right-from-square clay-external-icon\" aria-hidden=\"true\">\u003C\u002Fi>GitHub’s alert syntax\u003C\u002Fa>: a quote whose first line names the kind of alert.\u003C\u002Fp>\n\u003Cdiv class=\"code-block\">\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#0451A5;--shiki-dark:#6A9955\">>\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> [\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">!NOTE\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#0451A5;--shiki-dark:#6A9955\">>\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> Clay ignores files whose names start with a dot.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Copy code\" aria-label=\"Copy code\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003Cdiv class=\"markdown-alert markdown-alert-note\">\n\u003Cp class=\"markdown-alert-title text-base-content\">\u003Ci class=\"fa-solid fa-sticky-note mr-2\">\u003C\u002Fi>Note\u003C\u002Fp>\n\u003Cp>Clay ignores files whose names start with a dot.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Ch2 id=\"all-kinds\">\u003Ca class=\"heading-anchor\" href=\"#all-kinds\" aria-label=\"Link to this section\" data-route=\"#all-kinds\">#\u003C\u002Fa>All kinds\u003C\u002Fh2>\n\u003Cdiv class=\"markdown-alert markdown-alert-note\">\n\u003Cp class=\"markdown-alert-title text-base-content\">\u003Ci class=\"fa-solid fa-sticky-note mr-2\">\u003C\u002Fi>Note\u003C\u002Fp>\n\u003Cp>Background information readers should notice, even when skimming.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv class=\"markdown-alert markdown-alert-tip\">\n\u003Cp class=\"markdown-alert-title text-primary\">\u003Ci class=\"fa-solid fa-lightbulb mr-2\">\u003C\u002Fi>Tip\u003C\u002Fp>\n\u003Cp>A shortcut or a better way to do something.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv class=\"markdown-alert markdown-alert-important\">\n\u003Cp class=\"markdown-alert-title text-error\">\u003Ci class=\"fa-solid fa-circle-exclamation mr-2\">\u003C\u002Fi>Important\u003C\u002Fp>\n\u003Cp>Something readers need to know to succeed.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv class=\"markdown-alert markdown-alert-warning\">\n\u003Cp class=\"markdown-alert-title text-warning\">\u003Ci class=\"fa-solid fa-triangle-exclamation mr-2\">\u003C\u002Fi>Warning\u003C\u002Fp>\n\u003Cp>Something that can go wrong and needs attention.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv class=\"markdown-alert markdown-alert-caution\">\n\u003Cp class=\"markdown-alert-title text-error\">\u003Ci class=\"fa-solid fa-triangle-exclamation mr-2\">\u003C\u002Fi>Caution\u003C\u002Fp>\n\u003Cp>The consequences of an action, like losing data.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv class=\"markdown-alert markdown-alert-danger\">\n\u003Cp class=\"markdown-alert-title text-error\">\u003Ci class=\"fa-solid fa-skull-crossbones mr-2\">\u003C\u002Fi>Danger\u003C\u002Fp>\n\u003Cp>A serious risk. \u003Ccode>DANGER\u003C\u002Fcode> is a Clay addition; GitHub shows it as a plain quote.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Ch2 id=\"content-in-alerts\">\u003Ca class=\"heading-anchor\" href=\"#content-in-alerts\" aria-label=\"Link to this section\" data-route=\"#content-in-alerts\">#\u003C\u002Fa>Content in alerts\u003C\u002Fh2>\n\u003Cp>Alerts can hold everything a quote can: several paragraphs, lists, links and code.\u003C\u002Fp>\n\u003Cdiv class=\"code-block\">\u003Cpre class=\"shiki shiki-themes light-plus dark-plus\" style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4;--shiki-light-bg:#FFFFFF;--shiki-dark-bg:#1E1E1E\" tabindex=\"0\">\u003Ccode>\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#0451A5;--shiki-dark:#6A9955\">>\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> [\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#A31515;--shiki-dark:#CE9178\">!WARNING\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\">]\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#0451A5;--shiki-dark:#6A9955\">>\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> Renaming a page changes its URL. Before you rename one:\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#0451A5;--shiki-dark:#6A9955\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#0451A5;--shiki-dark:#6A9955\">>\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0451A5;--shiki-dark:#6796E6\"> -\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> search the docs for links to it,\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#0451A5;--shiki-dark:#6A9955\">>\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#0451A5;--shiki-dark:#6796E6\"> -\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> update links from other websites if you can.\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#0451A5;--shiki-dark:#6A9955\">>\u003C\u002Fspan>\u003C\u002Fspan>\n\u003Cspan class=\"line\">\u003Cspan style=\"--shiki-light:#0451A5;--shiki-dark:#6A9955\">>\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> Run \u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#800000;--shiki-dark:#CE9178\">`npx clay build --strict`\u003C\u002Fspan>\u003Cspan style=\"--shiki-light:#000000;--shiki-dark:#D4D4D4\"> to find broken links.\u003C\u002Fspan>\u003C\u002Fspan>\u003C\u002Fcode>\u003C\u002Fpre>\u003Cbutton type=\"button\" class=\"copy-code btn btn-sm btn-square btn-ghost\" title=\"Copy code\" aria-label=\"Copy code\">\u003Ci class=\"fa-solid fa-copy\">\u003C\u002Fi>\u003C\u002Fbutton>\u003C\u002Fdiv>\n\u003Cdiv class=\"markdown-alert markdown-alert-warning\">\n\u003Cp class=\"markdown-alert-title text-warning\">\u003Ci class=\"fa-solid fa-triangle-exclamation mr-2\">\u003C\u002Fi>Warning\u003C\u002Fp>\n\u003Cp>Renaming a page changes its URL. Before you rename one:\u003C\u002Fp>\n\u003Cul>\n\u003Cli>search the docs for links to it,\u003C\u002Fli>\n\u003Cli>update links from other websites if you can.\u003C\u002Fli>\n\u003C\u002Ful>\n\u003Cp>Run \u003Ccode>npx clay build --strict\u003C\u002Fcode> to find broken links.\u003C\u002Fp>\n\u003C\u002Fdiv>\n\u003Cdiv class=\"markdown-alert markdown-alert-tip\">\n\u003Cp class=\"markdown-alert-title text-primary\">\u003Ci class=\"fa-solid fa-lightbulb mr-2\">\u003C\u002Fi>Tip\u003C\u002Fp>\n\u003Cp>Use alerts sparingly. A page full of alerts makes none of them stand out.\u003C\u002Fp>\n\u003C\u002Fdiv>\n",[6,10],{"id":7,"text":8,"level":9},"all-kinds","All kinds",2,{"id":11,"text":12,"level":9},"content-in-alerts","Content in alerts","Six kinds of callouts for notes, tips and warnings, written with GitHub's alert syntax.",null,false,"\u002F_clay\u002Fsocial\u002F3.x\u002Fwriting\u002Falerts.png",1792666368872]