</span><spanclass=text-sm>DE</span><spanclass=text-[0.6rem]><spanclass="icon relative inline-block px-1 align-text-bottom"><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 bg-transparent group-hover:visible"></div><divclass="invisible absolute z-50 flex flex-col whitespace-nowrap rounded border border-neutral-300 bg-neutral text-start text-base shadow group-hover:visible ltr:right-0 rtl:left-0 dark:border-neutral-600 dark:bg-neutral-800"><divclass="flex flex-grow"><ahref=/congo/class="w-full py-1 pe-10 ps-2 decoration-primary-500 hover:underline hover:decoration-2 hover:underline-offset-2">English (Australia)</a></div><divclass="flex flex-grow"><ahref=/congo/ja/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/zh-cn/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/es/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/de/class="flex w-full items-center justify-between bg-primary-100 px-2 py-1 dark:bg-primary-900">Deutsch (Deutschland)<spanclass="ms-2 w-6 text-primary-600 dark:text-primary-400"><spanclass="icon relative inline-block px-1 align-text-bottom"><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></div></div></li></ul></nav></header><divclass="relative flex grow flex-col"><mainid=main-contentclass=grow><divid=page><articleclass="prose max-w-full dark:prose-invert"><header><h1>Willkommen bei Congo! 🎉</h1></header><section><divclass="lead !mb-9 text-xl">Ein mächtiges und gleichzeitig leichtes Theme für Hugo, das mit Tailwind CSS erstellt wurde.</div><p>Dies ist eine Demo-Site, die vollständig mit Congo erstellt wurde. Sie enthält auch eine vollständige <ahref=https://jpanther.github.io/congo/docs/>Theme-Dokumentation</a>. Congo ist flexibel und eignet sich sowohl für statische seitenbasierte Inhalte (wie diese Demo) als auch für einen traditionellen Blog mit einem Feed der letzten Beiträge.</p><divclass="flex px-4 py-2 mb-8 text-base rounded-md bg-primary-100 dark:bg-primary-900"><spanclass="flex items-center pe-3 text-primary-400"><spanclass="icon relative inline-block align-text-bottom"><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="flex items-center justify-between grow dark:text-neutral-300"><spanclass="prose dark:prose-invert">Dies ist eine Demo des <codeid=layout>page</code>-Layouts.</span>
Layout ändern ↻</button></span></div><figureclass="m-auto mt-6 max-w-prose"><pictureclass="m-auto mt-6 max-w-prose"><imgsrc=/congo/festivities.svgwidth=1086height=811.37class="m-auto mt-6 max-w-prose"loading=lazydecoding=async></picture></figure><p>Schau dir die <ahref=https://jpanther.github.io/congo/de/samples/>Beispielseiten</a> an, um ein Gefühl für die Möglichkeiten von Congo zu bekommen. Wenn dir gefällt, was du siehst, dann schau dir sich das Projekt auf <ahref=https://github.com/jpanther/congotarget=_blankrel=noreferrer>Github</a> an oder lies die <ahref=https://jpanther.github.io/congo/docs/installation/>Installationsanleitung</a>, um loszulegen.</p></section></article><section><h2class="mt-8 text-2xl font-extrabold">Neue Beiträge</h2><articleclass="mt-6 flex max-w-prose flex-row"><divclass="flex-none pe-4 sm:pe-6"><ahref=/congo/de/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 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/de/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"><olstart=14><li>August 2020</li></ol></time><spanclass="px-2 text-primary-500">·</span><timedatetime="2023-01-23 00:00:00 +0000 UTC">Aktualisiert: 23. Januar 2023</time><spanclass="px-2 text-primary-500">·</span><spantitle=Lesezeit>1 min</span></div></div><divclass="prose py-1 dark:prose-invert">Congo hat integrierte Unterstützung für eine Reihe von Icons von FontAwesome 6.</div></div></article><articleclass="mt-6 flex max-w-prose flex-row"><divclass="flex-none pe-4 sm:pe-6"><ahref=/congo/de/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/de/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"><olstart=11><li>März 2019</li></ol></time><spanclass="px-2 text-primary-500">·</span><spantitle=Lesezeit>3 min</span></div></div><divclass="prose py-1 dark:prose-invert"><p>Dieser Artikel bietet ein Beispiel für die grundlegende Markdown-Formatierung, die in Congo verwendet werden kann, und zeigt auch, wie einige grundlegende HTML-Elemente genutzt werden können.</p></div></div></article><articleclass="mt-6 flex max-w-prose flex-row"><divclass="flex-none pe-4 sm:pe-6"><ahref=/congo/de/samples/rich-content/aria-label="Reichhaltiger Inhalt"><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
</span></a><aclass="px-1 transition-transform hover:scale-125 hover:text-primary-700 dark:hover:text-primary-400"style=will-change:transformhref=https://youtube.com/target=_blankaria-label=Youtuberel="me noopener noreferrer"><spanclass="icon relative inline-block px-1 align-text-bottom"><svgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 576 512"><pathfill="currentcolor"d="M549.655 124.083c-6.281-23.65-24.787-42.276-48.284-48.597C458.781 64 288 64 288 64S117.22 64 74.629 75.486c-23.497 6.322-42.003 24.947-48.284 48.597-11.412 42.867-11.412 132.305-11.412 132.305s0 89.438 11.412 132.305c6.281 23.65 24.787 41.5 48.284 47.821C117.22 448 288 448 288 448s170.78.0 213.371-11.486c23.497-6.321 42.003-24.171 48.284-47.821 11.412-42.867 11.412-132.305 11.412-132.305s0-89.438-11.412-132.305zm-317.51 213.508V175.185l142.739 81.205-142.739 81.201z"/></svg></span></a></div></div></header><sectionclass="prose dark:prose-invert"><divclass="lead !mb-9 text-xl">Ein mächtiges und gleichzeitig leichtes Theme für Hugo, das mit Tailwind CSS erstellt wurde.</div><p>Dies ist eine Demo-Site, die vollständig mit Congo erstellt wurde. Sie enthält auch eine vollständige <ahref=https://jpanther.github.io/congo/docs/>Theme-Dokumentation</a>. Congo ist flexibel und eignet sich sowohl für statische seitenbasierte Inhalte (wie diese Demo) als auch für einen traditionellen Blog mit einem Feed der letzten Beiträge.</p><divclass="flex px-4 py-2 mb-8 text-base rounded-md bg-primary-100 dark:bg-primary-900"><spanclass="flex items-center pe-3 text-primary-400"><spanclass="icon relative inline-block align-text-bottom"><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="flex items-center justify-between grow dark:text-neutral-300"><spanclass="prose dark:prose-invert">Dies ist eine Demo des <codeid=layout>page</code>-Layouts.</span>
Layout ändern ↻</button></span></div><figureclass="m-auto mt-6 max-w-prose"><pictureclass="m-auto mt-6 max-w-prose"><imgsrc=/congo/festivities.svgwidth=1086height=811.37class="m-auto mt-6 max-w-prose"loading=lazydecoding=async></picture></figure><p>Schau dir die <ahref=https://jpanther.github.io/congo/de/samples/>Beispielseiten</a> an, um ein Gefühl für die Möglichkeiten von Congo zu bekommen. Wenn dir gefällt, was du siehst, dann schau dir sich das Projekt auf <ahref=https://github.com/jpanther/congotarget=_blankrel=noreferrer>Github</a> an oder lies die <ahref=https://jpanther.github.io/congo/docs/installation/>Installationsanleitung</a>, um loszulegen.</p></section></article><section><h2class="mt-8 text-2xl font-extrabold">Neue Beiträge</h2><articleclass="mt-6 flex max-w-prose flex-row"><divclass="flex-none pe-4 sm:pe-6"><ahref=/congo/de/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 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/de/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"><olstart=14><li>August 2020</li></ol></time><spanclass="px-2 text-primary-500">·</span><timedatetime="2023-01-23 00:00:00 +0000 UTC">Aktualisiert: 23. Januar 2023</time><spanclass="px-2 text-primary-500">·</span><spantitle=Lesezeit>1 min</span></div></div><divclass="prose py-1 dark:prose-invert">Congo hat integrierte Unterstützung für eine Reihe von Icons von FontAwesome 6.</div></div></article><articleclass="mt-6 flex max-w-prose flex-row"><divclass="flex-none pe-4 sm:pe-6"><ahref=/congo/de/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/de/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"><olstart=11><li>März 2019</li></ol></time><spanclass="px-2 text-primary-500">·</span><spantitle=Lesezeit>3 min</span></div></div><divclass="prose py-1 dark:prose-invert"><p>Dieser Artikel bietet ein Beispiel für die grundlegende Markdown-Formatierung, die in Congo verwendet werden kann, und zeigt auch, wie einige grundlegende HTML-Elemente genutzt werden können.</p></div></div></article><articleclass="mt-6 flex max-w-prose flex-row"><divclass="flex-none pe-4 sm:pe-6"><ahref=/congo/de/samples/rich-content/aria-label="Reichhaltiger Inhalt"><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