Introduce landing page and card shortcode

2025-08-09 00:56:37 +02:00
parent b3322d7bae
commit 47223753a2
14 changed files with 231 additions and 60 deletions
@@ -9,5 +9,5 @@
 {{- end -}}

 {{- with .Inner }}
-<span>\[ {{ . }} \]</span>
+<span>\[ {{ .| htmlEscape | safeHTML  }} \]</span>
 {{ end -}}
@@ -1,4 +1,6 @@
-<h{{ .Level }} id="{{ .Anchor | safeURL }}">
-  {{ .Text | safeHTML }}
-  <a class="anchor" href="#{{ .Anchor | safeURL }}">#</a>
+<h{{ .Level }} id="{{ .Anchor }}" {{- with .Attributes.class }} class="{{ . }}" {{- end }}>
+  {{ .Text }}
+  {{ if default true .Page.Params.bookHeadingAnchor }}
+  <a class="anchor" href="#{{ .Anchor }}">#</a>
+  {{ end }}
 </h{{ .Level }}>
@@ -0,0 +1,20 @@
+{{- /* remove whitespace */ -}}
+{{- if .Get "href" -}}
+<a class="book-card{{ with .Get "class" }} {{ . }}{{ end }}"{{ with .Get "href" }} href="{{ . | relURL }}"{{ end }}>
+{{- template "book-card-content" . -}}
+</a>
+{{- else -}}
+<div class="book-card{{ with .Get "class" }} {{ . }}{{ end }}">
+{{- template "book-card-content" . -}}
+</div>
+{{- end -}}
+
+{{- define "book-card-content" -}}
+{{- with .Get "image" -}}
+  <img src="{{ . | urls.RelLangURL }}" />
+{{- end }}
+  <div class="markdown-inner">
+  {{ with .InnerDeindent }}{{ . }}{{ end }}
+  </div>
+{{- end -}}
+{{- /* remove whitespace */ -}}
@@ -8,5 +8,5 @@
 {{ end }}

 <pre class="mermaid{{ with .Get "class" }} {{ . }}{{ end }}">
-  {{- .Inner -}}
+  {{- .Inner | htmlEscape | safeHTML  -}}
 </pre>
@@ -4,15 +4,11 @@
  {{ partial "docs/html-head" . }}
  {{ partial "docs/inject/head" . }}
 </head>
-<body dir="{{ default "ltr" .Site.Language.LanguageDirection }}">
+<body dir="{{ default "ltr" .Site.Language.LanguageDirection }}" class="book-kind-{{ .Kind }} book-type-{{ .Type }}">
  <input type="checkbox" class="hidden toggle" id="menu-control" />
  <input type="checkbox" class="hidden toggle" id="toc-control" />
  <main class="container flex">
-    <aside class="book-menu">
-      <div class="book-menu-content">
-        {{ template "menu" . }} <!-- Left menu Content -->
-      </div>
-    </aside>
+    {{ template "menu-container" . }} <!-- Left menu -->

    <div class="book-page">
      <header class="book-header">
@@ -29,23 +25,24 @@
      </footer>

      {{ template "comments" . }} <!-- Comments block -->
-
      <label for="menu-control" class="hidden book-menu-overlay"></label>
    </div>

-    {{ if partial "docs/toc-show" . }}
-    <aside class="book-toc">
-      <div class="book-toc-content">
-        {{ template "toc" . }} <!-- Table of Contents -->
-      </div>
-    </aside>
-    {{ end }}
+    {{ template "toc-container" . }} <!-- Table of Contents -->
  </main>

  {{ partial "docs/inject/body" . }}
 </body>
 </html>

+{{ define "menu-container" }}
+<aside class="book-menu">
+  <div class="book-menu-content">
+    {{ template "menu" . }}
+  </div>
+</aside>
+{{ end }}
+
 {{ define "menu" }}
  {{ partial "docs/menu" . }}
 {{ end }}
@@ -78,6 +75,16 @@
  </article>
 {{ end }}

+{{ define "toc-container" }}
+{{ if partial "docs/toc-show" . }}
+<aside class="book-toc">
+  <div class="book-toc-content">
+    {{ template "toc" . }}
+  </div>
+</aside>
+{{ end }}
+{{ end }}
+
 {{ define "toc" }}
  {{ partial "docs/toc" . }}
 {{ end }}
@@ -0,0 +1,13 @@
+{{ define "menu-container" }}
+<!-- -->
+{{ end }}
+{{ define "toc-container" }}
+<!-- -->
+{{ end }}
+{{ define "footer" }}
+<!-- -->
+{{ end }}
+
+{{ define "header" }}
+  {{ partial "docs/menu-hugo" .Site.Menus.home }}
+{{ end }}