feat: improve headlines

config.toml

@@ -4,8 +4,12 @@ title = "Max Mehl"
 theme = [ "hugo-sustain", "hugo-cloak-email", "hugo-mastodon-comments", "hugo-snap-gallery" ]
 
 [markup.highlight]
-codeFences = true
-style = "emacs"
+  codeFences = true
+  style = "emacs"
+# English quotation marks
+[markup.goldmark.extensions.typographer]
+  leftDoubleQuote = '“'
+  rightDoubleQuote = '”'
 
 [permalinks]
   blog = "/blog/:year/:slug"
@@ -20,9 +24,6 @@ style = "emacs"
   custom_css = ["comments/mastodon-comments.css"]
   custom_js  = ["comments/getcomments.js"]
 
-[params.blog]
-  headline = "Thoughts about tech, politics, and more"
-
 [params.social]
   Github        = "mxmehl"
   Git           = "https://src.mehl.mx/mxmehl"
@@ -47,17 +48,17 @@ style = "emacs"
 
 ## Main Menu
 [[menu.main]]
-  name = "start"
+  name = "Start"
   weight = 100
   identifier = "start"
   url = "/"
 [[menu.main]]
-  name = "blog"
+  name = "Updates"
   identifier = "blog"
   weight = 200
   url = "/blog/"
 [[menu.main]]
-  name = "links"
+  name = "Links"
   identifier = "links"
   weight = 300
   url = "/links/"
@@ -67,7 +68,7 @@ style = "emacs"
   weight = 400
   url = "/it/"
 [[menu.main]]
-  name = "contact"
+  name = "Contact"
   identifier = "contact"
   weight = 500
   url = "/contact/"

content/blog/_index.md

@@ -1,3 +1,3 @@
 ---
-title: Blog
+title: Updates and Thoughts
 ---

themes/hugo-sustain/assets/scss/default.scss

@@ -60,7 +60,7 @@ html, body {
     color: var(--primary-color);
   }
 
-  h4 a {
+  h2 a {
     color: var(--primary-color);
 
     &:hover {
@@ -110,11 +110,11 @@ html, body {
   }
 
   &-default {
-    h4, h5 {
+    h2, h3, h4, h5 {
       text-align: left;
     }
 
-    h4 {
+    h2 {
       line-height: 24px;
       font-size: 22px;
     }
@@ -341,6 +341,7 @@ pre code {
   .luxbar-menu a,
   .luxbar-item a {
     color: var(--dark-nav-color);
+    text-transform: uppercase;
   }
 
   .luxbar-menu-light .luxbar-hamburger span {
@@ -359,12 +360,12 @@ pre code {
       }
     }
 
-    h4 span {
+    h2 span {
       cursor: default;
     }
 
     h1,
-    h4 a {
+    h2 a {
       color: var(--primary-color-dark);
 
       &:hover {

themes/hugo-sustain/layouts/_default/list.html

@@ -9,11 +9,12 @@
       {{- $selection = true -}}
     {{- end -}}
     <div class="container archive">
-      <h1>{{ .Site.Params.Blog.Headline }}
-        {{- if $selection -}}
-          <br />({{ .Data.Singular | humanize }}: {{lower .Title}})
-        {{- end -}}
-      </h1>
+      <!-- Page Title -->
+      {{- if $selection }}
+      <h1>{{ (printf "Everything from %s \"%s\"" (.Data.Singular | humanize) (humanize .Title)) | markdownify }}</h1>
+      {{- else }}
+      <h1>{{ .Title }}</h1>
+      {{- end }}
       {{ if .Site.Params.Social.CommentsProvider }}
         <p><a href="{{ .Site.Params.Social.CommentsProvider }}">Subscribe</a> to my Blog via Diaspora, Mastodon, Friendica or GNU Social. Never miss a article! Reshare, like and discuss it!</p>
       {{ end }}
@@ -77,10 +78,10 @@
         <div class="blogpost">
           {{ range .Paginator.Pages.ByPublishDate.Reverse }}
             <div class="blog-summary">
-              <h4>
+              <h2>
                 {{ partial "blog/pre-headline.html" . -}}
-                <strong><a href="{{ .RelPermalink }}">{{ .Title | markdownify }}</a></strong>
-              </h4>
+                <a href="{{ .RelPermalink }}">{{ .Title | markdownify }}</a>
+              </h2>
               <div class="metadata-summary">
                 {{- partial "blog/verb.html" . }}
                 on {{ .Date.Format "2 January 2006" }} - Tagged with {{ range $i, $tag := .Params.tags }}{{ if $i }}, {{ end }}<a href="/tags/{{ lower $tag }}">{{ $tag }}</a>{{ end }}

themes/hugo-sustain/layouts/partials/header.html

@@ -10,7 +10,7 @@
       {{- if .Site.Menus.main -}}
         {{- range sort .Site.Menus.main -}}
         <!-- if RelPermalink = this menu item, mark it -->
-        <li class="luxbar-item {{if eq $rel .URL}}active{{end}}"><a href="{{ .URL }}">{{ .Name | upper }}</a></li>
+        <li class="luxbar-item {{if eq $rel .URL}}active{{end}}"><a href="{{ .URL }}">{{ .Name }}</a></li>
         {{- end -}}
       {{ end }}
     </ul>