Merge pull request #231 from ninjamuffin99/11ty-phase2

11ty phase2: showcases page, and remove docker stuff

.eleventy.js

@@ -1,15 +1,37 @@
 const { EleventyRenderPlugin } = require("@11ty/eleventy");
-
+const Image = require("@11ty/eleventy-img");
+const Sharp = require('sharp');
 
 module.exports = function(eleventyConfig) {
     eleventyConfig.addPlugin(EleventyRenderPlugin);
 
     // used to set the current active dropdown list item to active, depending on current page
     eleventyConfig.addShortcode("dropdownActive", function(dropdownItem) {
-
       let isActive = this.page.url.includes(`/${dropdownItem}/`);
       return isActive ? "active" : "";
     });
+
+    eleventyConfig.addShortcode("image", async function(src, alt, width, height) {
+      let resizedImage = await resizeImage(src, width, height, "cover");
+
+      let metadata = await Image(resizedImage, { 
+        formats: ["webp", "png"],
+        outputDir: "out/img"
+      });
+
+      let imageAttributes = {
+        alt,
+        width: width,
+        height: height,
+        loading: "lazy",
+        decoding: "async",
+      };
+
+      // You bet we throw an error on a missing alt (alt="" works okay)
+      return Image.generateHTML(metadata, imageAttributes);
+    });
+
+    eleventyConfig.addPassthroughCopy({ "src/files/images": "images" });
 
     // Return your Object options:
     return {
@@ -19,4 +41,10 @@ module.exports = function(eleventyConfig) {
         output: "out"
       }
     }
-  };
+  };
+
+async function resizeImage(src, width, height, mode) {
+    return await Sharp(src)
+        .resize({ width: width, height: height, fit: mode })
+        .toBuffer();
+}

11ty-source/_layouts/blog-layout.liquid

@@ -4,9 +4,8 @@ layout: default.liquid
 <div class="col-md-8">
 
 	<h1 class="title">{{title}}</h1>
-
-        {{content}}
-
+  {{content}}
+
 </div>
 
 <div class="col-md-4 twitter-widget">

11ty-source/_layouts/showcase.liquid

@@ -0,0 +1,11 @@
+---
+layout: default
+---
+
+	<h1 class="title">{{title}}</h1>
+
+	<iframe width="180px" scrolling="0" height="30px" frameborder="0" id="githubBtn-tr-info"
+			allowtransparency="true"
+			src="https://ghbtns.com/github-btn.html?user=haxeflixel&amp;repo=haxeflixel.com&amp;type=watch&amp;count=true&amp;size=large"></iframe>
+
+	{{content}}

11ty-source/_layouts/sponsors-layout.liquid

@@ -0,0 +1,13 @@
+---
+layout: default.liquid
+---
+
+<div class="col-md-12">
+
+  <h1 class="title">{{title}}</h1>
+  {{content}}
+
+</div>
+
+
+