Theme,CI: Update for hugo v0.158 (renamed LanguageCode to Locale)

libsass will be deprecated in hugo v0.153.

Also fix some SASS 2.0 deprecation notices in our scss files

.forgejo/workflows/deploy.yaml

@@ -13,7 +13,7 @@ jobs:
   build:
     runs-on: docker
     container:
-      image: hugomods/hugo:exts-0.148.1
+      image: hugomods/hugo:exts-0.158.0
     steps:
       - name: Pipeline info
         run: |

README.md

@@ -34,6 +34,8 @@ Please note, that the website should be re-deployed at least daily to update the
 ### Add Pages
 
 To run a local version, just install HUGO by following the [instructions](https://gohugo.io/installation/) for your operating system.
+Note that you also need to install the [Dart Sass compiler](https://sass-lang.com/dart-sass/).
+
 To build the website and run a development webserver, execute:
 ```shell
 hugo server

hugo.toml

@@ -1,5 +1,5 @@
 baseURL = 'https://hamburg.ccc.de/'
-languageCode = 'de-de'
+locale = 'de-de'
 defaultContentLanguage = 'de'
 timeZone = 'Europe/Berlin'
 title = 'CCC Hansestadt Hamburg e.V.'

themes/ccchh/assets/sass/main.scss

@@ -1,3 +1,6 @@
+@use "sass:map";
+@use "sass:math";
+
 $roomstate_color_unknown: #dda218;
 $roomstate_color_open: var(--ins-color);
 $roomstate_color_closed: var(--del-color);
@@ -164,7 +167,12 @@ body>main {
     margin-bottom: 1rem;
   }
 
-  h1, h2, h3, h4, h5, h6 {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
     margin: 0.5rem 1rem;
   }
 
@@ -202,7 +210,7 @@ body>main {
       display: block;
       margin: 0 auto;
       // (250px - 2*var(--grid-spacing-horizontal)) * 3/4
-      max-height: (222px * 3/4);
+      max-height: math.div(222px * 3, 4);
     }
 
     // 2*250px + 2*var(--spacing) + 1px
@@ -211,7 +219,7 @@ body>main {
 
       img.groups-img {
         // (150px - 2*var(--grid-spacing-horizontal)) * 3/4
-        max-height: (122px*3/4);
+        max-height: math.div(122px*3, 4);
       }
     }
 
@@ -221,7 +229,7 @@ body>main {
 
       img.groups-img {
         // (350px - 2*var(--grid-spacing-horizontal)) * 3/4
-        max-height: (322px*3/4);
+        max-height: math.div(322px*3, 4);
       }
 
       // 2*350px + 2*var(--spacing) + 1px
@@ -230,7 +238,7 @@ body>main {
 
         img.groups-img {
           // (250px - 2*var(--grid-spacing-horizontal)) * 3/4
-          max-height: (222px*3/4);
+          max-height: math.div(222px*3, 4);
         }
       }
     }
@@ -295,7 +303,7 @@ body>main {
   // When the header content doesn't display nicely anymore, switch to mobile mode.
   @import "../pico-1.5.11/scss/variables";
 
-  @media (max-width: map-get($breakpoints, md)) {
+  @media (max-width: map.get($breakpoints, md)) {
     .hamburger-button {
       display: unset;
       position: absolute;
@@ -375,15 +383,15 @@ body>main {
       }
 
       // Use the media queries, which we need, from here:
-      @if map-get($breakpoints, "sm") {
-        @media (min-width: map-get($breakpoints, "sm")) {
+      @if map.get($breakpoints, "sm") {
+        @media (min-width: map.get($breakpoints, "sm")) {
           ul {
             padding-left: 0;
             padding-right: 0;
           }
 
           .main-nav {
-            max-width: map-get($viewports, "sm");
+            max-width: map.get($viewports, "sm");
           }
         }
       }

themes/ccchh/layouts/_default/rss.xml

@@ -1,4 +1,3 @@
-{{- /* Deprecate site.Author.email in favor of site.Params.author.email */}}
 {{- $authorEmail := "" }}
 {{- with site.Params.author }}
   {{- if reflect.IsMap . }}
@@ -6,14 +5,8 @@
       {{- $authorEmail = . }}
     {{- end }}
   {{- end }}
-{{- else }}
-  {{- with site.Author.email }}
-    {{- $authorEmail = . }}
-    {{- warnf "The author key in site configuration is deprecated. Use params.author.email instead." }}
-  {{- end }}
 {{- end }}
 
-{{- /* Deprecate site.Author.name in favor of site.Params.author.name */}}
 {{- $authorName := "" }}
 {{- with site.Params.author }}
   {{- if reflect.IsMap . }}
@@ -23,11 +16,6 @@
   {{- else }}
     {{- $authorName  = . }}
   {{- end }}
-{{- else }}
-  {{- with site.Author.name }}
-    {{- $authorName = . }}
-    {{- warnf "The author key in site configuration is deprecated. Use params.author.name instead." }}
-  {{- end }}
 {{- end }}
 
 {{- $pctx := . }}
@@ -48,12 +36,12 @@
     <title>{{ if eq .Title .Site.Title }}{{ .Site.Title }}{{ else }}{{ with .Title }}{{ . }} on {{ end }}{{ .Site.Title }}{{ end }}</title>
     <link>{{ .Permalink }}</link>
     <description>Recent content {{ if ne .Title .Site.Title }}{{ with .Title }}in {{ . }} {{ end }}{{ end }}on {{ .Site.Title }}</description>
-    <generator>Hugo -- gohugo.io</generator>
-    {{ with $authorEmail }}
+    <generator>Hugo</generator>
+    <language>{{ site.Language.Locale }}</language>{{ with $authorEmail }}
     <managingEditor>{{.}}{{ with $authorName }} ({{ . }}){{ end }}</managingEditor>{{ end }}{{ with $authorEmail }}
     <webMaster>{{ . }}{{ with $authorName }} ({{ . }}){{ end }}</webMaster>{{ end }}{{ with .Site.Copyright }}
     <copyright>{{ . }}</copyright>{{ end }}{{ if not .Date.IsZero }}
-    <lastBuildDate>{{ .Date.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>{{ end }}
+    <lastBuildDate>{{ (index $pages.ByLastmod.Reverse 0).Lastmod.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</lastBuildDate>{{ end }}
     {{- with .OutputFormats.Get "RSS" }}
     {{ printf "<atom:link href=%q rel=\"self\" type=%q />" .Permalink .MediaType | safeHTML }}
     {{- end }}
@@ -69,7 +57,7 @@
       <pubDate>{{ .PublishDate.Format "Mon, 02 Jan 2006 15:04:05 -0700" | safeHTML }}</pubDate>
       {{- with $authorEmail }}<author>{{ . }}{{ with $authorName }} ({{ . }}){{ end }}</author>{{ end }}
       <guid>{{ .Permalink }}</guid>
-      <description>{{ .Content | html }}</description>
+      <description>{{ .Content | transform.XMLEscape | safeHTML }}</description>
     </item>
     {{- end }}
   </channel>

themes/ccchh/layouts/partials/head.html

@@ -1,5 +1,5 @@
-{{- $cssOptionsMain := dict "transpiler" "libsass" "targetPath" "css/style.css" -}}
-{{- $cssOptionsPico := dict "transpiler" "libsass" "targetPath" "css/pico.css" -}}
+{{- $cssOptionsMain := dict "transpiler" "dartsass" "targetPath" "css/style.css" -}}
+{{- $cssOptionsPico := dict "transpiler" "dartsass" "targetPath" "css/pico.css" -}}
 {{- $jsResources := resources.Match "js/*.js" }}
 
   <meta name="viewport" content="width=device-width, initial-scale=1.0">

themes/ccchh/layouts/shortcodes/calendar-table.html

@@ -1,4 +1,4 @@
-{{- index .Site.Data "calendar.json" }}
+{{- index hugo.Data "calendar.json" }}
 <table>
   <thead>
     <tr>
@@ -8,7 +8,7 @@
     </tr>
   </thead>
   <tbody>
-  {{- range first 7 (sort $.Site.Data.calendar "dtstart" ) }}
+  {{- range first 7 (sort hugo.Data.calendar "dtstart" ) }}
     {{- if eq ._type "vevent"}}
     <tr>
       {{- $start := time .dtstart }}