j-steinbach · June 5, 2023 11:43 · jere76 · Jun 5, 2023
diff --git a/.eleventy.js b/.eleventy.js
 module.exports = function (eleventyConfig) {
  // copy files that are not templates to `_site/`
  // see https://www.11ty.dev/docs/copy/
  // - alternatively this could be done via eleventyConfig.setTemplateFormats
  //   see https://www.11ty.dev/docs/copy/#passthrough-by-file-extension
  //
  // !! when using Tailwind, make sure to NOT copy the tailwind css files..
  eleventyConfig.addPassthroughCopy("src/assets/img");

  return {
    dir: {
      input: "src",
      output: "_site",
      data: "_data",
      includes: "_includes",
      layouts: "_layouts",
    },
  };
 };
diff --git a/Readme.md b/Readme.md
diff --git a/gallery.11tydata.js b/gallery.11tydata.js
 // get all the gallery images and display them
 module.exports = function () {
  const fg = require("fast-glob");
  const galleryImages = fg.sync(["src/assets/img/*.{jpg,jpeg,png,gif,webp}"]);
  
  console.log("gobbling gallery images");
  console.log(galleryImages);

  const gallery = [];
  // strip the 'src' prefix from every gallery image
  // (Note: I changed my 11ty Input Folder to 'src')
  for (let i = 0; i < galleryImages.length; i++) {
    let img = galleryImages[i];
    let img2 = img.substring(3); // string replace doesn't work..
    gallery.push(img2);
  }
  
  console.log("finalizing gallery images");
  console.log(gallery);

  // return the processed gallery, using the key 'gallery'
  return {gallery: gallery} ;
 };
diff --git a/gallery.njk b/gallery.njk
 {%- for image in gallery -%}
  <div>
        <p>{{image}}</p>
        <img src="{{image}}" alt="">
    </div>
 {%- endfor -%}
	module.exports = function (eleventyConfig) {
	// copy files that are not templates to `_site/`
	// see https://www.11ty.dev/docs/copy/
	// - alternatively this could be done via eleventyConfig.setTemplateFormats
	// see https://www.11ty.dev/docs/copy/#passthrough-by-file-extension
	//
	// !! when using Tailwind, make sure to NOT copy the tailwind css files..
	eleventyConfig.addPassthroughCopy("src/assets/img");

	return {
	dir: {
	input: "src",
	output: "_site",
	data: "_data",
	includes: "_includes",
	layouts: "_layouts",
	},
	};
	};
	// get all the gallery images and display them
	module.exports = function () {
	const fg = require("fast-glob");
	const galleryImages = fg.sync(["src/assets/img/*.{jpg,jpeg,png,gif,webp}"]);

	console.log("gobbling gallery images");
	console.log(galleryImages);

	const gallery = [];
	// strip the 'src' prefix from every gallery image
	// (Note: I changed my 11ty Input Folder to 'src')
	for (let i = 0; i < galleryImages.length; i++) {
	let img = galleryImages[i];
	let img2 = img.substring(3); // string replace doesn't work..
	gallery.push(img2);
	}

	console.log("finalizing gallery images");
	console.log(gallery);

	// return the processed gallery, using the key 'gallery'
	return {gallery: gallery} ;
	};
	{%- for image in gallery -%}
	<div>
	<p>{{image}}</p>
	<img src="{{image}}" alt="">
	</div>
	{%- endfor -%}