<spanclass="relative inline-block align-text-bottom px-1 icon"><svgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 16 16"><pathfill="currentcolor"d="M4.545 6.714 4.11 8H3l1.862-5h1.284L8 8H6.833l-.435-1.286H4.545zm1.634-.736L5.5 3.956h-.049l-.679 2.022H6.18z"/><pathfill="currentcolor"d="M0 2a2 2 0 012-2h7a2 2 0 012 2v3h3a2 2 0 012 2v7a2 2 0 01-2 2H7a2 2 0 01-2-2v-3H2A2 2 0 010 9V2zm2-1A1 1 0 001 2v7a1 1 0 001 1h7a1 1 0 001-1V2A1 1 0 009 1H2zm7.138 9.995c.193.301.402.583.63.846-.748.575-1.673 1.001-2.768 1.292.178.217.451.635.555.867 1.125-.359 2.08-.844 2.886-1.494.777.665 1.739 1.165 2.93 1.472.133-.254.414-.673.629-.89-1.125-.253-2.057-.694-2.82-1.284.681-.747 1.222-1.651 1.621-2.757H14V8h-3v1.047h.765c-.318.844-.74 1.546-1.272 2.13a6.066 6.066.0 01-.415-.492 1.988 1.988.0 01-.94.31z"/></svg></span><spanclass=text-sm>EN</span><spanclass=text-[0.6rem]><spanclass="relative inline-block align-text-bottom px-1 icon"><svgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 512 512"><pathfill="currentcolor"d="M233.4 406.6c12.5 12.5 32.8 12.5 45.3.0l192-192c12.5-12.5 12.5-32.8.0-45.3s-32.8-12.5-45.3.0L256 338.7 86.6 169.4c-12.5-12.5-32.8-12.5-45.3.0s-12.5 32.8.0 45.3l192 192z"/></svg></span></span></button><divclass="invisible w-full h-2 bg-transparent group-hover:visible"></div><divclass="top-8 invisible absolute ltr:right-0 rtl:left-0 z-50 flex flex-col whitespace-nowrap rounded border border-neutral-300 bg-neutral text-start text-base shadow group-hover:visible dark:border-neutral-600 dark:bg-neutral-800"><divclass="flex flex-grow"><ahref=/congo/samples/class="flex items-center justify-between w-full px-2 py-1 bg-primary-100 dark:bg-primary-900">English (Australia)<spanclass="w-6 ms-2 text-primary-600 dark:text-primary-400"><spanclass="relative inline-block align-text-bottom px-1 icon"><svgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 448 512"><pathfill="currentcolor"d="M438.6 105.4c12.5 12.5 12.5 32.7.0 45.2l-256 256c-12.5 12.5-32.7 12.5-45.2.0L9.372 278.6c-12.496-12.5-12.496-32.7.0-45.2 12.498-12.5 32.758-12.5 45.258.0L159.1 338.7 393.4 105.4c12.5-12.52 32.7-12.52 45.2.0h0z"/></svg></span></span></a></div><divclass="flex flex-grow"><ahref=/congo/es/samples/class="w-full py-1 pe-10 ps-2 decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2">Español (México)</a></div><divclass="flex flex-grow"><ahref=/congo/ja/samples/class="w-full py-1 pe-10 ps-2 decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2">日本語</a></div><divclass="flex flex-grow"><ahref=/congo/de/samples/class="w-full py-1 pe-10 ps-2 decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2">Deutsch (Deutschland)</a></div></div></div></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="mt-6fle
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 width=160 height=120 loading=lazy></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="2023-01-23 00:00:00 +0000 UTC">Updated: 23 January 2023</time><spanclass="px-2 text-primary-500">·</span><spantitle="Reading time">1 min</span></div></div><divclass="prose py-1 dark:prose-invert">Congo has built-in support for a number of FontAwesome 6 icons.</div></div></article><articleclass="mt-6 flex max-w-prose flex-row"><divclass="flex-none pe-4 sm:pe-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 width=160 height=120 loading=lazy></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="prose py-1 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="mt-6 flex max-w-prose flex-row"><divclass="flex-none pe-4 sm:pe-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 width=160 height=120 loading=lazy></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="prose py-1 dark:prose-invert">This is an <em>example</em> of a <strong>rich</strong> content summary.</div></div></article><articleclass="mt-6 flex max-w-prose flex-row"><divclass="flex-none pe-4 sm:pe-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
