Show feature explainers on main (v8#600)

* Show feature explainers on main

This should improve discoverability of feature explainers and make main feed a bit more lively.

* Update index.njk

Author: RReverser

.eleventy.js

@@ -147,6 +147,12 @@ module.exports = (eleventyConfig) => {
                      .sort((a, b) => b.date - a.date);
   });
 
+  // Create a collection with merged blogs and feature explainers.
+  eleventyConfig.addCollection('allPosts', (collection) => {
+    return collection.getFilteredByGlob('src/{blog,features}/*.md')
+                     .sort((a, b) => b.date - a.date);
+  });
+
   // Patch the Markdown renderer to recognize <feature-support>.
   const oldRender = md.render.bind(md);
   md.render = (input) => {

src/index.njk

@@ -7,13 +7,13 @@ description: 'V8 is Google’s open source high-performance JavaScript and WebAs
 
 <p>V8 is Google’s open source high-performance JavaScript and WebAssembly engine, written in C++. It is used in Chrome and in Node.js, among others. It implements <a href="https://tc39.es/ecma262/">ECMAScript</a> and <a href="https://webassembly.github.io/spec/core/">WebAssembly</a>, and runs on Windows 7 or later, macOS 10.12+, and Linux systems that use x64, IA-32, ARM, or MIPS processors. V8 can run standalone, or can be embedded into any C++ application.</p>
 
-<h2>Latest blog posts</h2>
+<h2>Latest posts and feature explainers</h2>
 
-{% set posts = collections.posts | head(10) %}
-{% set start = collections.posts | length %}
+{% set posts = collections.allPosts | head(10) %}
+{% set start = collections.allPosts | length %}
 {% include "posts.njk" %}
 
-<p>More articles can be found in <a href="/blog">the blog archive</a>.</p>
+<p>More articles can be found in <a href="/blog">the blog archive</a> and <a href="/features">the features section</a>.</p>
 
 <h2>Latest <a href="https://twitter.com/v8js" rel="me nofollow">@v8js</a> tweets</h2>
 <a class="twitter-link" href="https://twitter.com/v8js" rel="me nofollow">View tweets by @v8js</a>