Home: Fix event annoucement summary

hugo.toml

@@ -1,5 +1,6 @@
 baseURL = 'https://hamburg.ccc.de/'
 languageCode = 'de-de'
+defaultContentLanguage = 'de'
 title = 'CCC Hansestadt Hamburg e.V.'
 theme = 'ccchh'
 

themes/ccchh/assets/sass/main.scss

@@ -10,13 +10,15 @@ $roomstate_color_closed: var(--del-color);
 header {
   margin-bottom: 3rem;
 
-  h1 {
+  h1,
+  h2,
+  h3,
+  h4,
+  h5,
+  h6 {
     margin-bottom: 0;
   }
 
-  h2 {
-    margin-bottom: 0;
-  }
 }
 
 body>footer {
@@ -114,6 +116,18 @@ body>main {
 
   margin-bottom: var(--typography-spacing-vertical);
 
+  header {
+    margin-bottom: 1rem;
+  }
+
+  p {
+    margin-bottom: calc(var(--typography-spacing-vertical) / 2);
+  }
+
+  // .morelink {
+  //   margin-top: calc((var(--typography-spacing-vertical) / 2) * -1);
+  // }
+
   p:last-child {
     margin-bottom: 0;
   }

themes/ccchh/layouts/_default/summary.html

@@ -1,6 +1,6 @@
 
 <article>
-  {{- partial "blog-header.html" (dict "subitem" true "page" . ) }}
+  {{- partial "blog-header.html" (dict "headingLink" true "level" 2 "page" . ) }}
 
   {{- if in .RawContent "<!--more-->" }}
     {{ .Summary | safeHTML }}

themes/ccchh/layouts/blog/single.html

@@ -1,6 +1,6 @@
 {{ define "main" }}
   <main class="container" aria-role="main">
-    {{- partial "blog-header.html" (dict "subitem" false "page" . ) }}
+    {{- partial "blog-header.html" (dict "page" . ) }}
 
     <section class="content">
       {{ .Content }}

themes/ccchh/layouts/index.html

@@ -1,29 +1,23 @@
 {{ define "main" }}
   <main class="container" aria-role="main">
-    <!-- <header class="homepage-header">
-      <h1>{{ .Title }}</h1>
-      {{ with .Params.subtitle }}
-      <span class="subtitle">{{ . }}</span>
-      {{ end }}
-    </header> -->
     <div class="homepage-content">
-      <!-- Note that the content for index.html, as a sort of list page, will pull from content/_index.md -->
       {{ .Content }}
     </div>
 
     {{- $events := where (.Site.GetPage "blog").Pages ".Params.categories" "event" }}
     {{- $upcoming := where $events ".Params.date" "ge" now }}
-    {{ if $upcoming}}
+    {{ if $upcoming }}
     <div class="announcements">
       <h3>Neuigkeiten</h3>
       {{- range $upcoming.ByDate }}
       <div class="announcement">
-        <p><a href="{{ .Permalink }}">{{ .Date.Format "2006-01-02" }}: {{ .Title }}</a>
+        {{- partial "blog-header.html" (dict "headingLink" true "level" 4 "reduced" true "page" . ) }}
-        {{ .Summary }}
+
-        {{- if .Truncated }}
+        {{- if in .RawContent "<!--more-->" }}
-        <a href="{{ .RelPermalink }}">Read More…</a>
+          {{ .Summary | safeHTML }}
+        {{- else }}
+          <p>{{ .Summary | safeHTML }}</p>
         {{- end }}
-        </p>
       </div>
       {{- end }}
     </div>

themes/ccchh/layouts/partials/blog-header.html

@@ -1,22 +1,24 @@
 {{- $page := .page -}}
-{{- $isMain := not .subitem -}}
+{{- $level := (.level | default 1) -}}
+{{- $headingLink := (.headingLink | default false) -}}
+{{- $showTags := not (.reduced | default false) -}}
+{{- $showAuthors := not (.reduced | default false) -}}
 
 {{ with $page }}
       <header>
-        {{- if $isMain }}
+        {{- if $headingLink }}<a href="{{ .Permalink }}">{{ end }}
-        <h1>{{ .Title }}</h1>
+        <h{{ $level }}>{{ .Title }}</h{{ $level }}>
-        {{- else }}
+        {{- if $headingLink }}</a>{{ end }}
-        <a href="{{ .Permalink }}"><h2>{{ .Title }}</h2></a>
-        {{- end }}
         {{- with .Params.subtitle }}
         <span class="subtitle">{{ . }}</span>
         {{- end }}
 
         <div class="infos">
-          <span class="li-space"><i class="fa-solid fa-calendar-day"></i> {{ .Date.Format "2006-01-02 15:04" }}</span>
+          <span class="li-space"><i class="fa-solid fa-calendar-day"></i> {{ .Date | time.Format "Mon, 2006-01-02 15:04" }}</span>
           {{- with .Params.location }}
           <span class="li-space"><i class="fa-solid fa-location-dot"></i> {{ . }}</span>
           {{- end }}
+          {{- if $showTags }}
           {{- with .Page.GetTerms "tags" }}
           <span class="li-space"><i class="fa-solid fa-tag"></i>
             {{- range . }}
@@ -24,6 +26,8 @@
             {{- end }}
           </span>
           {{- end }}
+          {{- end }}
+          {{- if $showAuthors }}
           <br>
           {{- with .Page.GetTerms "authors" }}
           <span class="li-space"><i class="fa-regular fa-user"></i>
@@ -32,6 +36,7 @@
             {{- end }}
           </span>
           {{- end }}
+          {{- end }}
         </div>
       </header>
 {{- end }}