A page for IDs + BCD keys

site/assets/styles.css

@@ -634,3 +634,23 @@ main {
   display: block;
   font-size: 0.8rem;
 }
+
+/* Tables */
+
+table {
+  border-collapse: collapse;
+  border: 1px solid var(--text);
+  font-size: .8rem;
+}
+
+th, td {
+  border: 1px solid var(--text);
+  padding: calc(var(--margin) / 4);
+}
+
+table ul, table li {
+  display: inline;
+  margin: 0;
+  padding: 0;
+  list-style: none;
+}

site/ids.njk

@@ -0,0 +1,36 @@
+---
+title: Feature IDs and BCD keys
+layout: layout.njk
+---
+
+<main>
+  <h1>{{ title }}</h1>
+
+  <table>
+    <thead>
+      <tr>
+        <th>ID</th>
+        <th>Name</th>
+        <th>Description</th>
+        <th>BCD keys</th>
+      </tr>
+    </thead>
+    <tbody>
+      {% for feature in allFeatures %}
+        <tr class="baseline-{{ feature.status.baseline }}">
+          <td>{{ feature.id }}</td>
+          <td>{{ feature.name }}</td>
+          <td>{{ feature.description }}</td>
+          <td>
+            <ul>
+              {% for key in feature.compat_features %}
+                <li>{{ key }}</li>
+              {% endfor %}
+            </ul>
+          </td>
+        </tr>
+      {% endfor %}
+    </tbody>
+  </table>
+
+</main>