diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css index 9431b300..e2b5f51f 100644 --- a/assets/css/compiled/main.css +++ b/assets/css/compiled/main.css @@ -320,6 +320,10 @@ --tw-text-opacity: 1; color: rgb(156 163 175 / var(--tw-text-opacity)); } + .content .footnotes { + margin-top: 3rem; + font-size: .875rem; +} .subheading-anchor { opacity: 0; diff --git a/assets/css/typography.css b/assets/css/typography.css index 0c76e35b..e4192fd3 100644 --- a/assets/css/typography.css +++ b/assets/css/typography.css @@ -83,6 +83,9 @@ @apply text-sm text-gray-500 dark:text-gray-400 mt-2 block text-center; } } + .footnotes { + @apply mt-12 text-sm; + } } .subheading-anchor { diff --git a/exampleSite/content/docs/_index.md b/exampleSite/content/docs/_index.md index 94836404..6437929b 100644 --- a/exampleSite/content/docs/_index.md +++ b/exampleSite/content/docs/_index.md @@ -3,30 +3,30 @@ linkTitle: "Documentation" title: Introduction --- -Welcome to the Hextra documentation! +👋 Hello! Welcome to the Hextra documentation! ## What is Hextra? -**Hextra** is a modern, responsive and powerful [Hugo](https://gohugo.io/) theme built with [Tailwind CSS](https://tailwindcss.com/). It is inspired by Next.js theme [Nextra](https://github.com/shuding/nextra). - -It is designed for building beautiful websites for documentation, blogs, books and landing pages. -It is easy to use out of the box, and batteries are included to make your site versatile and powerful. +**Hextra** is a modern, fast and batteries-included [Hugo][hugo] theme built with [Tailwind CSS][tailwind-css]. +Designed for building beautiful websites for documentation, blogs and websites, it provides out-of-the-box features and flexibility to meet various requirements. ## Features -- **Beautiful Design** - Based on Nextra, it uses Tailwind CSS to provide a modern design that makes your site look outstanding. -- **Responsive Layout and Dark Mode** - It looks great on all devices, from mobile, tablet to desktop. It also supports dark mode. -- **Lightweight and Fast** - Hextra is solely dependent on Hugo, one of the world's fastest static site generator that comes with just a single binary file. -- **Full-text Search** - Hextra offers built-in offline full-text search powered by [FlexSearch](https://github.com/nextapps-de/flexsearch). -- **Battery included** - Hextra supports Markdown, syntax highlighting, LaTeX, diagrams, and comes with Shortcodes components as building blocks for your Markdown content. -- **Multi-language Support** - Multi-language sites made easy with Hugo's multilingual mode. -- **SEO Friendly** - Out of the box support for SEO tags, Open Graph, and Twitter Cards. -- **Customizable** - You can easily customize the theme to make the site look the way you want. +- **Beautiful Design** - Inspired by Nextra, it uses Tailwind CSS to provide a modern design that makes your site look outstanding. +- **Responsive Layout and Dark Mode** - It looks great on all devices, from mobile, tablet to desktop. Dark mode is also supported to accomodate various lighting conditions. +- **Fast and Lightweight** - Powered by Hugo, a lightning-fast static-site generator within a single binary file, Hextra keeps its footprint minimal. No Javascript or Node are needed to use it. +- **Full-text Search** - Built-in offline full-text search powered by [FlexSearch][flex-search]. No configuration is required. +- **Battery included** - Hextra supports Markdown, syntax highlighting, LaTeX, diagrams, and comes with [Shortcodes](guide/shortcodes) components as building blocks for your Markdown content. +- **Multi-language and SEO Ready** - Multi-language sites made easy with Hugo's multilingual mode. Out of the box support for SEO tags, Open Graph, and Twitter Cards. ## Next -Explore the following section to get started: +Dive right into the following section to get started: {{< cards >}} - {{< card link="getting-started" title="Getting Started" icon="play" >}} + {{< card link="getting-started" title="Getting Started" icon="document-text" subtitle="Learn how to create website using Hextra" >}} {{< /cards >}} + +[hugo]: https://gohugo.io/ +[flex-search]: https://github.com/nextapps-de/flexsearch +[tailwind-css]: https://tailwindcss.com/ diff --git a/exampleSite/content/docs/getting-started.md b/exampleSite/content/docs/getting-started.md index fd4e5b33..8e349e6d 100644 --- a/exampleSite/content/docs/getting-started.md +++ b/exampleSite/content/docs/getting-started.md @@ -2,6 +2,7 @@ title: Getting Started weight: 1 next: /docs/guide +prev: /docs --- ## Start as New Project diff --git a/exampleSite/content/docs/guide/_index.md b/exampleSite/content/docs/guide/_index.md index 23b07cf5..e6e8c4b3 100644 --- a/exampleSite/content/docs/guide/_index.md +++ b/exampleSite/content/docs/guide/_index.md @@ -6,7 +6,7 @@ sidebar: open: true --- -Guide to using Hextra to build your site. +Explore the following sections to learn to compose content using Hextra: {{< cards >}} {{< card link="organize-files" title="Organize Files" icon="document-duplicate" >}} diff --git a/exampleSite/hugo_stats.json b/exampleSite/hugo_stats.json index 9a88fdbc..c793cd00 100644 --- a/exampleSite/hugo_stats.json +++ b/exampleSite/hugo_stats.json @@ -454,6 +454,7 @@ "shadow-sm", "shadow-xl", "shrink-0", + "sidebar-active-item", "sidebar-container", "sm:flex", "sm:items-start", diff --git a/layouts/partials/sidebar.html b/layouts/partials/sidebar.html index ca42ffee..daa4fd3d 100644 --- a/layouts/partials/sidebar.html +++ b/layouts/partials/sidebar.html @@ -145,7 +145,7 @@