merge

Author: oscarotero

CHANGELOG.md

@@ -9,6 +9,20 @@ project adheres to [Semantic Versioning](http://semver.org/).
 ## [0.2.0] - Unreleased
 ### Changed
 - Support Lume 3.
+## [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
+- Page title
 
 ## [0.1.1] - 2024-12-24
 ### Fixed
@@ -17,6 +31,11 @@ project adheres to [Semantic Versioning](http://semver.org/).
 ## [0.1.0] - 2024-12-24
 First version
 
+<<<<<<< HEAD
 [0.2.0]: https://github.com/lumeland/theme-ebook/compare/v0.1.1...HEAD
+=======
+[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
+>>>>>>> 1d4513562d3b71bdec1cf0d46d31ff8c6d36710b
 [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

plugins.ts

@@ -1,4 +1,4 @@
-import postcss from "lume/plugins/postcss.ts";
+import lightningcss from "lume/plugins/lightningcss.ts";
 import basePath from "lume/plugins/base_path.ts";
 import metas from "lume/plugins/metas.ts";
 import prism from "lume/plugins/prism.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";
@@ -38,7 +39,7 @@ export default function (userOptions?: Options) {
 
   return (site: Lume.Site) => {
     site
-      .use(postcss())
+      .use(lightningcss())
       .use(basePath())
       .use(metas())
       .use(sitemap(options.sitemap))
@@ -49,6 +50,7 @@ export default function (userOptions?: Options) {
         level: 1,
       }))
       .add("scripts")
+      .use(footnotes())
       .data("layout", "layouts/book.vto")
       .add("img")
       .add([".css"])

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

@@ -12,7 +12,7 @@
       content="black-translucent"
     >
 
-    <title> by {{ author }}</title>
+    <title>{{ title }} by {{ author }}</title>
     <link rel="stylesheet" href="/styles.css">
     <script type="module" src="/scripts/invoker.js"></script>
     <script type="module" src="/scripts/main.js"></script>
@@ -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 }}