new version

Author: oscarotero

CHANGELOG.md

@@ -6,6 +6,16 @@ All notable changes to this project will be documented in this file.
 The format is based on [Keep a Changelog](http://keepachangelog.com/) and this
 project adheres to [Semantic Versioning](http://semver.org/).
 
+## [0.1.3] - 2024-12-31
+### Added
+- Footnotes support.
+
+### Changed
+- Use *A esmorga* as demo book.
+
+### Fixed
+- H1 margin top.
+
 ## [0.1.2] - 2024-12-25
 ### Fixed
 - CSS compatibility for old browsers
@@ -18,6 +28,7 @@ project adheres to [Semantic Versioning](http://semver.org/).
 ## [0.1.0] - 2024-12-24
 First version
 
+[0.1.3]: https://github.com/lumeland/theme-ebook/compare/v0.1.2...v0.1.3
 [0.1.2]: https://github.com/lumeland/theme-ebook/compare/v0.1.1...v0.1.2
 [0.1.1]: https://github.com/lumeland/theme-ebook/compare/v0.1.0...v0.1.1
 [0.1.0]: https://github.com/lumeland/theme-ebook/releases/tag/v0.1.0

deno.json

@@ -1,7 +1,7 @@
 {
   "imports": {
     "lume/": "https://deno.land/x/[email protected]/",
-    "lume/cms/": "https://cdn.jsdelivr.net/gh/lumeland/cms@v0.7.6/"
+    "lume/cms/": "https://cdn.jsdelivr.net/gh/lumeland/cms@v0.8.0/"
   },
   "lock": false,
   "tasks": {

plugins.ts

@@ -9,6 +9,7 @@ import {
   Options as GoogleFontsOptions,
 } from "lume/plugins/google_fonts.ts";
 import toc from "https://deno.land/x/[email protected]/toc.ts";
+import footnotes from "https://deno.land/x/[email protected]/footnotes.ts";
 import { merge } from "lume/core/utils/object.ts";
 
 import "lume/types.ts";
@@ -48,6 +49,7 @@ export default function (userOptions?: Options) {
       .use(toc({
         level: 1,
       }))
+      .use(footnotes())
       .copy("scripts")
       .data("layout", "layouts/book.vto")
       .copy("img")

src/_data.yml

@@ -1,8 +1,8 @@
 lang: gl
 
-title: Follas novas
-description: Versos en Gallego
-author: Rosalía de Castro
+title: A esmorga
+description: Relato tráxico dunha destrutiva peripecia polos arrabaldos de Auria.
+author: Eduardo Blanco Amor
 cover: /img/cover.jpg
 
 metas:

src/_includes/css/book.css

@@ -27,7 +27,9 @@
   }
   h1 {
     font-size: 2.5em;
-    margin-top: var(--column-height);
+    margin-top: calc(var(--column-height) / 5);
+    break-before: always;
+    break-inside: avoid;
   }
   h2 {
     font-size: 1.75em;
@@ -220,3 +222,54 @@
     }
   }
 }
+
+.footnotes {
+  font-size: 0.85em;
+
+  & > dl {
+    margin: 0;
+
+    & > div {
+      padding: 0.5em;
+
+      &:target {
+        outline: 1px dashed var(--color-spot);
+      }
+
+      & + div {
+        margin-top: 0.5em;
+      }
+    }
+  }
+
+  & dt {
+    float: left;
+    margin-right: 1em;
+    font-weight: bold;
+
+    & a {
+      text-decoration: none;
+      color: var(--color-text);
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  & dd {
+    margin: 0;
+    padding-left: 2em;
+
+    & p {
+      margin: 0.25em 0;
+    }
+
+    & > :first-child {
+      margin-top: 0;
+    }
+    & > :last-child {
+      margin-bottom: 0;
+    }
+  }
+}

src/_includes/layouts/book.vto

@@ -118,6 +118,19 @@
 
       {{ content }}
 
+      {{ if it.footnotes.length }}
+      <aside role="note" class="page footnotes">
+        <dl>
+          {{ for note of footnotes }}
+          <div id="{{ note.id }}" class="footnote">
+            <dt><a href="#{{ note.refId }}">{{ note.label }}</a></dt>
+            <dd>{{ note.content }}</dd>
+          </div>
+          {{ /for }}
+        </dl>
+      </aside>
+      {{ /if }}
+
       {{ set nextPage = search.nextPage(url, "", "url") }}
 
       {{ if nextPage }}