chore: add github actions and netlify badges

[skip ci]

.github/workflows/pages.yml

@@ -42,7 +42,7 @@ jobs:
       - name: Setup Hugo
         uses: peaceiris/actions-hugo@v2
         with:
-          hugo-version: '0.117.0'
+          hugo-version: ${{ env.HUGO_VERSION }}
           extended: true
       - name: Build with Hugo
         env:

README.md

@@ -1,7 +1,18 @@
-<p align="center">
+<div align="center">
   <h1 align="center">Hextra</h1>
   <p align="center">Modern, responsive, batteries-included Hugo theme for creating beautiful static websites.</p>
-</p>
+
+Demo → [imfing.github.io/hextra](https://imfing.github.io/hextra/)
+</div>
+
+<picture>
+  <source media="(prefers-color-scheme: dark)" srcset="https://user-images.githubusercontent.com/5097752/263550533-c18343ca-3848-4230-b5c0-ee989d7916da.png">
+  <img alt="Hextra" src="https://user-images.githubusercontent.com/5097752/263550528-663599f9-17a1-4686-b5c4-3da233b5034d.png">
+</picture>
+
+<div align="right">
+<a href="https://github.com/imfing/hextra/actions/workflows/pages.yml"><img alt="GitHub Actions Status" src="https://github.com/imfing/hextra/actions/workflows/pages.yml/badge.svg"></a> <a href="https://app.netlify.com/sites/hugo-hextra/deploys"><img alt="Netlify Status" src="https://api.netlify.com/api/v1/badges/61d6e55a-2447-487e-b59f-c9537e5df175/deploy-status"></a>
+</div>
 
 ## Features
 

exampleSite/content/docs/_index.ja.md

@@ -5,6 +5,8 @@ title: Hextraへようこそ
 
 👋 こんにちは！Hextraドキュメンテーションへようこそ！
 
+<!--more-->
+
 ## Hextraとは？
 
 Hextraは、[Hugo][hugo]テーマの一つで、[Tailwind CSS][tailwind-css]を使用して作られた、現代的で高速なバッテリー内蔵のテーマです。

exampleSite/content/docs/_index.md

@@ -5,6 +5,8 @@ title: Introduction
 
 👋 Hello! Welcome to the Hextra documentation!
 
+<!--more-->
+
 ## What is Hextra?
 
 Hextra is a modern, fast and batteries-included [Hugo][hugo] theme built with [Tailwind CSS][tailwind-css].

exampleSite/content/docs/guide/_index.md

@@ -8,6 +8,8 @@ sidebar:
 
 Explore the following sections to learn to compose content using Hextra:
 
+<!--more-->
+
 {{< cards >}}
   {{< card link="organize-files" title="Organize Files" icon="document-duplicate" >}}
   {{< card link="configuration" title="Configuration" icon="adjustments" >}}

exampleSite/content/docs/guide/configuration.md

@@ -7,6 +7,8 @@ Hugo reads its configuration from `hugo.yaml` in the root of your Hugo site.
 The config file is where you can configure all aspects of your site.
 You can find the config file for this site in `exampleSite/hugo.yaml` as a good starting point.
 
+<!--more-->
+
 ## Navigation
 
 ### Menu

exampleSite/content/docs/guide/latex.md

@@ -6,6 +6,8 @@ math: true
 
 $\KaTeX$ is used for rendering LaTeX math expressions. It can be enabled per page by setting `math` to `true` in the page front matter.
 
+<!--more-->
+
 ```yaml {filename="Markdown"}
 ---
 title: "My Page with LaTeX"

exampleSite/content/docs/guide/markdown.md

@@ -46,7 +46,7 @@ Tables aren't part of the core Markdown spec, but Hugo supports them out-of-the-
 ### Code Blocks
 
 {{< cards >}}
-    {{< card link="syntax-highlighting" title="Syntax Highlighting" icon="sparkles" >}}
+    {{< card link="/docs/guide/syntax-highlighting" title="Syntax Highlighting" icon="sparkles" >}}
 {{< /cards >}}
 
 ### Lists

exampleSite/content/docs/guide/organize-files.md

@@ -8,6 +8,8 @@ weight: 1
 By default, Hugo searches for Markdown files in the `content` directory, and the structure of the directory determines the final output structure of your website.
 Take the example site as an example:
 
+<!--more-->
+
 {{< filetree/container >}}
   {{< filetree/folder name="content" >}}
     {{< filetree/file name="_index.md" >}}

exampleSite/content/docs/guide/syntax-highlighting.md

@@ -6,6 +6,8 @@ weight: 3
 Hugo uses [Chroma](https://github.com/alecthomas/chroma), a general purpose syntax highlighter in pure Go, for syntax highlighting.
 It is recommended to use backticks for code blocks in Markdown content. For example:
 
+<!--more-->
+
 ````markdown {filename="Markdown"}
 ```python
 def say_hello():

exampleSite/hugo.yaml

@@ -66,18 +66,23 @@ menu:
         icon: github
 
   sidebar:
-    - name: More
+    - identifier: more
+      name: More
       params:
         type: separator
       weight: 1
-    - name: "About"
+    - identifier: about
+      name: "About"
       pageRef: "/about"
       weight: 2
-    - name: "Hugo Docs ↗"
+    - identifier: hugoDocs
+      name: "Hugo Docs ↗"
       url: "https://gohugo.io/documentation/"
       weight: 3
 
 params:
+  description: Modern, responsive, batteries-included Hugo theme for creating beautiful static websites.
+
   navbar:
     displayTitle: true
     displayLogo: true

layouts/_default/baseof.html

@@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html>
+<html lang="{{ .Site.Language.Lang }}">
   {{- partial "head.html" . -}}
   <body dir="ltr">
     {{- partial "navbar.html" . -}}

layouts/hextra-home.html

@@ -16,7 +16,7 @@
         <h1
           class="text-4xl font-bold leading-tight tracking-tighter md:text-5xl lg:leading-[1.1] mt-6 bg-clip-text text-transparent bg-gradient-to-r from-gray-900 to-gray-600 dark:from-gray-100 dark:to-gray-400"
         >
-          Build modern websites <br class="sm:block hidden" />
+          Build modern websites&nbsp;<br class="sm:block hidden" />
           with Markdown and Hugo
         </h1>
         <p class="mt-4 text-xl text-gray-600 dark:text-gray-400 sm:text-xl">
@@ -112,7 +112,7 @@
       <p class="text-gray-500 text-sm leading-6">{{ $subtitle | markdownify }}</p>
     </div>
     {{- with $image -}}
-      <img src="{{ . }}" class="absolute max-w-none {{ $imageClass }}" />
+      <img src="{{ . }}" class="absolute max-w-none {{ $imageClass }}" alt="{{ $title }}" />
     {{- end -}}
   </div>
 {{- end -}}

layouts/partials/head-css.html

@@ -6,9 +6,9 @@
   {{ $styles := resources.Get "css/compiled/main.css" }}
   {{ $styles = $styles | minify | fingerprint | resources.PostProcess }}
   <link rel="preload" href="{{ $styles.RelPermalink }}" as="style" />
-  <link href="{{ $styles.RelPermalink }}" rel="stylesheet" integrity="{{ $styles.Data.integrity }}" />
+  <link href="{{ $styles.RelPermalink }}" rel="stylesheet" integrity="{{ $styles.Data.Integrity }}" />
 {{ end }}
 
 {{ $custom := resources.Get "css/custom.css" }}
 {{ $custom = $custom | minify | fingerprint }}
-<link href="{{ $custom.RelPermalink }}" rel="stylesheet" integrity="{{ $custom.Data.integrity }}" />
+<link href="{{ $custom.RelPermalink }}" rel="stylesheet" integrity="{{ $custom.Data.Integrity }}" />

layouts/partials/utils/page-description.html

@@ -1,11 +1,11 @@
 {{ with .Description | plainify -}}
   {{ . -}}
 {{ else -}}
-  {{ if .IsPage -}}
-    {{ .Summary | plainify | chomp -}}
-  {{ else -}}
+  {{ if .IsHome -}}
     {{ with .Site.Params.description | plainify -}}
       {{ . -}}
     {{ end -}}
+  {{ else -}}
+    {{ .Summary | plainify | chomp -}}
   {{ end -}}
 {{ end -}}

netlify.toml

@@ -0,0 +1,10 @@
+[build]
+publish = "exampleSite/public"
+command = "cd exampleSite && hugo --gc --minify --themesDir ../.. -b ${DEPLOY_PRIME_URL}"
+
+# Always trigger a rebuild, even if the files haven't changed.
+# See https://docs.netlify.com/configure-builds/file-based-configuration/#ignore-builds
+ignore = "false"
+
+[build.environment]
+HUGO_VERSION = "0.117.0"

static/site.webmanifest

@@ -1,14 +1,15 @@
 {
   "name": "Hextra",
   "short_name": "Hextra",
+  "start_url": "index.html",
   "icons": [
     {
-      "src": "/android-chrome-192x192.png",
+      "src": "android-chrome-192x192.png",
       "sizes": "192x192",
       "type": "image/png"
     },
     {
-      "src": "/android-chrome-512x512.png",
+      "src": "android-chrome-512x512.png",
       "sizes": "512x512",
       "type": "image/png"
     }

theme.toml

@@ -4,11 +4,11 @@
 name = "Hextra"
 license = "MIT"
 licenselink = "https://github.com/imfing/hextra/blob/main/LICENSE"
-description = "Modern, versatile theme for building beautiful websites with Hugo"
+description = "Modern, responsive, batteries-included Hugo theme for creating beautiful static websites."
 homepage = "https://github.com/imfing/hextra/"
-demosite = ""
-tags = ["Modern", "Elegant", "Blog", "Documentation"]
-features = ["Responsive", "Dark Mode", "Search", "Syntax Highlighting", "Multilingual"]
+demosite = "https://imfing.github.io/hextra/"
+tags = ["Modern", "Elegant", "Blog", "Documentation", "Responsive", "Clean", "Light", "Dark", "Minimal"]
+features = ["Responsive", "Dark Mode", "Search", "Syntax Highlighting", "Multilingual", "Social", "Blog", "RSS", "Customization"]
 min_version = "0.111.0"
 
 [author]