Switch data representation to definition list

Thank the author of the blog post [1] that helped me writing the CSS

[1]: https://www.the-art-of-web.com/css/format-dl/

1 files changed, 46 insertions, 0 deletions

diff --git a/layouts/_default/books.html b/layouts/_default/books.html
new file mode 100644
index 0000000..c4b7589
--- /dev/null
+++ b/layouts/_default/books.html
@@ -0,0 +1,46 @@
+{{ define "main" }}
+{{ if .Menus }}
+<nav class="post-navigation">
+  {{ range .Menus }}
+  <a href="{{ .URL | absLangURL }}" title="{{ .Title }}">{{ .Name }}</a>
+  {{ end }}
+</nav>
+{{ end }}
+
+<article class="post h-entry">
+  <header class="post-header">
+    <h1 class="p-name post-title{{ if .Params.favorite }} favorite{{end}}{{ if .Params.draft }} draft{{end}}">{{ trim .Title  " " }}</h1>
+  </header>
+  <div class="content e-content">
+    <h1>Book info</h1>
+    <dl class="book-data">
+      <dt>Book</dt>
+      <dd>{{ .Params.book }}</dd>
+      <dt>Authors</dt>
+      {{ range $author := .Params.authors }}
+        <dd>{{ $author }}</dd>
+      {{ end }}
+      <dt>ISBN</dt>
+      <dd>{{ .Params.isbn }}</dd>
+      <dt>Genres</dt>
+      {{ range $genre := .Params.genres }}
+        <dd>{{ $genre }}</dd>
+      {{ end }}
+      <dt>Language</dt>
+      <dd>{{ .Language.LanguageName }}</dd>
+    </dl>
+    {{ .Content }}
+    <hr>
+    {{ i18n "BookShare" }}
+  </div>
+  {{ partial "postInfo.html" . }}
+</article>
+
+{{ if and (.Site.Params.paginationSinglePost) (ne .Type "page") }}
+  {{ partial "paginationPost.html" . }}
+{{ end }}
+
+
+{{ partial "custom-webring.html" }}
+
+{{ end }}