<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><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="mt-0 prose flex max-w-full flex-col dark:prose-invert lg:flex-row"><divclass="min-w-0 min-h-0 max-w-prose grow"><divclass="lead !mb-9 text-xl">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><articleclass="flex flex-row mt-6 max-w-prose"><divclass="flex-none pr-4 sm:pr-6"><ahref=/congo/samples/icons/aria-label=Icons><imgaltclass="w-24 rounded-md sm:w-40"srcset="/congo/samples/icons/thumb-harpal-singh-_zKxPsGOGKg-unsplash-2_huebba41fac433fbe5cd5d34e4800707fc_148121_160x120_fill_q75_box_smart1.jpg
160w,/congo/samples/icons/thumb-harpal-singh-_zKxPsGOGKg-unsplash-2_huebba41fac433fbe5cd5d34e4800707fc_148121_320x240_fill_q75_box_smart1.jpg 2x" src=/congo/samples/icons/thumb-harpal-singh-_zKxPsGOGKg-unsplash-2_huebba41fac433fbe5cd5d34e4800707fc_148121_160x120_fill_q75_box_smart1.jpg></a></div><div><h3class="flex items-center text-xl font-semibold"><aclass="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 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></div></article><articleclass="flex flex-row mt-6 max-w-prose"><divclass="flex-none pr-4 sm:pr-6"><ahref=/congo/samples/markdown/aria-label=Markdown><imgaltclass="w-24 rounded-md sm:w-40"srcset="/congo/samples/markdown/thumb-surendran-mp-IhWYiwSxm8g-unsplash_hu44bc9c3d06795b8764c9078e57a84a9c_448330_160x120_fill_q75_box_smart1.jpg
160w,/congo/samples/markdown/thumb-surendran-mp-IhWYiwSxm8g-unsplash_hu44bc9c3d06795b8764c9078e57a84a9c_448330_320x240_fill_q75_box_smart1.jpg 2x" src=/congo/samples/markdown/thumb-surendran-mp-IhWYiwSxm8g-unsplash_hu44bc9c3d06795b8764c9078e57a84a9c_448330_160x120_fill_q75_box_smart1.jpg></a></div><div><h3class="flex items-center text-xl font-semibold"><aclass="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 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></div></article><articleclass="flex flex-row mt-6 max-w-prose"><divclass="flex-none pr-4 sm:pr-6"><ahref=/congo/samples/rich-content/aria-label="Rich Content"><imgaltclass="w-24 rounded-md sm:w-40"srcset="/congo/samples/rich-content/feature-alexander-shatov-mr4JG4SYOF8-unsplash_hu155f404c35e9686a73aa8cdc88b17fb3_131160_160x120_fill_q75_box_smart1.jpg
160w,/congo/samples/rich-content/feature-alexander-shatov-mr4JG4SYOF8-unsplash_hu155f404c35e9686a73aa8cdc88b17fb3_131160_320x240_fill_q75_box_smart1.jpg 2x" src=/congo/samples/rich-content/feature-alexander-shatov-mr4JG4SYOF8-unsplash_hu155f404c35e9686a73aa8cdc88b17fb3_131160_160x120_fill_q75_box_smart1.jpg></a></div><div><h3class="flex items-center text-xl font-semibold"><aclass="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 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></div></article><articleclass="flex flex-row mt-6 max-w-prose"><divclass="flex-none pr-4 sm:pr-6"><ahref=/congo/samples/placeholder-text/aria-label="Placeholder Text"><imgaltclass="w-24 rounded-md sm:w-40"srcset="/congo/samples/placeholder-text/thumb-kelly-sikkema-NBkMT8duVSI-unsplash_hu90e0ac416c274965f4fea4bb020592fa_151076_160x120_fill_q75_box_smart1.jpg