---
title: "Congoへようこそ! :tada:"
description: "これはHugo向けテーマ、Congoのデモです"
---

{{< lead >}}
Tailwind CSSをベースに開発された強力で軽量なHugo向けテーマ。
{{< /lead >}}

これはCongoを使って構築されたデモサイトです。
[Congoに関するドキュメント]({{< ref "docs" >}})も含まれています。
Congoは柔軟性に富み、静的なコンテンツ配信にも、投稿フィード機能を持つようなBlogにも適しています。

<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 pe-3 text-primary-400">
    {{< icon "triangle-exclamation" >}}
  </span>
  <span class="flex items-center justify-between grow dark:text-neutral-300">
    <span class="prose dark:prose-invert">これは<code id="layout">page</code>レイアウトのデモです。</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"
    >
      レイアウトを切り替える &orarr;
    </button>
  </span>
</div>

{{< figure src="festivities.svg" class="m-auto mt-6 max-w-prose" >}}

[例]({{< ref "samples" >}})を見て、Congoの実力を実感してください。気に入ったら[GitHub](https://github.com/jpanther/congo)をチェックするか、[インストール]({{< ref "docs/installation" >}})を読んで実際に使い始めてほしい。