demos page ported

Author: ninjamuffin99

.eleventy.js

@@ -15,7 +15,7 @@ module.exports = function(eleventyConfig) {
       let resizedImage = await resizeImage(src, width, height, "cover");
 
       let metadata = await Image(resizedImage, { 
-        formats: ["webp", "png"],
+        formats: ["png"],
         outputDir: "out/img"
       });
 
@@ -45,6 +45,9 @@ module.exports = function(eleventyConfig) {
 
 async function resizeImage(src, width, height, mode) {
     return await Sharp(src)
-        .resize({ width: width, height: height, fit: mode })
+        .resize({ width: width, height: height, fit: mode, options:{
+          kernel: "nearest",
+          fastShrinkOnLoad: false
+        }})
         .toBuffer();
 }

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

@@ -0,0 +1,11 @@
+---
+layout: default.liquid
+---
+<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=flixel-demos&amp;type=watch&amp;count=true&amp;size=large"></iframe>
+
+{{ content }}
+	

11ty-source/demos.liquid

@@ -0,0 +1,19 @@
+---
+title: "Demos"
+layout: "demos-layout"
+---
+
+<div class="demo-page center-align-a">
+
+	{% for demo in collections.demo-item %}
+	
+	<a href="{{ demo.url }}" property="dc:title">
+		<p>{{ demo.data.title }}</p>
+		{% capture imgURL %}src/files/images/demos/{{ demo.data.title }}.png{% endcapture %}
+		{% image imgURL, "{{demo.data.title}}", 190, 190 %}
+	</a>
+
+	{% endfor %}
+
+</div>
+