<!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>Emoji 🪂 · Congo</title><metaname=titlecontent="Emoji 🪂 · Congo"><metaname=descriptioncontent="A powerful, lightweight theme for Hugo built with Tailwind CSS."><linkrel=canonicalhref=https://jpanther.github.io/congo/samples/emoji/><linktype=text/cssrel=stylesheethref=/congo/css/main.bundle.min.2b3764388e411aefa0e58f80c082a0dfc1cb1aa6a9bba3259cc31a856a2321d59d6bb8f7fa24fba5f4eb28c37b8fb2b3157f20cfe2c0f6c8d5fecb30e88ddf6c.cssintegrity="sha512-KzdkOI5BGu+g5Y+AwIKg38HLGqapu6MlnMMahWojIdWda7j3+iT7pfTrKMN7j7KzFX8gz+LA9sjV/ssw6I3fbA=="><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><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/emoji/>Emoji :parachute:</a><spanclass="px-1 text-primary-500">/</span></li></ol><h1class="mt-0 text-4xl font-extrabold text-neutral-900 dark:text-neutral">Emoji 🪂</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-05 00:00:00 +0000 UTC">5 March 2019</time><spanclass="px-2 text-primary-500">·</span><spantitle="Reading time">1 min</span></div></div></header><sectionclass="flex flex-col max-w-full mt-0 prose lg:flex-row dark:prose-invert"><divclass="min-w-0 min-h-0 max-w-prose"><p>Emoji is supported throughout Congo by default. Emoji can be used in titles, menu items and article content.</p><divclass="flex px-4 py-3 rounded-md bg-primary-100 dark:bg-primary-900"><spanclass="ltr:pr-3 rtl:pl-3 text-primary-400"><spanclass="relative inline-block align-text-bottom icon"><svgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 512 512"><pathfill="currentcolor"d="M506.3 417 293 53c-16.33-28-57.54-28-73.98.0l-213.2 364C-10.59 444.9 9.849 480 42.74 480h426.6c32.76.0 53.26-35 36.96-63zM232 168c0-13.25 10.75-24 24-24s24 10.8 24 24v128c0 13.25-10.75 24-23.1 24S232 309.3 232 296V168zm24 248c-17.36.0-31.44-14.08-31.44-31.44s14.07-31.44 31.44-31.44 31.44 14.08 31.44 31.44C287.4 401.9 273.4 416 256 416z"/></svg></span></span><spanclass=dark:text-neutral-300><strong>Note:</strong> The rendering of these glyphs depends on the browser and the platform. To style the emoji you can either use a third party emoji font or a font stack.</span></div><p>Emoji replacements are automatic throughout Congo, so you can use shorthand codes in your content and front matter and they will be converted to their corresponding symbols at build time.</p><p><strong>Example:</strong><code>see_no_evil</code> 🙈, <code>hear_no_evil</code> 🙉, <code>speak_no_evil</code> 🙊.</p><p>The <ahref=http://www.emoji-cheat-sheet.com/>Emoji cheat sheet</a> is a useful reference for emoji shorthand codes.</p></div></section><footerclass="pt-8 max-w-prose print:hidden"><divclass=flex><imgclass="w-24 h-24 !mt-0 !mb-0 ltr:mr-4 rtl:ml-4 rounded-full"width=96height=96alt=Authorsrc=/congo/img/author_hu052d24d60828c1cca42a6aefe45b8b44_54195_192x192_fill_q75_box_smart1.jpg><divclass=place-self-center><divclass="text-[0.6rem] leading-3 text-neutral-500 dark:text-neutral-400 uppercase">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"><div