Use opengraph tags

config.toml

@@ -2,6 +2,8 @@ baseURL = 'https://dialectapp.org'
 languageCode = 'en'
 title = 'Dialect'
 
+disableKinds = ['taxonomy', 'term']
+
 [menus]
 [[menus.main]]
     name = 'About'

content/_index.md

@@ -1,6 +1,6 @@
 ---
-title: Home
-hero_desc: Translation application for Linux desktop and mobile
+title: Dialect
+description: Translation application for Linux desktop and mobile
 buttons:
 - label: Download on Flathub
   image: https://dl.flathub.org/assets/badges/flathub-badge-en.svg

layouts/_default/baseof.html

@@ -4,6 +4,8 @@
         <meta charset="UTF-8">
         <meta name="viewport" content="width=device-width, initial-scale=1.0">
 
+        {{ template "_internal/opengraph.html" . }}
+
         <title>{{ if not .IsHome }}{{ .Title }} — {{ end }}{{ .Site.Title }}</title>
 
         {{ $opts := dict "transpiler" "libsass" "targetPath" "css/style.css" }}

layouts/index.html

@@ -9,7 +9,7 @@
             <img src="dialect.png" alt="Dialect Window">
         </picture>
 
-        <h3 class="hero-desc">{{ .Params.hero_desc}}</h3>
+        <h3 class="hero-desc">{{ .Params.description }}</h3>
     </div>
 </section>