initial commit

.eleventy.js

@@ -0,0 +1,62 @@
+const Image = require("@11ty/eleventy-img");
+const glob = require("glob-promise");
+
+module.exports = function(eleventyConfig) {
+  // Output directory: _site
+
+  eleventyConfig.addCollection("galleryProjects", function (collectionApi) {
+    return collectionApi.getFilteredByTag("gallery").sort(function (projectA, projectB) {
+      // sort projects by weight (highest first)
+      return projectB.data.weight - projectA.data.weight
+    })
+  })
+
+  eleventyConfig.addCollection("otherProjects", function (collectionApi) {
+    return collectionApi.getFilteredByTag("other").sort(function (projectA, projectB) {
+      // sort projects by weight (highest first)
+      return projectB.data.weight - projectA.data.weight
+    })
+  })
+
+  // Copy `images/` to `_site/images`
+  eleventyConfig.addPassthroughCopy("src/images");
+
+  // Copy `css/fonts/` to `_site/css/fonts`
+  // Keeps the same directory structure.
+  eleventyConfig.addPassthroughCopy("src/fonts");
+  
+  // Copy css files to `_site/css`
+  eleventyConfig.addPassthroughCopy("src/*.css");
+
+  // Copy js files to `_site/scripts`
+  eleventyConfig.addPassthroughCopy("src/scripts/*.js");
+
+  // Copy website button to root
+  eleventyConfig.addPassthroughCopy("src/paupowpow-button.png");
+  
+
+  eleventyConfig.addCollection('projectImages', async collectionApi => {
+    let files = await glob('./src/images/projects/*/*.{png,jpeg,jpg}');
+    
+    let collection = files.map(imagePath => {
+      return {
+        path: imagePath.replace('./src',''),
+        id: imagePath.replace('./src/images/projects/', '')  // * didn't work
+      }
+    });
+
+    let collectionByFolder = {}
+
+    // takes the entire list of image paths and splits it up by project
+    for (let element of collection) {
+      const segments = element.path.split('/')
+      // get the /*/ part of projects/*/*.png
+      const imageFolder = segments[segments.length - 2]
+      // if no array exists, make one
+      collectionByFolder[imageFolder] = collectionByFolder[imageFolder] || []
+      collectionByFolder[imageFolder].push(element) 
+    }
+
+    return collectionByFolder;
+  });
+};