congo/index.html

15 lines
33 KiB
HTML
Raw Normal View History

<!doctype html><html lang=en-au dir=ltr class=scroll-smooth data-default-appearance=light data-auto-appearance=true><head><meta name=generator content="Hugo 0.106.0"><meta charset=utf-8><meta http-equiv=content-language content="en-au"><meta name=viewport content="width=device-width,initial-scale=1"><meta name=theme-color content="rgb(255,255,255)"><meta http-equiv=x-ua-compatible content="ie=edge"><title>Congo</title><meta name=title content="Congo"><meta name=description content="This is a demo of the Congo theme for Hugo."><link rel=canonical href=https://jpanther.github.io/congo/><link rel=alternate type=application/rss+xml href=/congo/index.xml title=Congo><link rel=alternate type=application/json href=/congo/index.json title=Congo><link type=text/css rel=stylesheet href=/congo/css/main.bundle.min.9a3c55add7114104f4403b9784a2fea7343e1785bbc807491f6d70233f97a907d15c2d558e81a8220f9c7b777731a662989704838e02e9e7cac019fd25e5d6b8.css integrity="sha512-mjxVrdcRQQT0QDuXhKL+pzQ+F4W7yAdJH21wIz+XqQfRXC1VjoGoIg+ce3d3MaZimJcEg44C6efKwBn9JeXWuA=="><script type=text/javascript src=/congo/js/appearance.min.1e44157c1e51b46341ce2c94716dd3dd1ef30c28e7d1c9f3b9db80877bfe72bc66b00d8a662f317840016acbed93c5f18c3d9268c8b957021ee74d0b04adf6c5.js integrity="sha512-HkQVfB5RtGNBziyUcW3T3R7zDCjn0cnzuduAh3v+crxmsA2KZi8xeEABasvtk8XxjD2SaMi5VwIe500LBK32xQ=="></script>
<script defer type=text/javascript id=script-bundle src=/congo/js/main.bundle.min.6d78c827ca7bcbf72056dbf698bf9aeb759a08966686187deb23f5949f73eca5f39b461284900cdfc08e2976d99eb80a8663648de778ba2a83e633ae16dbfc25.js integrity="sha512-bXjIJ8p7y/cgVtv2mL+a63WaCJZmhhh96yP1lJ9z7KXzm0YShJAM38COKXbZnrgKhmNkjed4uiqD5jOuFtv8JQ==" data-copy=Copy data-copied=Copied></script>
<link rel=apple-touch-icon sizes=180x180 href=/congo/apple-touch-icon.png><link rel=icon type=image/png sizes=32x32 href=/congo/favicon-32x32.png><link rel=icon type=image/png sizes=16x16 href=/congo/favicon-16x16.png><link rel=manifest href=/congo/site.webmanifest><meta property="og:title" content="Welcome to Congo! :tada:"><meta property="og:description" content="This is a demo of the Congo theme for Hugo."><meta property="og:type" content="website"><meta property="og:url" content="https://jpanther.github.io/congo/"><meta property="og:site_name" content="Congo"><meta name=twitter:card content="summary"><meta name=twitter:title content="Welcome to Congo! :tada:"><meta name=twitter:description content="This is a demo of the Congo theme for Hugo."><script type=application/ld+json>{"@context":"https://schema.org","@type":"WebSite","@id":"https:\/\/jpanther.github.io\/congo\/","name":"Congo","description":"A powerful, lightweight theme for Hugo built with Tailwind CSS.","inLanguage":"en-au","url":"https:\/\/jpanther.github.io\/congo\/","publisher":{"@type":"Person","name":"Congo"}}</script><meta name=author content="Congo"><link href=https://twitter.com/ rel=me><link href=https://facebook.com/ rel=me><link href=https://linkedin.com/ rel=me><link href=https://youtube.com/ rel=me></head><body class="flex flex-col h-screen px-6 m-auto text-lg leading-7 max-w-7xl bg-neutral text-neutral-900 dark:bg-neutral-800 dark:text-neutral sm:px-14 md:px-24 lg:px-32"><div id=the-top class="absolute flex self-center"><a class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600" href=#main-content><span class="font-bold text-primary-600 ltr:pr-2 rtl:pl-2 dark:text-primary-400">&darr;</span>Skip to main content</a></div><header class="py-6 font-semibold text-neutral-900 dark:text-neutral print:hidden sm:py-10"><nav class="flex items-start justify-between sm:items-center"><div class="flex flex-row items-center"><a class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2" rel=me href=/congo/>Congo</a></div><ul class="flex list-none flex-col ltr:text-right rtl:text-left sm:flex-row"><li class="mb-1 sm:mb-0 ltr:sm:mr-7 ltr:sm:last:mr-0 rtl:sm:ml-7 rtl:sm:last:ml-0"><a class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2" href=/congo/docs/ title=Documentation>Docs</a></li><li class="mb-1 sm:mb-0 ltr:sm:mr-7 ltr:sm:last:mr-0 rtl:sm:ml-7 rtl:sm:last:ml-0"><a class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2" href=/congo/samples/ title="Content Samples">Samples</a></li><li class="mb-1 sm:mb-0 ltr:sm:mr-7 ltr:sm:last:mr-0 rtl:sm:ml-7 rtl:sm:last:ml-0"><a class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2" href=/congo/users/ title=Users>Users</a></li><li class="mb-1 sm:mb-0 ltr:sm:mr-7 ltr:sm:last:mr-0 rtl:sm:ml-7 rtl:sm:last:ml-0"><a class="decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2" href=https://github.com/jpanther/congo title>GitHub</a></li><li class="ltr:sm:mr-7 ltr:sm:last:mr-0 rtl:sm:ml-7 rtl:sm:last:ml-0"><button id=search-button class="text-base hover:text-primary-600 dark:hover:text-primary-400" title="Search (/)">
<span class="relative inline-block align-text-bottom icon"><svg aria-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"><path fill="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><div class="relative flex flex-col grow"><main id=main-content class=grow><div id=page><article class="max-w-full prose dark:prose-invert"><header><h1>Welcome to Congo! 🎉</h1></header><section><div class="lead !mb-9 text-xl">A powerful, lightweight theme for Hugo built with Tailwind CSS.</div><p>This is a demo site built entirely using Congo. It also contains a complete set of <a href=https://jpanther.github.io/congo/docs/>theme documentation</a>. Congo is flexible and is great for both static page-based content (like this demo) or a traditional blog with a feed of recent posts.</p><div class="flex px-4 py-2 mb-8 text-base rounded-md bg-primary-100 dark:bg-primary-900"><span class="flex items-center ltr:pr-3 rtl:pl-3 text-primary-400"><span class="relative inline-block align-text-bottom icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path fill="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><span class="flex items-center justify-between grow dark:text-neutral-300"><span class="prose dark:prose-invert">This is a demo of the <code id=layout>page</code> layout.</span>
<button id=switch-layout-button class="px-4 !text-neutral !no-underline rounded-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700">
Switch layout &orarr;</button></span></div><p>Explore the <a href=https://jpanther.github.io/congo/samples/>sample pages</a> to get a feel for what Congo can do. If you like what you see, check out the project on <a href=https://github.com/jpanther/congo target=_blank>Github</a> or read the <a href=https://jpanther.github.io/congo/docs/installation/>Installation guide</a> to get started.</p><p><figure><img class="my-0 rounded-md" srcset="/congo/squid_hu51d752120af953339dca2ec6f3d47d3a_227177_330x0_resize_q75_box.jpg 330w,
/congo/squid_hu51d752120af953339dca2ec6f3d47d3a_227177_660x0_resize_q75_box.jpg 660w,
/congo/squid_hu51d752120af953339dca2ec6f3d47d3a_227177_1024x0_resize_q75_box.jpg 1024w,
/congo/squid_hu51d752120af953339dca2ec6f3d47d3a_227177_1320x0_resize_q75_box.jpg 2x" src=/congo/squid_hu51d752120af953339dca2ec6f3d47d3a_227177_660x0_resize_q75_box.jpg alt="A stylised photograph of a purple squid on a pink backdrop."><figcaption>Photo by <a href="https://unsplash.com/@jippe_joosten?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText" target=_blank>Jippe Joosten</a> on <a href="https://unsplash.com/s/photos/vibrant-purple?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText" target=_blank>Unsplash</a>.</figcaption></figure></p></section></article><section><h2 class="mt-8 text-2xl font-extrabold">Recent</h2><article class="flex flex-row mt-6 max-w-prose"><div class="flex-none pr-4 sm:pr-6"><a href=/congo/samples/icons/><img class="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><h3 class="flex items-center text-xl font-semibold"><a class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral" href=/congo/samples/icons/>Icons</a></h3><div class="text-sm text-neutral-500 dark:text-neutral-400"><div class="flex flex-row flex-wrap items-center"><time datetime="2020-08-14 00:00:00 +0000 UTC">14 August 2020</time><span class="px-2 text-primary-500">&#183;</span><time datetime="2022-03-09 00:00:00 +0000 UTC">Updated: 9 March 2022</time><span class="px-2 text-primary-500">&#183;</span><span title="Reading time">1 min</span></div></div><div class="py-1 prose dark:prose-invert">Congo has built-in support for a number of FontAwesome 6 icons.</div></div></article><article class="flex flex-row mt-6 max-w-prose"><div class="flex-none pr-4 sm:pr-6"><a href=/congo/samples/markdown/><img class="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><h3 class="flex items-center text-xl font-semibold"><a class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral" href=/congo/samples/markdown/>Markdown</a></h3><div class="text-sm text-neutral-500 dark:text-neutral-400"><div class="flex flex-row flex-wrap items-center"><time datetime="2019-03-11 00:00:00 +0000 UTC">11 March 2019</time><span class="px-2 text-primary-500">&#183;</span><span title="Reading time">3 mins</span></div></div><div class="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><article class="flex flex-row mt-6 max-w-prose"><div class="flex-none pr-4 sm:pr-6"><a href=/congo/samples/rich-content/><img class="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><h3 class="flex items-center text-xl font-semibold"><a class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral" h
<button id=switch-layout-button class="px-4 !text-neutral !no-underline rounded-md bg-primary-600 hover:!bg-primary-500 dark:bg-primary-800 dark:hover:!bg-primary-700">
Switch layout &orarr;</button></span></div><p>Explore the <a href=https://jpanther.github.io/congo/samples/>sample pages</a> to get a feel for what Congo can do. If you like what you see, check out the project on <a href=https://github.com/jpanther/congo target=_blank>Github</a> or read the <a href=https://jpanther.github.io/congo/docs/installation/>Installation guide</a> to get started.</p><p><figure><img class="my-0 rounded-md" srcset="/congo/squid_hu51d752120af953339dca2ec6f3d47d3a_227177_330x0_resize_q75_box.jpg 330w,
/congo/squid_hu51d752120af953339dca2ec6f3d47d3a_227177_660x0_resize_q75_box.jpg 660w,
/congo/squid_hu51d752120af953339dca2ec6f3d47d3a_227177_1024x0_resize_q75_box.jpg 1024w,
/congo/squid_hu51d752120af953339dca2ec6f3d47d3a_227177_1320x0_resize_q75_box.jpg 2x" src=/congo/squid_hu51d752120af953339dca2ec6f3d47d3a_227177_660x0_resize_q75_box.jpg alt="A stylised photograph of a purple squid on a pink backdrop."><figcaption>Photo by <a href="https://unsplash.com/@jippe_joosten?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText" target=_blank>Jippe Joosten</a> on <a href="https://unsplash.com/s/photos/vibrant-purple?utm_source=unsplash&utm_medium=referral&utm_content=creditCopyText" target=_blank>Unsplash</a>.</figcaption></figure></p></section></article><section><h2 class="mt-8 text-2xl font-extrabold">Recent</h2><article class="flex flex-row mt-6 max-w-prose"><div class="flex-none pr-4 sm:pr-6"><a href=/congo/samples/icons/><img class="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><h3 class="flex items-center text-xl font-semibold"><a class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral" href=/congo/samples/icons/>Icons</a></h3><div class="text-sm text-neutral-500 dark:text-neutral-400"><div class="flex flex-row flex-wrap items-center"><time datetime="2020-08-14 00:00:00 +0000 UTC">14 August 2020</time><span class="px-2 text-primary-500">&#183;</span><time datetime="2022-03-09 00:00:00 +0000 UTC">Updated: 9 March 2022</time><span class="px-2 text-primary-500">&#183;</span><span title="Reading time">1 min</span></div></div><div class="py-1 prose dark:prose-invert">Congo has built-in support for a number of FontAwesome 6 icons.</div></div></article><article class="flex flex-row mt-6 max-w-prose"><div class="flex-none pr-4 sm:pr-6"><a href=/congo/samples/markdown/><img class="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><h3 class="flex items-center text-xl font-semibold"><a class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral" href=/congo/samples/markdown/>Markdown</a></h3><div class="text-sm text-neutral-500 dark:text-neutral-400"><div class="flex flex-row flex-wrap items-center"><time datetime="2019-03-11 00:00:00 +0000 UTC">11 March 2019</time><span class="px-2 text-primary-500">&#183;</span><span title="Reading time">3 mins</span></div></div><div class="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><article class="flex flex-row mt-6 max-w-prose"><div class="flex-none pr-4 sm:pr-6"><a href=/congo/samples/rich-content/><img class="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><h3 class="flex items-center text-xl font-semibold"><a class="text-neutral-800 decoration-primary-500 hover:underline hover:underline-offset-2 dark:text-neutral" h
<span class="relative inline-block align-text-bottom icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path fill="currentcolor" d="M310.6 361.4c12.5 12.5 12.5 32.75.0 45.25C304.4 412.9 296.2 416 288 416s-16.38-3.125-22.62-9.375L160 301.3 54.63 406.6C48.38 412.9 40.19 416 32 416S15.63 412.9 9.375 406.6c-12.5-12.5-12.5-32.75.0-45.25l105.4-105.4L9.375 150.6c-12.5-12.5-12.5-32.75.0-45.25s32.75-12.5 45.25.0L160 210.8l105.4-105.4c12.5-12.5 32.75-12.5 45.25.0s12.5 32.75.0 45.25l-105.4 105.4L310.6 361.4z"/></svg></span></button></header><section class="flex-auto px-2 overflow-auto"><ul id=search-results></ul></section></div></div></div></body></html>