/*prettier-ignore*/ /*prettier-ignore*/ /*prettier-ignore*/ /*prettier-ignore*/ /*prettier-ignore*/ "use strict"; const {Fragment: _Fragment, jsx: _jsx, jsxs: _jsxs} = arguments[0]; const {useMDXComponents: _provideComponents} = arguments[0]; const _importMetaUrl = arguments[0].baseUrl; if (!_importMetaUrl) throw new Error("Unexpected missing `options.baseUrl` needed to support `export … from`, `import`, or `import.meta.url` when generating `function-body`"); const {default: Callout} = await import(_resolveDynamicMdxSpecifier("@/components/Callout.astro")); function _createMdxContent(props) { const _components = { a: "a", blockquote: "blockquote", code: "code", del: "del", div: "div", em: "em", h2: "h2", h3: "h3", hr: "hr", img: "img", input: "input", li: "li", ol: "ol", p: "p", path: "path", pre: "pre", section: "section", span: "span", strong: "strong", sup: "sup", svg: "svg", table: "table", tbody: "tbody", td: "td", th: "th", thead: "thead", tr: "tr", ul: "ul", ..._provideComponents(), ...props.components }; return _jsxs(_Fragment, { children: [_jsx(_components.hr, {}), "\n", _jsxs(_components.h2, { id: "headings", children: [_jsx(_components.a, { className: "heading-link", href: "#headings", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Headings"] }), "\n", _jsx(_components.p, { children: "To create headings, use hash symbols (#) followed by a space. The number of hash symbols indicates the heading level." }), "\n", _jsx(Callout, { children: _jsxs(_components.p, { children: ["Use ", _jsx(_components.code, { className: "language-auto", children: "h2" }), " tags instead of ", _jsx(_components.code, { className: "language-auto", children: "h1" }), " tags in the post. Too many ", _jsx(_components.code, { className: "language-auto", children: "h1" }), " tags on a single\npage can impact SEO. The post title serves as the ", _jsx(_components.code, { className: "language-auto", children: "h1" }), "."] }) }), "\n", _jsx(_components.pre, { className: "language-md", children: _jsxs(_components.code, { className: "language-md code-highlight", children: [_jsxs(_components.span, { className: "code-line", children: [_jsxs(_components.span, { className: "token title important", children: [_jsx(_components.span, { className: "token punctuation", children: "#" }), " Heading 1"] }), "\n"] }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsxs(_components.span, { className: "code-line", children: [_jsxs(_components.span, { className: "token title important", children: [_jsx(_components.span, { className: "token punctuation", children: "##" }), " Heading 2"] }), "\n"] }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsxs(_components.span, { className: "code-line", children: [_jsxs(_components.span, { className: "token title important", children: [_jsx(_components.span, { className: "token punctuation", children: "###" }), " Heading 3"] }), "\n"] }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsxs(_components.span, { className: "code-line", children: [_jsxs(_components.span, { className: "token title important", children: [_jsx(_components.span, { className: "token punctuation", children: "####" }), " Heading 4"] }), "\n"] }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsxs(_components.span, { className: "code-line", children: [_jsxs(_components.span, { className: "token title important", children: [_jsx(_components.span, { className: "token punctuation", children: "#####" }), " Heading 5"] }), "\n"] }), _jsx(_components.span, { className: "code-line", children: "\n" }), _jsxs(_components.span, { className: "code-line", children: [_jsxs(_components.span, { className: "token title important", children: [_jsx(_components.span, { className: "token punctuation", children: "######" }), " Heading 6"] }), "\n"] })] }) }), "\n", _jsx("h1", { children: "Heading 1" }), "\n", _jsx("h2", { children: "Heading 2" }), "\n", _jsx("h3", { children: "Heading 3" }), "\n", _jsx("h4", { children: "Heading 4" }), "\n", _jsx("h5", { children: "Heading 5" }), "\n", _jsx("h6", { children: "Heading 6" }), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, { id: "paragraphs", children: [_jsx(_components.a, { className: "heading-link", href: "#paragraphs", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Paragraphs"] }), "\n", _jsx(_components.p, { children: "To create paragraphs, use a blank line to separate one or more lines of text." }), "\n", "\n", _jsx(_components.pre, { className: "language-md", children: _jsxs(_components.code, { className: "language-md code-highlight", children: [_jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsx(_components.span, { className: "code-line", children: "I love Star Wars.\n" }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsx(_components.span, { className: "code-line", children: "My favourite is Episode III – Revenge of the Sith.\n" }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token comment", children: "" }), "\n"] })] }) }), "\n", _jsx(_components.p, { children: "I love Star Wars." }), "\n", _jsx(_components.p, { children: "My favourite is Episode III – Revenge of the Sith." }), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, { id: "italic", children: [_jsx(_components.a, { className: "heading-link", href: "#italic", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Italic"] }), "\n", _jsx(_components.p, { children: "Use one asterisk (*) or underscore (_) to italicize text." }), "\n", "\n", _jsx(_components.pre, { className: "language-md", children: _jsxs(_components.code, { className: "language-md code-highlight", children: [_jsxs(_components.span, { className: "code-line", children: ["I ", _jsxs(_components.span, { className: "token italic", children: [_jsx(_components.span, { className: "token punctuation", children: "*" }), _jsx(_components.span, { className: "token content", children: "love" }), _jsx(_components.span, { className: "token punctuation", children: "*" })] }), " Star Wars.\n"] }), _jsxs(_components.span, { className: "code-line", children: ["My ", _jsxs(_components.span, { className: "token italic", children: [_jsx(_components.span, { className: "token punctuation", children: "_" }), _jsx(_components.span, { className: "token content", children: "favourite" }), _jsx(_components.span, { className: "token punctuation", children: "_" })] }), " is Episode III – Revenge of the Sith.\n"] })] }) }), "\n", _jsxs(_components.p, { children: ["I ", _jsx(_components.em, { children: "love" }), " Star Wars.\nMy ", _jsx(_components.em, { children: "favourite" }), " is Episode III – Revenge of the Sith."] }), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, { id: "bold", children: [_jsx(_components.a, { className: "heading-link", href: "#bold", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Bold"] }), "\n", _jsx(_components.p, { children: "Use two asterisks (*) or underscores (_) to bold text." }), "\n", "\n", _jsx(_components.pre, { className: "language-md", children: _jsxs(_components.code, { className: "language-md code-highlight", children: [_jsxs(_components.span, { className: "code-line", children: ["I ", _jsxs(_components.span, { className: "token bold", children: [_jsx(_components.span, { className: "token punctuation", children: "**" }), _jsx(_components.span, { className: "token content", children: "love" }), _jsx(_components.span, { className: "token punctuation", children: "**" })] }), " Star Wars.\n"] }), _jsxs(_components.span, { className: "code-line", children: ["My ", _jsxs(_components.span, { className: "token bold", children: [_jsx(_components.span, { className: "token punctuation", children: "__" }), _jsx(_components.span, { className: "token content", children: "favourite" }), _jsx(_components.span, { className: "token punctuation", children: "__" })] }), " is Episode III – Revenge of the Sith.\n"] })] }) }), "\n", _jsxs(_components.p, { children: ["I ", _jsx(_components.strong, { children: "love" }), " Star Wars.\nMy ", _jsx(_components.strong, { children: "favourite" }), " is Episode III – Revenge of the Sith."] }), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, { id: "italic-and-bold", children: [_jsx(_components.a, { className: "heading-link", href: "#italic-and-bold", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Italic and Bold"] }), "\n", _jsx(_components.p, { children: "Use three asterisks (*) or underscores (_) to both bold and italicize text." }), "\n", "\n", _jsx(_components.pre, { className: "language-md", children: _jsxs(_components.code, { className: "language-md code-highlight", children: [_jsxs(_components.span, { className: "code-line", children: ["I ", _jsxs(_components.span, { className: "token bold", children: [_jsx(_components.span, { className: "token punctuation", children: "**" }), _jsx(_components.span, { className: "token content", children: _jsxs(_components.span, { className: "token italic", children: [_jsx(_components.span, { className: "token punctuation", children: "*" }), _jsx(_components.span, { className: "token content", children: "love" }), _jsx(_components.span, { className: "token punctuation", children: "*" })] }) }), _jsx(_components.span, { className: "token punctuation", children: "**" })] }), " Star Wars.\n"] }), _jsxs(_components.span, { className: "code-line", children: ["My ", _jsxs(_components.span, { className: "token bold", children: [_jsx(_components.span, { className: "token punctuation", children: "__" }), _jsx(_components.span, { className: "token content", children: _jsxs(_components.span, { className: "token italic", children: [_jsx(_components.span, { className: "token punctuation", children: "_" }), _jsx(_components.span, { className: "token content", children: "favourite" }), _jsx(_components.span, { className: "token punctuation", children: "_" })] }) }), _jsx(_components.span, { className: "token punctuation", children: "__" })] }), " is Episode III – Revenge of the Sith.\n"] })] }) }), "\n", _jsxs(_components.p, { children: ["I ", _jsx(_components.strong, { children: _jsx(_components.em, { children: "love" }) }), " Star Wars.\nMy ", _jsx(_components.strong, { children: _jsx(_components.em, { children: "favourite" }) }), " is Episode III – Revenge of the Sith."] }), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, { id: "horizontal-rule", children: [_jsx(_components.a, { className: "heading-link", href: "#horizontal-rule", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Horizontal Rule"] }), "\n", _jsx(_components.p, { children: "Use three hyphens (-), asterisks (*), or underscores (_) to create a horizontal rule." }), "\n", "\n", _jsx(_components.pre, { className: "language-md", children: _jsxs(_components.code, { className: "language-md code-highlight", children: [_jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token hr punctuation", children: "---" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token hr punctuation", children: "***" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token comment", children: "" }), "\n"] }), _jsx(_components.span, { className: "code-line", children: "___\n" }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token comment", children: "" }), "\n"] })] }) }), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.hr, {}), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, { id: "links", children: [_jsx(_components.a, { className: "heading-link", href: "#links", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Links"] }), "\n", _jsx(_components.p, { children: "To create a link, the link text in brackets ([]) and then follow it immediately with the URL in parentheses (())." }), "\n", _jsx(_components.pre, { className: "language-md", children: _jsx(_components.code, { className: "language-md code-highlight", children: _jsxs(_components.span, { className: "code-line", children: ["Micro is a fork of ", _jsxs(_components.span, { className: "token url", children: ["[", _jsx(_components.span, { className: "token content", children: "astro-nano" }), "](", _jsx(_components.span, { className: "token url", children: "https://github.com/markhorn-dev/astro-nano" }), ")"] }), ".\n"] }) }) }), "\n", _jsxs(_components.p, { children: ["Micro is a fork of ", _jsx(_components.a, { href: "https://github.com/markhorn-dev/astro-nano", target: "_blank", rel: "noopener noreferrer", children: "astro-nano" }), "."] }), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, { id: "ordered-lists", children: [_jsx(_components.a, { className: "heading-link", href: "#ordered-lists", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Ordered Lists"] }), "\n", _jsx(_components.p, { children: "To create an ordered list, add line items with numbers followed by periods. Use an indent to create a nested list." }), "\n", _jsx(_components.pre, { className: "language-md", children: _jsxs(_components.code, { className: "language-md code-highlight", children: [_jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token list punctuation", children: "1." }), " Item 1\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token list punctuation", children: "2." }), " Item 2\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token list punctuation", children: "1." }), " Sub item 1\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token list punctuation", children: "2." }), " Sub item 2\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token list punctuation", children: "3." }), " Item 3\n"] })] }) }), "\n", _jsxs(_components.ol, { children: ["\n", _jsx(_components.li, { children: "Item 1" }), "\n", _jsxs(_components.li, { children: ["Item 2", "\n", _jsxs(_components.ol, { children: ["\n", _jsx(_components.li, { children: "Sub item 1" }), "\n", _jsx(_components.li, { children: "Sub item 2" }), "\n"] }), "\n"] }), "\n", _jsx(_components.li, { children: "Item 3" }), "\n"] }), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, { id: "unordered-list", children: [_jsx(_components.a, { className: "heading-link", href: "#unordered-list", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Unordered List"] }), "\n", _jsx(_components.p, { children: "To create an unordered list, add a hyphen (-), an asterisk (*), or a plus sign (+) in front of line items. Don't mix. Use an indent to create a nested list." }), "\n", _jsx(_components.pre, { className: "language-md", children: _jsxs(_components.code, { className: "language-md code-highlight", children: [_jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token list punctuation", children: "-" }), " Item 1\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token list punctuation", children: "-" }), " Item 2\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token list punctuation", children: "-" }), " Sub item 1\n"] }), _jsxs(_components.span, { className: "code-line", children: [" ", _jsx(_components.span, { className: "token list punctuation", children: "-" }), " Sub item 2\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token list punctuation", children: "-" }), " Item 3\n"] })] }) }), "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: "Item 1" }), "\n", _jsxs(_components.li, { children: ["Item 2", "\n", _jsxs(_components.ul, { children: ["\n", _jsx(_components.li, { children: "Sub item 1" }), "\n", _jsx(_components.li, { children: "Sub item 2" }), "\n"] }), "\n"] }), "\n", _jsx(_components.li, { children: "Item 3" }), "\n"] }), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, { id: "images", children: [_jsx(_components.a, { className: "heading-link", href: "#images", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Images"] }), "\n", _jsx(_components.p, { children: "To add an image, add an exclamation mark (!), followed by alt text in brackets ([]), and the path or URL to the image asset in parentheses." }), "\n", _jsx(_components.pre, { className: "language-md", children: _jsx(_components.code, { className: "language-md code-highlight", children: _jsxs(_components.span, { className: "code-line", children: [_jsxs(_components.span, { className: "token url", children: [_jsx(_components.span, { className: "token operator", children: "!" }), "[", _jsx(_components.span, { className: "token content", children: "altText" }), "](", _jsx(_components.span, { className: "token url", children: "pathToImage" }), ")"] }), "\n"] }) }) }), "\n", _jsxs(_components.h3, { id: "relative", children: [_jsx(_components.a, { className: "heading-link", href: "#relative", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Relative"] }), "\n", _jsxs(_components.p, { children: ["Use the ", _jsx(_components.code, { className: "language-auto", children: "![altText](./image.*)" }), " pattern relative to the same folder as the markdown file. Notice the period."] }), "\n", _jsx(_components.pre, { className: "language-md", children: _jsx(_components.code, { className: "language-md code-highlight", children: _jsxs(_components.span, { className: "code-line", children: [_jsxs(_components.span, { className: "token url", children: [_jsx(_components.span, { className: "token operator", children: "!" }), "[", _jsx(_components.span, { className: "token content", children: "X-Wing Starfighter" }), "](", _jsx(_components.span, { className: "token url", children: "./x-wing.jpeg" }), ")"] }), "\n"] }) }) }), "\n", _jsx(_components.img, { src: "https://russellb-dev-rbangert.flowershow.me/src/content/blog/04-markdown-syntax/x-wing.jpeg", alt: "X-Wing Starfighter", "data-fs-resolved-file-path": "/src/content/blog/04-markdown-syntax/x-wing.jpeg", className: "internal" }), "\n", _jsxs(_components.h3, { id: "public-image", children: [_jsx(_components.a, { className: "heading-link", href: "#public-image", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Public Image"] }), "\n", _jsxs(_components.p, { children: ["Use the ", _jsx(_components.code, { className: "language-auto", children: "![altText](/image.*)" }), " pattern relative to the public folder. No period."] }), "\n", _jsx(_components.pre, { className: "language-md", children: _jsx(_components.code, { className: "language-md code-highlight", children: _jsxs(_components.span, { className: "code-line", children: [_jsxs(_components.span, { className: "token url", children: [_jsx(_components.span, { className: "token operator", children: "!" }), "[", _jsx(_components.span, { className: "token content", children: "Y-Wing Starfighter" }), "](", _jsx(_components.span, { className: "token url", children: "/y-wing.jpeg" }), ")"] }), "\n"] }) }) }), "\n", _jsx(_components.img, { src: "https://russellb-dev-rbangert.flowershow.me/y-wing.jpeg", alt: "Y-Wing Starfighter", "data-fs-resolved-file-path": "/y-wing.jpeg", className: "internal" }), "\n", _jsxs(_components.h3, { id: "external-image", children: [_jsx(_components.a, { className: "heading-link", href: "#external-image", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "External Image"] }), "\n", _jsxs(_components.p, { children: ["Use the ", _jsx(_components.code, { className: "language-auto", children: "![altText](url)" }), " pattern."] }), "\n", _jsx(_components.pre, { className: "language-md", children: _jsx(_components.code, { className: "language-md code-highlight", children: _jsxs(_components.span, { className: "code-line", children: [_jsxs(_components.span, { className: "token url", children: [_jsx(_components.span, { className: "token operator", children: "!" }), "[", _jsx(_components.span, { className: "token content", children: "Naboo N-1 Starfighter" }), "](", _jsx(_components.span, { className: "token url", children: "https://raw.githubusercontent.com/trevortylerlee/n1/main/n1.jpeg" }), ")"] }), "\n"] }) }) }), "\n", _jsx(_components.img, { src: "https://raw.githubusercontent.com/trevortylerlee/n1/main/n1.jpeg", alt: "Naboo N-1 Starfighter", className: "internal" }), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, { id: "blockquotes", children: [_jsx(_components.a, { className: "heading-link", href: "#blockquotes", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Blockquotes"] }), "\n", _jsx(_components.p, { children: "To add a blockquote add the greater-than character (>) before a paragraph. For multi-line blockquotes, add additional greater-than character for each line and include an empty spacer line." }), "\n", _jsx(_components.pre, { className: "language-md", children: _jsxs(_components.code, { className: "language-md code-highlight", children: [_jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token blockquote punctuation", children: ">" }), " So this is how liberty dies...\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token blockquote punctuation", children: ">" }), "\n"] }), _jsxs(_components.span, { className: "code-line", children: [_jsx(_components.span, { className: "token blockquote punctuation", children: ">" }), " with thunderous applause.\n"] })] }) }), "\n", _jsxs(_components.blockquote, { children: ["\n", _jsx(_components.p, { children: "So this is how liberty dies…" }), "\n", _jsx(_components.p, { children: "with thunderous applause." }), "\n"] }), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, { id: "strikethrough", children: [_jsx(_components.a, { className: "heading-link", href: "#strikethrough", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Strikethrough"] }), "\n", _jsx(_components.p, { children: "Use a tilde (~) symbol to strikethrough text." }), "\n", _jsx(_components.pre, { className: "language-md", children: _jsx(_components.code, { className: "language-md code-highlight", children: _jsxs(_components.span, { className: "code-line", children: [_jsxs(_components.span, { className: "token strike", children: [_jsx(_components.span, { className: "token punctuation", children: "~" }), _jsx(_components.span, { className: "token content", children: "I don't like sand." }), _jsx(_components.span, { className: "token punctuation", children: "~" })] }), " It's coarse and rough and irritating.\n"] }) }) }), "\n", _jsxs(_components.p, { children: [_jsx(_components.del, { children: "I don't like sand." }), " It's coarse and rough and irritating."] }), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, { id: "subscript", children: [_jsx(_components.a, { className: "heading-link", href: "#subscript", children: _jsx(_components.svg, { xmlns: "http:www.w3.org/2000/svg", fill: "#ab2b65", viewBox: "0 0 20 20", className: "w-5 h-5", children: _jsx(_components.path, { fillRule: "evenodd", clipRule: "evenodd", d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z" }) }) }), "Subscript"] }), "\n", _jsxs(_components.p, { children: ["Use the ", _jsx(_components.code, { className: "language-auto", children: "_{"
}), " tag to denote subscript."]
}), "\n", _jsx(_components.pre, {
className: "language-md",
children: _jsx(_components.code, {
className: "language-md code-highlight",
children: _jsxs(_components.span, {
className: "code-line",
children: ["H", _jsxs(_components.span, {
className: "token tag",
children: [_jsxs(_components.span, {
className: "token tag",
children: [_jsx(_components.span, {
className: "token punctuation",
children: "<"
}), "sub"]
}), _jsx(_components.span, {
className: "token punctuation",
children: ">"
})]
}), "2", _jsxs(_components.span, {
className: "token tag",
children: [_jsxs(_components.span, {
className: "token tag",
children: [_jsx(_components.span, {
className: "token punctuation",
children: ""
})]
}), "O\n"]
})
})
}), "\n", _jsxs(_components.p, {
children: ["H", _jsx("sub", {
children: "2"
}), "O"]
}), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, {
id: "superscript",
children: [_jsx(_components.a, {
className: "heading-link",
href: "#superscript",
children: _jsx(_components.svg, {
xmlns: "http:www.w3.org/2000/svg",
fill: "#ab2b65",
viewBox: "0 0 20 20",
className: "w-5 h-5",
children: _jsx(_components.path, {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z"
})
})
}), "Superscript"]
}), "\n", _jsxs(_components.p, {
children: ["Use the ", _jsx(_components.code, {
className: "language-auto",
children: "^{"
}), " tag to denote superscript."]
}), "\n", _jsx(_components.pre, {
className: "language-md",
children: _jsx(_components.code, {
className: "language-md code-highlight",
children: _jsxs(_components.span, {
className: "code-line",
children: ["E=mc", _jsxs(_components.span, {
className: "token tag",
children: [_jsxs(_components.span, {
className: "token tag",
children: [_jsx(_components.span, {
className: "token punctuation",
children: "<"
}), "sup"]
}), _jsx(_components.span, {
className: "token punctuation",
children: ">"
})]
}), "2", _jsxs(_components.span, {
className: "token tag",
children: [_jsxs(_components.span, {
className: "token tag",
children: [_jsx(_components.span, {
className: "token punctuation",
children: ""
})]
}), "\n"]
})
})
}), "\n", _jsxs(_components.p, {
children: ["E=mc", _jsx("sup", {
children: "2"
})]
}), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, {
id: "keyboard",
children: [_jsx(_components.a, {
className: "heading-link",
href: "#keyboard",
children: _jsx(_components.svg, {
xmlns: "http:www.w3.org/2000/svg",
fill: "#ab2b65",
viewBox: "0 0 20 20",
className: "w-5 h-5",
children: _jsx(_components.path, {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z"
})
})
}), "Keyboard"]
}), "\n", _jsxs(_components.p, {
children: ["Use the ", _jsx(_components.code, {
className: "language-auto",
children: ""
}), " tag to denote keys on the keyboard."]
}), "\n", _jsx(_components.pre, {
className: "language-md",
children: _jsx(_components.code, {
className: "language-md code-highlight",
children: _jsxs(_components.span, {
className: "code-line",
children: [_jsxs(_components.span, {
className: "token tag",
children: [_jsxs(_components.span, {
className: "token tag",
children: [_jsx(_components.span, {
className: "token punctuation",
children: "<"
}), "kbd"]
}), _jsx(_components.span, {
className: "token punctuation",
children: ">"
})]
}), "CTRL", _jsxs(_components.span, {
className: "token tag",
children: [_jsxs(_components.span, {
className: "token tag",
children: [_jsx(_components.span, {
className: "token punctuation",
children: ""
})]
}), " + ", _jsxs(_components.span, {
className: "token tag",
children: [_jsxs(_components.span, {
className: "token tag",
children: [_jsx(_components.span, {
className: "token punctuation",
children: "<"
}), "kbd"]
}), _jsx(_components.span, {
className: "token punctuation",
children: ">"
})]
}), "ALT", _jsxs(_components.span, {
className: "token tag",
children: [_jsxs(_components.span, {
className: "token tag",
children: [_jsx(_components.span, {
className: "token punctuation",
children: ""
})]
}), " + ", _jsxs(_components.span, {
className: "token tag",
children: [_jsxs(_components.span, {
className: "token tag",
children: [_jsx(_components.span, {
className: "token punctuation",
children: "<"
}), "kbd"]
}), _jsx(_components.span, {
className: "token punctuation",
children: ">"
})]
}), "Delete", _jsxs(_components.span, {
className: "token tag",
children: [_jsxs(_components.span, {
className: "token tag",
children: [_jsx(_components.span, {
className: "token punctuation",
children: ""
})]
}), "\n"]
})
})
}), "\n", _jsxs(_components.p, {
children: [_jsx("kbd", {
children: "CTRL"
}), " + ", _jsx("kbd", {
children: "ALT"
}), " + ", _jsx("kbd", {
children: "Delete"
})]
}), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, {
id: "abbreviate",
children: [_jsx(_components.a, {
className: "heading-link",
href: "#abbreviate",
children: _jsx(_components.svg, {
xmlns: "http:www.w3.org/2000/svg",
fill: "#ab2b65",
viewBox: "0 0 20 20",
className: "w-5 h-5",
children: _jsx(_components.path, {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z"
})
})
}), "Abbreviate"]
}), "\n", _jsxs(_components.p, {
children: ["Use the ", _jsx(_components.code, {
className: "language-auto",
children: ""
}), " tag to denote abbreviation."]
}), "\n", _jsx(_components.pre, {
className: "language-md",
children: _jsx(_components.code, {
className: "language-md code-highlight",
children: _jsxs(_components.span, {
className: "code-line",
children: [_jsxs(_components.span, {
className: "token tag",
children: [_jsxs(_components.span, {
className: "token tag",
children: [_jsx(_components.span, {
className: "token punctuation",
children: "<"
}), "abbr"]
}), " ", _jsx(_components.span, {
className: "token attr-name",
children: "title"
}), _jsxs(_components.span, {
className: "token attr-value",
children: [_jsx(_components.span, {
className: "token punctuation attr-equals",
children: "="
}), _jsx(_components.span, {
className: "token punctuation",
children: "\""
}), "Graphics Interchange Format", _jsx(_components.span, {
className: "token punctuation",
children: "\""
})]
}), _jsx(_components.span, {
className: "token punctuation",
children: ">"
})]
}), "GIF", _jsxs(_components.span, {
className: "token tag",
children: [_jsxs(_components.span, {
className: "token tag",
children: [_jsx(_components.span, {
className: "token punctuation",
children: ""
})]
}), "\n"]
})
})
}), "\n", _jsx("abbr", {
title: "Graphics Interchange Format",
children: "GIF"
}), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h3, {
id: "highlight",
children: [_jsx(_components.a, {
className: "heading-link",
href: "#highlight",
children: _jsx(_components.svg, {
xmlns: "http:www.w3.org/2000/svg",
fill: "#ab2b65",
viewBox: "0 0 20 20",
className: "w-5 h-5",
children: _jsx(_components.path, {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z"
})
})
}), "Highlight"]
}), "\n", _jsxs(_components.p, {
children: ["Use the ", _jsx(_components.code, {
className: "language-auto",
children: ""
}), " tag to denote highlighted text."]
}), "\n", _jsx(_components.pre, {
className: "language-md",
children: _jsx(_components.code, {
className: "language-md code-highlight",
children: _jsxs(_components.span, {
className: "code-line",
children: ["Do or do not. ", _jsxs(_components.span, {
className: "token tag",
children: [_jsxs(_components.span, {
className: "token tag",
children: [_jsx(_components.span, {
className: "token punctuation",
children: "<"
}), "mark"]
}), _jsx(_components.span, {
className: "token punctuation",
children: ">"
})]
}), "There is no try.", _jsxs(_components.span, {
className: "token tag",
children: [_jsxs(_components.span, {
className: "token tag",
children: [_jsx(_components.span, {
className: "token punctuation",
children: ""
})]
}), "\n"]
})
})
}), "\n", _jsxs(_components.p, {
children: ["Do or do not. ", _jsx("mark", {
children: "There is no try."
})]
}), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, {
id: "task-lists",
children: [_jsx(_components.a, {
className: "heading-link",
href: "#task-lists",
children: _jsx(_components.svg, {
xmlns: "http:www.w3.org/2000/svg",
fill: "#ab2b65",
viewBox: "0 0 20 20",
className: "w-5 h-5",
children: _jsx(_components.path, {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z"
})
})
}), "Task Lists"]
}), "\n", _jsxs(_components.p, {
children: ["Combine a list with square brackets ([]) representing a checkbox. Typing ", _jsx(_components.code, {
className: "language-auto",
children: "x"
}), " inside the brackets marks the task as complete."]
}), "\n", _jsx(_components.pre, {
className: "language-md",
children: _jsxs(_components.code, {
className: "language-md code-highlight",
children: [_jsxs(_components.span, {
className: "code-line",
children: [_jsx(_components.span, {
className: "token list punctuation",
children: "-"
}), " [x] Build a lightsaber\n"]
}), _jsxs(_components.span, {
className: "code-line",
children: [_jsx(_components.span, {
className: "token list punctuation",
children: "-"
}), " [ ] Pass the Jedi Trials\n"]
}), _jsxs(_components.span, {
className: "code-line",
children: [_jsx(_components.span, {
className: "token list punctuation",
children: "-"
}), " [ ] Train a padawan\n"]
})]
})
}), "\n", _jsxs(_components.ul, {
className: "contains-task-list",
children: ["\n", _jsxs(_components.li, {
className: "task-list-item",
children: [_jsx(_components.input, {
type: "checkbox",
checked: true,
disabled: true
}), " ", "Build a lightsaber"]
}), "\n", _jsxs(_components.li, {
className: "task-list-item",
children: [_jsx(_components.input, {
type: "checkbox",
disabled: true
}), " ", "Pass the Jedi Trials"]
}), "\n", _jsxs(_components.li, {
className: "task-list-item",
children: [_jsx(_components.input, {
type: "checkbox",
disabled: true
}), " ", "Train a padawan"]
}), "\n"]
}), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, {
id: "tables",
children: [_jsx(_components.a, {
className: "heading-link",
href: "#tables",
children: _jsx(_components.svg, {
xmlns: "http:www.w3.org/2000/svg",
fill: "#ab2b65",
viewBox: "0 0 20 20",
className: "w-5 h-5",
children: _jsx(_components.path, {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z"
})
})
}), "Tables"]
}), "\n", _jsx(_components.p, {
children: "Use three or more hyphens (-) for the column headers and use pipes (|) to separate each column. You can align text in the columns to the left, right, or center by adding a colon (:) to the left, right, or on both side of the hyphens."
}), "\n", _jsx(_components.pre, {
className: "language-md",
children: _jsxs(_components.code, {
className: "language-md code-highlight",
children: [_jsx(_components.span, {
className: "code-line",
children: _jsx(_components.span, {
className: "token table",
children: _jsxs(_components.span, {
className: "token table-header-row",
children: [_jsx(_components.span, {
className: "token punctuation",
children: "|"
}), _jsx(_components.span, {
className: "token table-header important",
children: " Item "
}), _jsx(_components.span, {
className: "token punctuation",
children: "|"
}), _jsx(_components.span, {
className: "token table-header important",
children: " Count "
}), _jsx(_components.span, {
className: "token punctuation",
children: "|"
}), "\n"]
})
})
}), _jsx(_components.span, {
className: "code-line",
children: _jsxs(_components.span, {
className: "token table",
children: [_jsx(_components.span, {
className: "token table-header-row"
}), _jsxs(_components.span, {
className: "token table-line",
children: [_jsx(_components.span, {
className: "token punctuation",
children: "|"
}), " ", _jsx(_components.span, {
className: "token punctuation",
children: ":-----"
}), " ", _jsx(_components.span, {
className: "token punctuation",
children: "|"
}), " ", _jsx(_components.span, {
className: "token punctuation",
children: "----:"
}), " ", _jsx(_components.span, {
className: "token punctuation",
children: "|"
}), "\n"]
})]
})
}), _jsx(_components.span, {
className: "code-line",
children: _jsxs(_components.span, {
className: "token table",
children: [_jsx(_components.span, {
className: "token table-line"
}), _jsxs(_components.span, {
className: "token table-data-rows",
children: [_jsx(_components.span, {
className: "token punctuation",
children: "|"
}), _jsx(_components.span, {
className: "token table-data",
children: " X-Wing "
}), _jsx(_components.span, {
className: "token punctuation",
children: "|"
}), _jsx(_components.span, {
className: "token table-data",
children: " 1 "
}), _jsx(_components.span, {
className: "token punctuation",
children: "|"
}), "\n"]
})]
})
}), _jsx(_components.span, {
className: "code-line",
children: _jsx(_components.span, {
className: "token table",
children: _jsxs(_components.span, {
className: "token table-data-rows",
children: [_jsx(_components.span, {
className: "token punctuation",
children: "|"
}), _jsx(_components.span, {
className: "token table-data",
children: " Y-Wing "
}), _jsx(_components.span, {
className: "token punctuation",
children: "|"
}), _jsx(_components.span, {
className: "token table-data",
children: " 2 "
}), _jsx(_components.span, {
className: "token punctuation",
children: "|"
}), "\n"]
})
})
}), _jsx(_components.span, {
className: "code-line",
children: _jsx(_components.span, {
className: "token table",
children: _jsxs(_components.span, {
className: "token table-data-rows",
children: [_jsx(_components.span, {
className: "token punctuation",
children: "|"
}), _jsx(_components.span, {
className: "token table-data",
children: " A-Wing "
}), _jsx(_components.span, {
className: "token punctuation",
children: "|"
}), _jsx(_components.span, {
className: "token table-data",
children: " 3 "
}), _jsx(_components.span, {
className: "token punctuation",
children: "|"
}), "\n"]
})
})
})]
})
}), "\n", _jsx(_components.div, {
className: "overflow-x-auto",
children: _jsxs(_components.table, {
children: [_jsx(_components.thead, {
children: _jsxs(_components.tr, {
children: [_jsx(_components.th, {
style: {
textAlign: "left"
},
children: "Item"
}), _jsx(_components.th, {
style: {
textAlign: "right"
},
children: "Count"
})]
})
}), _jsxs(_components.tbody, {
children: [_jsxs(_components.tr, {
children: [_jsx(_components.td, {
style: {
textAlign: "left"
},
children: "X-Wing"
}), _jsx(_components.td, {
style: {
textAlign: "right"
},
children: "1"
})]
}), _jsxs(_components.tr, {
children: [_jsx(_components.td, {
style: {
textAlign: "left"
},
children: "Y-Wing"
}), _jsx(_components.td, {
style: {
textAlign: "right"
},
children: "2"
})]
}), _jsxs(_components.tr, {
children: [_jsx(_components.td, {
style: {
textAlign: "left"
},
children: "A-Wing"
}), _jsx(_components.td, {
style: {
textAlign: "right"
},
children: "3"
})]
})]
})]
})
}), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, {
id: "footnotes",
children: [_jsx(_components.a, {
className: "heading-link",
href: "#footnotes",
children: _jsx(_components.svg, {
xmlns: "http:www.w3.org/2000/svg",
fill: "#ab2b65",
viewBox: "0 0 20 20",
className: "w-5 h-5",
children: _jsx(_components.path, {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z"
})
})
}), "Footnotes"]
}), "\n", _jsx(_components.p, {
children: "Add a caret (^) and an identifier inside brackets ([^1]). Identifiers can be numbers or words but can't contain spaces or tabs."
}), "\n", _jsx(_components.pre, {
className: "language-md",
children: _jsxs(_components.code, {
className: "language-md code-highlight",
children: [_jsx(_components.span, {
className: "code-line",
children: "Here's a footnote, [^1] and here's another one. [^2]\n"
}), _jsxs(_components.span, {
className: "code-line",
children: [_jsxs(_components.span, {
className: "token url-reference url",
children: [_jsx(_components.span, {
className: "token punctuation",
children: "["
}), _jsx(_components.span, {
className: "token variable",
children: "^1"
}), _jsx(_components.span, {
className: "token punctuation",
children: "]"
}), _jsx(_components.span, {
className: "token punctuation",
children: ":"
}), " This"]
}), " is the first footnote.\n"]
}), _jsxs(_components.span, {
className: "code-line",
children: [_jsxs(_components.span, {
className: "token url-reference url",
children: [_jsx(_components.span, {
className: "token punctuation",
children: "["
}), _jsx(_components.span, {
className: "token variable",
children: "^2"
}), _jsx(_components.span, {
className: "token punctuation",
children: "]"
}), _jsx(_components.span, {
className: "token punctuation",
children: ":"
}), " This"]
}), " is the second footnote.\n"]
})]
})
}), "\n", _jsxs(_components.p, {
children: ["Here's a footnote, ", _jsx(_components.sup, {
children: _jsx(_components.a, {
href: "#user-content-fn-1",
id: "user-content-fnref-1",
"data-footnote-ref": true,
"aria-describedby": "footnote-label",
children: "1"
})
}), " and here's another one. ", _jsx(_components.sup, {
children: _jsx(_components.a, {
href: "#user-content-fn-2",
id: "user-content-fnref-2",
"data-footnote-ref": true,
"aria-describedby": "footnote-label",
children: "2"
})
})]
}), "\n", _jsx(_components.p, {
children: "See the bottom of this page to view the footnotes."
}), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, {
id: "code",
children: [_jsx(_components.a, {
className: "heading-link",
href: "#code",
children: _jsx(_components.svg, {
xmlns: "http:www.w3.org/2000/svg",
fill: "#ab2b65",
viewBox: "0 0 20 20",
className: "w-5 h-5",
children: _jsx(_components.path, {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z"
})
})
}), "Code"]
}), "\n", _jsx(_components.p, {
children: "To denote a word or phrase as code, enclose it in backticks (`)."
}), "\n", _jsx(_components.pre, {
className: "language-md",
children: _jsx(_components.code, {
className: "language-md code-highlight",
children: _jsxs(_components.span, {
className: "code-line",
children: [_jsx(_components.span, {
className: "token code-snippet code keyword",
children: "`package.json`"
}), "\n"]
})
})
}), "\n", _jsx(_components.p, {
children: _jsx(_components.code, {
className: "language-auto",
children: "package.json"
})
}), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, {
id: "code-blocks",
children: [_jsx(_components.a, {
className: "heading-link",
href: "#code-blocks",
children: _jsx(_components.svg, {
xmlns: "http:www.w3.org/2000/svg",
fill: "#ab2b65",
viewBox: "0 0 20 20",
className: "w-5 h-5",
children: _jsx(_components.path, {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z"
})
})
}), "Code Blocks"]
}), "\n", _jsxs(_components.p, {
children: ["Denote a code block by wrapping a section of valid code in triple backticks (`). To enable syntax highlighting, type the shorthand symbol for the language after the first three backticks. ", _jsx(_components.a, {
href: "https://shiki.style/languages",
target: "_blank",
rel: "noopener noreferrer",
children: "Reference for shorthand symbols"
}), "."]
}), "\n", _jsx(_components.pre, {
children: _jsxs(_components.code, {
className: "language-auto code-highlight",
children: [_jsx(_components.span, {
className: "code-line",
children: "```js\n"
}), _jsx(_components.span, {
className: "code-line",
children: " function hello() {\n"
}), _jsx(_components.span, {
className: "code-line",
children: " console.log(\"hello world\");\n"
}), _jsx(_components.span, {
className: "code-line",
children: " }\n"
}), _jsx(_components.span, {
className: "code-line",
children: "```\n"
})]
})
}), "\n", _jsx(_components.pre, {
className: "language-js",
children: _jsxs(_components.code, {
className: "language-js code-highlight",
children: [_jsxs(_components.span, {
className: "code-line",
children: [_jsx(_components.span, {
className: "token keyword",
children: "function"
}), " ", _jsx(_components.span, {
className: "token function",
children: "hello"
}), _jsx(_components.span, {
className: "token punctuation",
children: "("
}), _jsx(_components.span, {
className: "token punctuation",
children: ")"
}), " ", _jsx(_components.span, {
className: "token punctuation",
children: "{"
}), "\n"]
}), _jsxs(_components.span, {
className: "code-line",
children: [" ", _jsx(_components.span, {
className: "token console class-name",
children: "console"
}), _jsx(_components.span, {
className: "token punctuation",
children: "."
}), _jsx(_components.span, {
className: "token method function property-access",
children: "log"
}), _jsx(_components.span, {
className: "token punctuation",
children: "("
}), _jsx(_components.span, {
className: "token string",
children: "\"hello world\""
}), _jsx(_components.span, {
className: "token punctuation",
children: ")"
}), _jsx(_components.span, {
className: "token punctuation",
children: ";"
}), "\n"]
}), _jsxs(_components.span, {
className: "code-line",
children: [_jsx(_components.span, {
className: "token punctuation",
children: "}"
}), "\n"]
})]
})
}), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.h2, {
id: "conclusion",
children: [_jsx(_components.a, {
className: "heading-link",
href: "#conclusion",
children: _jsx(_components.svg, {
xmlns: "http:www.w3.org/2000/svg",
fill: "#ab2b65",
viewBox: "0 0 20 20",
className: "w-5 h-5",
children: _jsx(_components.path, {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z"
})
})
}), "Conclusion"]
}), "\n", _jsxs(_components.p, {
children: ["Refer to ", _jsx(_components.a, {
href: "https://www.markdownguide.org/",
target: "_blank",
rel: "noopener noreferrer",
children: "markdownguide.org"
}), " for best practices as well as extended syntax."]
}), "\n", _jsx(_components.hr, {}), "\n", _jsxs(_components.section, {
"data-footnotes": true,
className: "footnotes",
children: [_jsxs(_components.h2, {
className: "sr-only",
id: "footnote-label",
children: [_jsx(_components.a, {
className: "heading-link",
href: "#footnote-label",
children: _jsx(_components.svg, {
xmlns: "http:www.w3.org/2000/svg",
fill: "#ab2b65",
viewBox: "0 0 20 20",
className: "w-5 h-5",
children: _jsx(_components.path, {
fillRule: "evenodd",
clipRule: "evenodd",
d: "M9.493 2.853a.75.75 0 00-1.486-.205L7.545 6H4.198a.75.75 0 000 1.5h3.14l-.69 5H3.302a.75.75 0 000 1.5h3.14l-.435 3.148a.75.75 0 001.486.205L7.955 14h2.986l-.434 3.148a.75.75 0 001.486.205L12.456 14h3.346a.75.75 0 000-1.5h-3.14l.69-5h3.346a.75.75 0 000-1.5h-3.14l.435-3.147a.75.75 0 00-1.486-.205L12.045 6H9.059l.434-3.147zM8.852 7.5l-.69 5h2.986l.69-5H8.852z"
})
})
}), "Footnotes"]
}), "\n", _jsxs(_components.ol, {
children: ["\n", _jsxs(_components.li, {
id: "user-content-fn-1",
children: ["\n", _jsxs(_components.p, {
children: ["This is the first footnote. ", _jsx(_components.a, {
href: "#user-content-fnref-1",
"data-footnote-backref": "",
"aria-label": "Back to reference 1",
className: "data-footnote-backref",
children: "↩"
})]
}), "\n"]
}), "\n", _jsxs(_components.li, {
id: "user-content-fn-2",
children: ["\n", _jsxs(_components.p, {
children: ["This is the second footnote. ", _jsx(_components.a, {
href: "#user-content-fnref-2",
"data-footnote-backref": "",
"aria-label": "Back to reference 2",
className: "data-footnote-backref",
children: "↩"
})]
}), "\n"]
}), "\n"]
}), "\n"]
})]
});
}
function MDXContent(props = {}) {
const {wrapper: MDXLayout} = {
..._provideComponents(),
...props.components
};
return MDXLayout ? _jsx(MDXLayout, {
...props,
children: _jsx(_createMdxContent, {
...props
})
}) : _createMdxContent(props);
}
return {
default: MDXContent
};
function _resolveDynamicMdxSpecifier(d) {
if (typeof d !== "string") return d;
try {
new URL(d);
return d;
} catch {}
if (d.startsWith("/") || d.startsWith("./") || d.startsWith("../")) return new URL(d, _importMetaUrl).href;
return d;
}}}