Add feature lists for latest stable browsers

.eleventy.js

@@ -266,7 +266,11 @@ export default function (eleventyConfig) {
       return {
         id: browserId,
         name: browsers[browserId].name,
-        releases: browsers[browserId].releases,
+        releases: browsers[browserId].releases.map(release => {
+          // Add the status of the release from BCD (current, retired, beta, nightly).
+          release.status = bcd.browsers[browserId].releases[release.version].status;
+          return release;
+        }),
         bugTracker: BROWSER_BUG_TRACKERS[browserId],
       };
     });

site/_includes/feature_list_views.njk

@@ -5,6 +5,7 @@
   <li><a href="/widely-available" class="baseline-high">Widely available</a></li>
   <li><a href="/limited-availability" class="baseline-false">Limited availability</a></li>
   <li><a href="/one-missing-engine" class="baseline-false">One missing engine</a></li>
-  <!-- <li><a href="/groups">Groups</a></li>
-  <li><a href="/browse">Browse features</a></li> -->
+  {% for browser in browsers %}
+    <li><a href="/browsers/{{ browser.id | slugify }}/">{{ browser.name }}</a></li>
+  {% endfor %}
 </ul>

site/browser.njk

@@ -0,0 +1,29 @@
+---
+layout: layout.njk
+pagination:
+  data: browsers
+  size: 1
+  alias: browser
+permalink: "browsers/{{ browser.id | slugify }}/"
+---
+
+<main class="explore-features">
+  {% include "feature_list_views.njk" %}
+
+  {% for release in browser.releases %}
+    {% if release.status == "current" %}
+      <h1>New features in {{ browser.name }} {{ release.version }} (released on {{ release.date }})</h1>
+
+      <ul class="features">
+        {% for feature in allFeatures %}
+          {% if feature.status.support[browser.id] and feature.status.support[browser.id] == release.version %}
+            <li>
+              {% include "feature_short.njk" %}
+            </li>
+          {% endif %}
+        {% endfor %}
+      </ul>
+    {% endif %}
+  {% endfor %}
+
+</main>