congo/exampleSite/content/_index.ja.md

32 lines
1.5 KiB
Markdown

---
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" >}})を読んで実際に使い始めてほしい。