<!doctype html><htmllang=en-audir=ltrclass=scroll-smoothdata-default-appearance=lightdata-auto-appearance=true><head><metacharset=utf-8><metahttp-equiv=content-languagecontent="en-au"><metaname=viewportcontent="width=device-width,initial-scale=1"><metahttp-equiv=x-ua-compatiblecontent="ie=edge"><title>Content Samples · Congo</title><metaname=titlecontent="Content Samples · Congo"><metaname=descriptioncontent="A powerful, lightweight theme for Hugo built with Tailwind CSS."><linkrel=canonicalhref=https://jpanther.github.io/congo/samples/><linkrel=alternatetype=application/rss+xmlhref=/congo/samples/index.xmltitle=Congo><linktype=text/cssrel=stylesheethref=/congo/css/main.bundle.min.d833798fe0375c951e2263507e974b2447b44a27a5350a248f5eb230282530f98fdd63c3d0f6bb05f8e68c1a95c6671cd646d054beed00f702004280001f078d.cssintegrity="sha512-2DN5j+A3XJUeImNQfpdLJEe0SielNQokj16yMCglMPmP3WPD0Pa7BfjmjBqVxmcc1kbQVL7tAPcCAEKAAB8HjQ=="><scripttype=text/javascriptsrc=/congo/js/appearance.min.12e98742cd283574d030a7fe55f29597df4ee214f7ff7075b4d19a64d046a602753c715295550be7899b661619cec89c679049d36c624681671a8013c1249896.jsintegrity="sha512-EumHQs0oNXTQMKf+VfKVl99O4hT3/3B1tNGaZNBGpgJ1PHFSlVUL54mbZhYZzsicZ5BJ02xiRoFnGoATwSSYlg=="></script>
<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></button></li></ul></nav></header><divclass="relative flex flex-col grow"><mainid=main-contentclass=grow><header><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 hidden"><aclass="hover:underline decoration-neutral-300 dark:underline-neutral-600"href=/congo/samples/>Content Samples</a><spanclass="px-1 text-primary-500">/</span></li></ol><h1class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">Content Samples</h1></header><sectionclass="flex flex-col max-w-full prose lg:flex-row dark:prose-invert mt-0"><divclass="min-w-0 min-h-0 max-w-prose"><divclass="!mb-9 text-xl lead">Congo brings your content to life. 😍</div><p>This section contains some demo pages that show how Congo renders different types of content. You can also see an example <ahref=https://jpanther.github.io/congo/tags/>taxonomy listing</a> page.</p><p><em><strong>Sidenote:</strong> This page is just a standard Congo article listing and Hugo has been configured to generate a <code>samples</code> content type and display article summaries.</em></p><hr></div></section><section><article><h3class="flex items-center mt-6 text-xl font-semibold"><aclass="decoration-primary-500 hover:underline hover:underline-offset-2 text-neutral-800 dark:text-neutral"href=/congo/samples/icons/>Icons</a></h3><divclass="text-sm text-neutral-500 dark:text-neutral-400"><divclass="flex flex-row flex-wrap items-center"><timedatetime="2020-08-14 00:00:00 +0000 UTC">14 August 2020</time><spanclass="px-2 text-primary-500">·</span><timedatetime="2022-03-09 00:00:00 +0000 UTC">Updated: 9 March 2022</time><spanclass="px-2 text-primary-500">·</span><spantitle="Reading time">1 min</span></div></div><divclass="py-1 prose dark:prose-invert">Congo has built-in support for a number of FontAwesome 6 icons.</div></article><article><h3class="flex items-center mt-6 text-xl font-semibold"><aclass="decoration-primary-500 hover:underline hover:underline-offset-2 text-neutral-800 dark:text-neutral"href=/congo/samples/markdown/>Markdown</a></h3><divclass="text-sm text-neutral-500 dark:text-neutral-400"><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><divclass="py-1 prose dark:prose-invert"><p>This article offers a sample of basic Markdown formatting that can be used in Congo, also it shows how some basic HTML elements are decorated.</p></div></article><article><h3class="flex items-center mt-6 text-xl font-semibold"><aclass="decoration-primary-500 hover:underline hover:underline-offset-2 text-neutral-800 dark:text-neutral"href=/congo/samples/rich-content/>Rich Content</a></h3><divclass="text-sm text-neutral-500 dark:text-neutral-400"><divclass="flex flex-row flex-wrap items-center"><timedatetime="2019-03-10 00:00:00 +0000 UTC">10 March 2019</time><spanclass="px-2 text-primary-500">·</span><spantitle="Reading time">2 mins</span></div></div><divclass="py-1 prose dark:prose-invert">This is an <em>example</em> of a <strong>rich</strong> content summary.</div></article><article><h3class="flexitems-centermt-6text-xlfont-
