<!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.3552466d62941f854cc764b706ab5b2e3616325dd23313577f99ff83f095a09e436d4734656eb0ab9f588d93c251fdf636660a728c2f6ccb49697325daac8a6c.cssintegrity="sha512-NVJGbWKUH4VMx2S3BqtbLjYWMl3SMxNXf5n/g/CVoJ5DbUc0ZW6wq59YjZPCUf32NmYKcowvbMtJaXMl2qyKbA=="><scripttype=text/javascriptsrc=/congo/js/appearance.min.badab316c9287a5a42a843e4eb45da65bb3d194a5a0f5fa4a3e516160e67df0b8c65f4f19a8e146436e29d583699e6cb41d6bbe99e05e1dbaa877763bad9f8e2.jsintegrity="sha512-utqzFskoelpCqEPk60XaZbs9GUpaD1+ko+UWFg5n3wuMZfTxmo4UZDbinVg2mebLQda76Z4F4duqh3djutn44g=="></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">1 min</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-s
<spanclass="text-xs align-top cursor-default text-neutral-400 dark:text-neutral-500"title="Link to external site"><spanclass=rtl:hidden>↗</span>
