Add blog component to website

.eleventy.js

@@ -5,19 +5,37 @@ module.exports = function( eleventyConfig ) {
 
   // Send assets from source to site.
   eleventyConfig.addPassthroughCopy( {
-    "./source/_css/": "dist/css/",
     "./source/_images/": "dist/images/",
     "./source/_webfonts/": "dist/webfonts/"
   } );
 
   // Add the 11ty nav plugin.
   eleventyConfig.addPlugin(eleventyNavigationPlugin);
 
+  // Add blog glob.
+  eleventyConfig.addCollection( "blogPosts", require("./source/_config/collections/blog-posts.js") );
+  eleventyConfig.addCollection( "blogPostsFirst", require("./source/_config/collections/blog-posts-first.js") );
+  eleventyConfig.addCollection( "categories", require("./source/_config/collections/categories.js") );
+  eleventyConfig.addCollection( "categoryList", require("./source/_config/collections/category-list.js") );
+  eleventyConfig.addCollection( "tagList", require("./source/_config/collections/tag-list.js") );
+
+  // Add date filters.
+  eleventyConfig.addFilter( "simpleDate", require("./source/_config/filters/simple-date.js") );
+  eleventyConfig.addFilter( "shortDate", require("./source/_config/filters/short-date.js") );
+  eleventyConfig.addFilter( "longDate", require("./source/_config/filters/long-date.js") );
+
   // Add year shortcode.
   eleventyConfig.addShortcode( "year", require("./source/_config/shortcodes/year.js") );
 
+  // Add the image shortcode, from the 11ty image plugin.
+  eleventyConfig.addNunjucksAsyncShortcode( "image", require("./source/_config/shortcodes/image.js") );
+
+  // Remove the console output of all generated files.
+  eleventyConfig.setQuietMode(true);
+
   // 11ty config options.
   return {
+    htmlTemplateEngine: "njk",
     markdownTemplateEngine: "njk",
     dir: {
       input: "source",

.gitignore

@@ -2,10 +2,6 @@
 .cache/
 .env
 node_modules/
-source/guide/
-
-# Build.
-site/guide/
 
 # Deployment.
 .push-it

gulpfile.js

@@ -7,13 +7,18 @@ const cleanCSS = require( 'gulp-clean-css' ),
 
 // Define CSS source and distribution directories.
 const cssSource = './source/_sass/**/*.scss';
-const cssBuild = './source/_css';
+const cssBuild = './site/dist/css';
+
+// Define CSS source paths from other locations, e.g. node modules.
+const cssIncludePaths = [
+  './node_modules/include-media/dist'
+];
 
 // Task to compile CSS files.
 gulp.task( 'sass', function() {
   return gulp.src( cssSource )
     .pipe( sourcemaps.init() )
-    .pipe( sass() )
+    .pipe( sass({ includePaths: cssIncludePaths }) )
     .pipe( cleanCSS( { level: 2 } ) )
     .pipe( sourcemaps.write() )
     .pipe( gulp.dest( cssBuild ) );