<linkrel=apple-touch-iconsizes=180x180href=/congo/apple-touch-icon.png><linkrel=icontype=image/pngsizes=32x32href=/congo/favicon-32x32.png><linkrel=icontype=image/pngsizes=16x16href=/congo/favicon-16x16.png><linkrel=manifesthref=/congo/site.webmanifest><metaproperty="og:title"content="Markdown"><metaproperty="og:description"content="Sample article showcasing basic Markdown syntax and formatting for HTML elements."><metaproperty="og:type"content="article"><metaproperty="og:url"content="https://jpanther.github.io/congo/samples/markdown/"><metaproperty="article:section"content="samples"><metaproperty="article:published_time"content="2019-03-11T00:00:00+00:00"><metaproperty="article:modified_time"content="2019-03-11T00:00:00+00:00"><metaproperty="og:site_name"content="Congo"><metaname=twitter:cardcontent="summary"><metaname=twitter:titlecontent="Markdown"><metaname=twitter:descriptioncontent="Sample article showcasing basic Markdown syntax and formatting for HTML elements."><scripttype=application/ld+json>[{"@context":"https://schema.org","@type":"Article","articleSection":"Content Samples","name":"Markdown","headline":"Markdown","description":"Sample article showcasing basic Markdown syntax and formatting for HTML elements.","abstract":"\u003cp\u003eThis article offers a sample of basic Markdown formatting that can be used in Congo, also it shows how some basic HTML elements are decorated.\u003c\/p\u003e","inLanguage":"en-au","url":"https:\/\/jpanther.github.io\/congo\/samples\/markdown\/","author":{"@type":"Person","name":"Congo"},"copyrightYear":"2019","dateCreated":"2019-03-11T00:00:00\u002b00:00","datePublished":"2019-03-11T00:00:00\u002b00:00","dateModified":"2019-03-11T00:00:00\u002b00:00","keywords":["markdown","css","html","sample"],"mainEntityOfPage":"true","wordCount":"472"}]</script><metaname=authorcontent="Congo"><linkhref=https://twitter.com/rel=me><linkhref=https://facebook.com/rel=me><linkhref=https://linkedin.com/rel=me><linkhref=https://youtube.com/rel=me></head><bodyclass="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"><divid=the-topclass="absolute flex self-center"><aclass="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"href=#main-content><spanclass="font-bold text-primary-600 ltr:pr-2 rtl:pl-2 dark:text-primary-400">↓</span>Skip to main content</a></div><headerclass="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10"><navclass="flex items-start justify-between sm:items-center"><divclass="flex flex-row items-center"><aclass="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2"rel=mehref=/congo/>Congo</a></div><ulclass="flex flex-col list-none ltr:text-right rtl:text-left sm:flex-row"><liclass="mb-1 group sm:mb-0 ltr:sm:mr-7 ltr:sm:last:mr-0 rtl:sm:ml-7 rtl:sm:last:ml-0"><ahref=/congo/docs/title=Documentation><spanclass="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2">Docs</span></a></li><liclass="mb-1 group sm:mb-0 ltr:sm:mr-7 ltr:sm:last:mr-0 rtl:sm:ml-7 rtl:sm:last:ml-0"><ahref=/congo/samples/title="Content Samples"><spanclass="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2">Samples</span></a></li><liclass="mb-1 group sm:mb-0 ltr:sm:mr-7 ltr:sm:last:mr-0 rtl:sm:ml-7 rtl:sm:last:ml-0"><ahref=/congo/users/title=Users><spanclass="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2">Users</span></a></li><liclass="mb-1 group sm:mb-0 ltr:sm:mr-7 ltr:sm:last:mr-0 rtl:sm:ml-7 rtl:sm:last:ml-0"><ahref=https://github.com/jpanther/congotitletarget=_blank><spanclass="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"><spanclass="relative inline-block align-text-bottom icon"><svgxmlns="http://www.w3.org/2000/svg"viewBox="0049651
<spanclass="transition-colors group-dark:hover:text-primary-400 group-hover:text-primary-600"><spanclass="relative inline-block align-text-bottom icon"><svgaria-hidden="true"focusable="false"data-prefix="fas"data-icon="search"class="svg-inline--fa fa-search fa-w-16"role="img"xmlns="http://www.w3.org/2000/svg"viewBox="0 0 512 512"><pathfill="currentcolor"d="M505 442.7 405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9.0 208 0S0 93.1.0 208s93.1 208 208 208c48.3.0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9.0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7.0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7.0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg></span></span><spanclass="decoration-primary-500 group-hover:underline group-hover:decoration-2 group-hover:underline-offset-2"></span></button></li></ul></nav></header><divclass="relative flex flex-col grow"><mainid=main-contentclass=grow><article><headerclass=max-w-prose><olclass="text-sm text-neutral-500 dark:text-neutral-400 print:hidden"><liclass="inline hidden"><aclass="hover:underline decoration-neutral-300 dark:underline-neutral-600"href=/congo/>Welcome to Congo! :tada:</a><spanclass="px-1 text-primary-500">/</span></li><liclass=inline><aclass="hover:underline decoration-neutral-300 dark:underline-neutral-600"href=/congo/samples/>Content Samples</a><spanclass="px-1 text-primary-500">/</span></li><liclass="inline hidden"><aclass="hover:underline decoration-neutral-300 dark:underline-neutral-600"href=/congo/samples/markdown/>Markdown</a><spanclass="px-1 text-primary-500">/</span></li></ol><h1class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">Markdown</h1><divclass="mt-8 mb-12 text-base text-neutral-500 dark:text-neutral-400 print:hidden"><divclass="flex flex-row flex-wrap items-center"><timedatetime="2019-03-11 00:00:00 +0000 UTC">11 March 2019</time><spanclass="px-2 text-primary-500">·</span><spantitle="Reading time">3 mins</span></div></div></header><sectionclass="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row"><divclass="order-first px-0 lg:order-last lg:max-w-xs ltr:lg:pl-8 rtl:lg:pr-8"><divclass="toc ltr:pl-5 rtl:pr-5 print:hidden lg:sticky lg:top-10"><detailsopenclass="mt-0 overflow-hidden rounded-lg ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5"><summaryclass="block py-1 text-lg font-semibold cursor-pointer bg-neutral-100 text-neutral-800 ltr:-ml-5 ltr:pl-5 rtl:-mr-5 rtl:pr-5 dark:bg-neutral-700 dark:text-neutral-100 lg:hidden">Table of Contents</summary><divclass="py-2 border-dotted border-neutral-300 ltr:-ml-5 ltr:border-l ltr:pl-5 rtl:-mr-5 rtl:border-r rtl:pr-5 dark:border-neutral-600"><navid=TableOfContents><ul><li><ahref=#headings>Headings</a></li></ul><ul><li><ahref=#h2>H2</a><ul><li><ahref=#h3>H3</a></li></ul></li><li><ahref=#paragraph>Paragraph</a></li><li><ahref=#blockquotes>Blockquotes</a><ul><li><ahref=#blockquote-without-attribution>Blockquote without attribution</a></li><li><ahref=#blockquote-with-attribution>Blockquote with attribution</a></li></ul></li><li><ahref=#tables>Tables</a><ul><li><ahref=#inline-markdown-within-tables>Inline Markdown within tables</a></li></ul></li><li><ahref=#code-blocks>Code Blocks</a><ul><li><ahref=#code-block-with-backticks>Code block with backticks</a></li><li><ahref=#code-block-indented-with-four-spaces>Code block indented with four spaces</a></li><li><ahref=#code-block-with-hugos-internal-highlight-shortcode>Code block with Hugo’s internal highlight shortcode</a></li></ul></li><li><ahref=#list-types>List Types</a><ul><li><ahref=#ordered-list>Ordered List</a></li><li><ahref=#unordered-list>Unordered List</a></li><li><ahref=#nested-list>Nested list</a></li></ul></li><li><ahref=#other-elements--abbr-sub-sup-kbd-mark>Other Elements — abbr, sub, sup, kbd, mark</a></li></ul></nav></div></details></div></div><divclass="min-w-0 min-h-0 max-w-prose grow"><p>This article offers a sample of basic Markdown formatting that can be used in Congo, also it shows how some
</span></span><spanclass=line><spanclass=cl><spanclass=p></</span><spanclass=nt>html</span><spanclass=p>></span></span></span></code></pre></td></tr></table></div></div><h2id=list-typesclass="relative group">List Types <spanclass="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"><aclass="group-hover:text-primary-300 dark:group-hover:text-neutral-700"style=text-decoration-line:none!importanthref=#list-typesaria-label=Anchor>#</a></span></h2><h3id=ordered-listclass="relative group">Ordered List <spanclass="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"><aclass="group-hover:text-primary-300 dark:group-hover:text-neutral-700"style=text-decoration-line:none!importanthref=#ordered-listaria-label=Anchor>#</a></span></h3><ol><li>First item</li><li>Second item</li><li>Third item</li></ol><h3id=unordered-listclass="relative group">Unordered List <spanclass="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"><aclass="group-hover:text-primary-300 dark:group-hover:text-neutral-700"style=text-decoration-line:none!importanthref=#unordered-listaria-label=Anchor>#</a></span></h3><ul><li>List item</li><li>Another item</li><li>And another item</li></ul><h3id=nested-listclass="relative group">Nested list <spanclass="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"><aclass="group-hover:text-primary-300 dark:group-hover:text-neutral-700"style=text-decoration-line:none!importanthref=#nested-listaria-label=Anchor>#</a></span></h3><ul><li>Fruit<ul><li>Apple</li><li>Orange</li><li>Banana</li></ul></li><li>Dairy<ul><li>Milk</li><li>Cheese</li></ul></li></ul><h2id=other-elements--abbr-sub-sup-kbd-markclass="relative group">Other Elements — abbr, sub, sup, kbd, mark <spanclass="absolute top-0 w-6 transition-opacity opacity-0 ltr:-left-6 rtl:-right-6 not-prose group-hover:opacity-100"><aclass="group-hover:text-primary-300 dark:group-hover:text-neutral-700"style=text-decoration-line:none!importanthref=#other-elements--abbr-sub-sup-kbd-markaria-label=Anchor>#</a></span></h2><p><abbrtitle="Graphics Interchange Format">GIF</abbr> is a bitmap image format.</p><p>H<sub>2</sub>O</p><p>X<sup>n</sup> + Y<sup>n</sup> = Z<sup>n</sup></p><p>Press <kbd>CTRL</kbd>+<kbd>ALT</kbd>+<kbd>Delete</kbd> to end the session.</p><p>Most <mark>salamanders</mark> are nocturnal, and hunt for insects, worms, and other small creatures.</p><divclass=footnotesrole=doc-endnotes><hr><ol><liid=fn:1><p>The above quote is excerpted from Rob Pike’s <ahref="https://www.youtube.com/watch?v=PAAkCSZUG1c"target=_blankrel="noreferrer noopener">talk <code>about</code> nothing</a> during Gopherfest, November 18, 2015. <ahref=#fnref:1class=footnote-backrefrole=doc-backlink>↩︎</a></p></li></ol></div></div></section><footerclass="pt-8 max-w-prose print:hidden"><divclass=flex><imgclass="!mt-0 !mb-0 h-24 w-24 rounded-full ltr:mr-4 rtl:ml-4"width=96height=96alt=Congosrc=/congo/img/author_hu052d24d60828c1cca42a6aefe45b8b44_54195_192x192_fill_q75_box_smart1.jpg><divclass=place-self-center><divclass="text-[0.6rem] uppercase leading-3 text-neutral-500 dark:text-neutral-400">Author</div><divclass="font-semibold leading-6 text-neutral-800 dark:text-neutral-300">Congo</div><divclass="text-sm text-neutral-700 dark:text-neutral-400">This is an example author bio, and although there’s a stock photo of a dog here, this article was actually created by a human. 🐶</div><divclass="text-2xl sm:text-lg"><divclass="flex flex-wrap text-neutral-400 dark:text-neutral-500"><aclass="px-1 transition-transform hover:scale-125 hover:text-primary-700 dark:hover:text-primary-400"style=will-change:transformhref=https://twitter.com/target=_blankaria-label=Twitterrel="me noopener noreferrer"><spanclass="relative inline-block align-text-bottom icon"><svgxmlns="http://www.w3.org/2000/svg"v
