diff --git a/.docs/.eleventy.js b/.docs/.eleventy.js
index 355fb89..87d5aa5 100644
--- a/.docs/.eleventy.js
+++ b/.docs/.eleventy.js
@@ -1,4 +1,72 @@
-module.exports = function(eleventyConfig) {
- eleventyConfig.addPassthroughCopy("images");
- eleventyConfig.addPassthroughCopy("theme.css");
+const path = require("path");
+
+const htmlentities = require("html-entities");
+const Image = require("@11ty/eleventy-img");
+
+var nextid = 0;
+
+async function shortcode_image(src, alt, classes = "") {
+ let metadata = await Image(src, {
+ widths: [300, null],
+ formats: ["avif", "jpeg"],
+ outputDir: `./_site/img/`,
+ filenameFormat: (_id, src, width, format, _options) => {
+ const extension = path.extname(src);
+ const name = path.basename(src, extension);
+ return `${name}-${width}w.${format}`;
+ }
+ });
+ console.log(metadata);
+
+ let imageAttributes = {
+ class: classes,
+ alt: htmlentities.encode(alt),
+ sizes: Object.values(metadata)[0].map((el) => `${el.width}w`).join(" "),
+ loading: "lazy",
+ decoding: "async",
+ };
+
+ // You bet we throw an error on missing alt in `imageAttributes` (alt="" works okay)
+ return Image.generateHTML(metadata, imageAttributes);
+}
+
+async function shortcode_image_url(src) {
+ let metadata = await Image(src, {
+ widths: [ null ],
+ formats: [ "jpeg" ],
+ outputDir: `./_site/img/`,
+ filenameFormat: (_id, src, width, format, _options) => {
+ const extension = path.extname(src);
+ const name = path.basename(src, extension);
+ return `${name}-${width}w.${format}`;
+ }
+ });
+ console.log(metadata);
+
+ let data = metadata.jpeg[metadata.jpeg.length - 1];
+ return data.url;
+}
+
+async function shortcode_cssbox(content, src) {
+ let idprev = `image-${nextid}`;
+ nextid += 1;
+ let idthis = `image-${nextid}`;
+ let idnext = `image-${nextid + 1}`;
+ return ``;
+}
+
+module.exports = function(eleventyConfig) {
+ // eleventyConfig.addPassthroughCopy("images");
+ // eleventyConfig.addPassthroughCopy("css");
+ eleventyConfig.addShortcode("image", shortcode_image);
+ eleventyConfig.addJavaScriptFunction("image", shortcode_image);
+ eleventyConfig.addShortcode("image-url", shortcode_image_url);
+ eleventyConfig.addPairedShortcode("cssbox", shortcode_cssbox);
}
diff --git a/.docs/.eleventyignore b/.docs/.eleventyignore
new file mode 100644
index 0000000..9798131
--- /dev/null
+++ b/.docs/.eleventyignore
@@ -0,0 +1 @@
+css/
diff --git a/.docs/_includes/theme.njk b/.docs/_includes/theme.njk
index 4e2e81f..4faa0ba 100644
--- a/.docs/_includes/theme.njk
+++ b/.docs/_includes/theme.njk
@@ -28,6 +28,7 @@
diff --git a/.docs/css.njk b/.docs/css.njk
new file mode 100644
index 0000000..5c14c61
--- /dev/null
+++ b/.docs/css.njk
@@ -0,0 +1,5 @@
+---
+permalink: theme.css
+---
+{% include "css/theme.css" %}
+{% include "css/CSSBox/cssbox.css" %}
diff --git a/.docs/css/CSSBox b/.docs/css/CSSBox
new file mode 160000
index 0000000..2234546
--- /dev/null
+++ b/.docs/css/CSSBox
@@ -0,0 +1 @@
+Subproject commit 2234546c25d51770086f972b0f330d4087e7c829
diff --git a/.docs/theme.css b/.docs/css/theme.css
similarity index 98%
rename from .docs/theme.css
rename to .docs/css/theme.css
index 8ee0ed4..a088cab 100644
--- a/.docs/theme.css
+++ b/.docs/css/theme.css
@@ -103,6 +103,7 @@ iframe, object, embed, img, table
{
max-width: 100%;
}
+picture img { height: initial; }
/* Turn the user's cursor into a hand when over things they can click */
button, summary
@@ -217,3 +218,8 @@ input[type=text], input[type=number], textarea
/* .features-large figure img {
max-width: 12em;
} */
+
+
+.cssgallery {
+ display: flex;
+}
diff --git a/.docs/images/gallery-a.jpeg b/.docs/images/gallery-a.jpeg
new file mode 100644
index 0000000..1ed45c4
Binary files /dev/null and b/.docs/images/gallery-a.jpeg differ
diff --git a/.docs/images/gallery-b.jpeg b/.docs/images/gallery-b.jpeg
new file mode 100644
index 0000000..dae4a6c
Binary files /dev/null and b/.docs/images/gallery-b.jpeg differ
diff --git a/.docs/index.html b/.docs/index.html
index 959e95b..139a817 100644
--- a/.docs/index.html
+++ b/.docs/index.html
@@ -5,7 +5,7 @@ tags: navigable
date: 2000-01-01
---
-