docs: add content to about page

assets/css/compiled/main.css

@@ -3831,11 +3831,6 @@ body {
   border-color: rgb(115 115 115 / var(--tw-border-opacity));
 }
 
-:is(html[class~="dark"] .dark\:hover\:border-neutral-600:hover) {
-  --tw-border-opacity: 1;
-  border-color: rgb(82 82 82 / var(--tw-border-opacity));
-}
-
 :is(html[class~="dark"] .dark\:hover\:border-neutral-700:hover) {
   --tw-border-opacity: 1;
   border-color: rgb(64 64 64 / var(--tw-border-opacity));

exampleSite/content/about/index.md

@@ -3,4 +3,18 @@ title: About
 toc: false
 ---
 
-This is the about page.
+Hextra is designed to be a simple, fast, and flexible theme for building modern static websites. It is especially well-suited for documentation websites but can also be used for various types of sites, such as blogs, portfolios, and more.
+
+Hugo, like Jekyll, is a static site generator. What sets Hugo apart is that it is a single binary, making it easy to install and run on various platforms. It is also extremely fast and reliable, capable of rendering a site with thousands of pages in milliseconds.
+
+Hextra is built with a mindset focused on having a minimal footprint. To get started, no extra dependencies like Node.js packages are required; all you need is a single YAML configuration file, along with your Markdown content. Thus, we can focus on writing quality content instead of setting up tooling.
+
+## Credits
+
+Hextra cannot be built without the following tools and inspirations:
+
+- [Hugo](https://gohugo.io/)
+- [Tailwind CSS](https://tailwindcss.com/)
+- [Heroicons](https://heroicons.com/)
+- [Nextra](https://nextra.vercel.app/)
+- [Next.js](https://nextjs.org/)

exampleSite/hugo_stats.json

@@ -183,7 +183,6 @@
       "dark:hover:bg-primary-700",
       "dark:hover:border-gray-600",
       "dark:hover:border-neutral-500",
-      "dark:hover:border-neutral-600",
       "dark:hover:border-neutral-700",
       "dark:hover:border-neutral-800",
       "dark:hover:shadow-none",

layouts/_default/single.html

@@ -5,6 +5,7 @@
     <article class="w-full break-words flex min-h-[calc(100vh-var(--navbar-height))] min-w-0 justify-center pb-8 pr-[calc(env(safe-area-inset-right)-1.5rem)]">
       <main class="w-full min-w-0 max-w-6xl px-6 pt-4 md:px-12">
         <h1 class="text-center mt-2 text-4xl font-bold tracking-tight text-slate-900 dark:text-slate-100">{{ .Title }}</h1>
+        <div class="mb-16"></div>
         <div class="content">
           {{ .Content }}
         </div>